@charset "utf-8";

.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-family:"Helvetica Neue",Helvetica,sans-serif;
	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;
	min-width:50px;
	padding-right:10px
}
.sheet-rolltemplate-default tr:nth-child(even) {
	background-color:#eee
}

/* Reset */
.charsheet select,
.charsheet div,
.charsheet button,
.charsheet textarea,
.charsheet span,
.charsheet input,
.charsheet img,
.charsheet label{box-sizing: border-box; outline:0;}
.ui-dialog .charsheet {padding:0;}
.charsheet .sheet-wrap {font-size:12px;}
.charsheet .sheet-wrap:before {content:"Sheet by. @tateck_trpg / Request by. @CF_ORPG"; display:block; position:absolute; top:13px; right:10px; font-size:10px; color:#fff; opacity:.2; z-index:9999;}
.charsheet .sheet-wrap * {color:#fff; outline:0 !important; font-family:'Malgun Gothic';}
.charsheet .sheet-wrap p {margin:0;}
.charsheet .sheet-wrap input,
.charsheet .sheet-wrap textarea,
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap .uneditable-input {margin:0; border-radius:0 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"] {display:block; position:absolute; top:0; left:0; opacity:0; border:none !important;}
.charsheet .sheet-wrap input[type="text"],
.charsheet .sheet-wrap input[type="number"] {border:none; height:30px; border-radius:0; background:transparent; padding:0 5px; font-size:12px; width:100%;}
.charsheet .sheet-wrap select {border:none; height:30px; padding:0 5px; font-size:12px; width:100%; background:transparent;}
.charsheet .sheet-wrap input[type="number"]::-webkit-outer-spin-button,
.charsheet .sheet-wrap input[type="number"]::-webkit-inner-spin-button {appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0;}
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button {cursor:pointer;}
.charsheet .sheet-wrap input:-internal-autofill-selected {background-color:transparent !important; appearance:none !important; -webkit-appearance:none !important;  -moz-appearance:none !important;}
.charsheet .sheet-wrap input[type="number"] {font-family:'Malgun Gothic'; font-weight:800;}
.charsheet .sheet-wrap select * {color:#000 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button,
.charsheet .sheet-wrap select {box-shadow: none !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.charsheet .sheet-wrap select {padding-right:15px; background:url('https://i.imgur.com/XUOlL86.png') no-repeat top 50% right 2px;}
.charsheet .sheet-wrap button {border:none; margin:0; background:transparent;}
.charsheet .sheet-wrap textarea {width:100%; background:transparent; border:none; resize:none; line-height:1.5;}
.charsheet .sheet-wrap fieldset {margin:0; padding:0; border:none;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol {z-index:990 !important; height:auto; top:0; bottom:0;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {width:30px; height:30px; border:none; border-radius:0; line-height:30px; padding:0; text-align:center;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {background:red;}

.charsheet .sheet-wrap .repcontrol {display:block; position:relative; overflow:hidden; margin-bottom:30px; background:#262626; border-radius:9em; font-size:11px;}
.charsheet .sheet-wrap .repcontrol:before {content:""; display:block; position:absolute; width:1px; top:5px; bottom:5px; left:50%; background:#fff; opacity:.1;}
.charsheet .sheet-wrap .repcontrol > * {height:20px; line-height:20px; padding:0 10px; font-size:11px; font-weight:400;}

.charsheet .sheet-wrap .sheet-dice {display:inline-block; vertical-align:middle; border:none; padding:0 !important; margin:0 !important; width:30px; height:30px; border-radius:0; background:url('https://i.imgur.com/oV1omk4.png') no-repeat 50% 50%; background-size:cover;}
.charsheet .sheet-wrap .sheet-dice:before {display:none !important;}

.charsheet .sheet-wrap input::placeholder {color:rgba(255, 255, 255, .3);}
.charsheet .sheet-wrap textarea::placeholder {color:rgba(255, 255, 255, .3);}

.charsheet .sheet-tal {text-align:left !important;}
.charsheet .sheet-tar {text-align:right !important;}
.charsheet .sheet-tac {text-align:center !important;}

.charsheet .sheet-wrap .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}


/*****************************************
	Layout
*****************************************/

.charsheet .sheet-wrap {display:block; position:relative; margin:0 auto; max-width:850px;}
.charsheet .sheet-wrap .sheet-wrap-acc-ty1 {display:block; position:absolute; top:0; left:0; right:0; background:url('https://i.imgur.com/V5LcNF2.png') repeat-x; height:13px; z-index:5;}
.charsheet .sheet-wrap .sheet-wrap-acc-ty2 {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; background:#040101;}
.charsheet .sheet-wrap .sheet-wrap-acc-ty2:before,
.charsheet .sheet-wrap .sheet-wrap-acc-ty2:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.charsheet .sheet-wrap .sheet-wrap-acc-ty2:before {z-index:-1; background:url('https://i.imgur.com/BiN77o5.png') repeat-x 0 0;}
.charsheet .sheet-wrap .sheet-wrap-acc-ty2:after {z-index:0; background:url('https://i.imgur.com/Gkh6AOn.png');}

.charsheet .sheet-wrap-inner {display:block; position:relative; min-height:700px; z-index:1;}

.charsheet .sheet-memo {display:block; position:relative; padding:30px 0 0; clear:both;}
.charsheet .sheet-memo textarea {display:block; position:relative; border-radius:15px !important; height:200px; background:rgba(255,255,255,.2); padding:20px; font-size:12px; line-height:1.5;}


/*****************************************
	Family Area
*****************************************/

.charsheet .sheet-family-box {display:block; position:absolute; top:0; width:344px; height:225px; left:50%; margin-left:-172px; text-align:center; box-sizing:border-box; padding-top:155px; background:url('https://i.imgur.com/0dbEha8.png') no-repeat 50% 0;}
.charsheet .sheet-family-box:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://i.imgur.com/e2Zsgm3.png') no-repeat 50% 0;}
.charsheet .sheet-family-box .sheet-logo {display:block; position:absolute; top:50px; left:50%; width:135px; height:145px; margin-left:-67px; background:url('https://i.imgur.com/be76YhB.png') no-repeat 50% 50%; z-index:0;}
.charsheet .sheet-family-box .sheet-family {display:block; position:relative; height:63px; background:url('https://i.imgur.com/BKAovnU.png') no-repeat 50% 0; padding-top:35px; z-index:1;}
.charsheet .sheet-family-box select {display:block; width:75px; margin:0 auto; font-size:13px; color:#000; text-align-last:center; padding:0; background:none; font-weight:600;}
.charsheet .sheet-family-box select option {font-size:12px;}

/* 가문 테마에 따른 문양 및 배경 색 변경 */
/* 루엔야크 : 보라 */
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-family-box {background-image:url('https://i.imgur.com/YRPwyo0.png');}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-logo {background-image:url('https://i.imgur.com/0NlGES5.png');}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-ins .sheet-checkbox > div input[type="checkbox"]:checked + span {background:rgba(128,80,162,.7);}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-specs-box .sheet-item {background-image:url('https://i.imgur.com/seobqOL.png');}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-spec-item .sheet-chk-spec:checked {background-image:url('https://i.imgur.com/LOHUgy2.png');}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-table .sheet-family-1 {display:block; background:rgba(128,80,162,.2);}
.charsheet .sheet-chk-family-theme[value="1"] ~ * .sheet-table .sheet-header {background-image:url('https://i.imgur.com/eRQqkA1.png');}

/* 라이즈벨 : 파란 */
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-family-box {background-image:url('https://i.imgur.com/Z9PfXQN.png');}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-logo {background-image:url('https://i.imgur.com/XnkpUK7.png');}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-ins .sheet-checkbox > div input[type="checkbox"]:checked + span {background:rgba(44,108,187,.7);}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-specs-box .sheet-item {background-image:url('https://i.imgur.com/HJthUL0.png');}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-spec-item .sheet-chk-spec:checked {background-image:url('https://i.imgur.com/lmkTTe5.png');}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-table .sheet-family-2 {display:block; background:rgba(44,108,187,.2);}
.charsheet .sheet-chk-family-theme[value="2"] ~ * .sheet-table .sheet-header {background-image:url('https://i.imgur.com/V23ZgEQ.png');}

/* 이카르드 : 하얀 */
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-family-box {background-image:url('https://i.imgur.com/VoSogTb.png');}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-logo {background-image:url('https://i.imgur.com/XR2DZD4.png');}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-ins .sheet-checkbox > div input[type="checkbox"]:checked + span {background:rgba(109, 128, 142,.7);}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-specs-box .sheet-item {background-image:url('https://i.imgur.com/nXI11CS.png');}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-spec-item .sheet-chk-spec:checked {background-image:url('https://i.imgur.com/u702nQu.png');}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-table .sheet-family-3 {display:block; background:rgba(109, 128, 142,.2);}
.charsheet .sheet-chk-family-theme[value="3"] ~ * .sheet-table .sheet-header {background-image:url('https://i.imgur.com/TMbwWnJ.png');}

/* 헬레니아 : 초록 */
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-family-box {background-image:url('https://i.imgur.com/rtEKRQZ.png');}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-logo {background-image:url('https://i.imgur.com/jJfvKvd.png');}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-ins .sheet-checkbox > div input[type="checkbox"]:checked + span {background:rgba(42,113,47,.7);}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-specs-box .sheet-item {background-image:url('https://i.imgur.com/B9jtfXn.png');}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-spec-item .sheet-chk-spec:checked {background-image:url('https://i.imgur.com/H4U1MPd.png');}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-table .sheet-family-4 {display:block; background:rgba(42,113,47,.2);}
.charsheet .sheet-chk-family-theme[value="4"] ~ * .sheet-table .sheet-header {background-image:url('https://i.imgur.com/KWFwEQF.png');}




/*****************************************
	CoC Template Style
*****************************************/

.sheet-rolltemplate-coc {}
.sheet-rolltemplate-coc {display:block; position:relative; padding:15px 0;}
.sheet-rolltemplate-coc .sheet-coc-wrap {position:relative; padding:3px; border:1px solid #000; background:#adadad; font-size:12px;}
.sheet-rolltemplate-coc .sheet-top-left {position:absolute; top:-9px; left:-9px; z-index:2;}
.sheet-rolltemplate-coc .sheet-top-right {position:absolute; top:-9px; right:-9px; z-index:2;}
.sheet-rolltemplate-coc .sheet-bottom-left {position:absolute; bottom:-9px; left:-9px; z-index:2;}
.sheet-rolltemplate-coc .sheet-bottom-right {position:absolute; bottom:-9px; right:-9px; z-index:2;}
.sheet-rolltemplate-coc .sheet-coc-content {display:block; position:relative; padding:10px; min-height:100px; background:url('https://i.imgur.com/g8n0B4J.png') #000; z-index:1; border:1px solid #000; color:#fff;}

.sheet-rolltemplate-coc .sheet-top {display:block; position:relative; padding-left:60px;}
.sheet-rolltemplate-coc .sheet-logo {display:block; position:absolute; top:-15px; left:-15px; width:70px; height:70px; background:url('https://i.imgur.com/be76YhB.png') no-repeat 50% 50%; background-size:contain; z-index:5;}

.sheet-rolltemplate-coc .sheet-name {display:block; position:relative; border-bottom:1px solid #fff; padding-bottom:5px; min-height:35px;}
.sheet-rolltemplate-coc .sheet-name strong {display:block; position:relative; font-size:12px; font-weight:600; line-height:1.3;}
.sheet-rolltemplate-coc .sheet-name span {display:inline-block; vertical-align:middle; opacity:.5; font-size:11px; font-weight:400;}
.sheet-rolltemplate-coc .sheet-name span + span:before {content:"◆"; margin-right:2px; opacity:.5;}

.sheet-rolltemplate-coc .sheet-con {display:block; position:relative; padding-top:15px; padding-bottom:5px;}
.sheet-rolltemplate-coc .sheet-dice-result {display:block; position:absolute; top:15px; right:0; width:70px; height:55px; text-align:center; line-height:55px; background:url('https://i.imgur.com/n3dgOYz.png') no-repeat 50% 50%; background-size:contain; font-size:24px; font-weight:800; color:#fff;}
.sheet-rolltemplate-coc .sheet-tit {display:block; position:relative; text-align:center; padding-left:10px;}
.sheet-rolltemplate-coc .sheet-dice-result ~ .sheet-tit {margin-right:70px; text-align:left; padding-top:3px; min-height:45px;}
.sheet-rolltemplate-coc .sheet-tit {display:block; position:relative; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.2); margin-bottom:10px;}
.sheet-rolltemplate-coc .sheet-tit > strong {display:block; line-height:1.5; padding-bottom:5px; font-size:16px; color:#f55e5e; font-weight:800;}
.sheet-rolltemplate-coc .sheet-tit > strong > em {color:#fff !important; font-style:normal;}
.sheet-rolltemplate-coc .sheet-tit > span {display:inline-block; position:relative; vertical-align:middle; font-size:12px; font-weight:600;}
.sheet-rolltemplate-coc .sheet-tit > span + span:before {content:""; display:block; position:absolute; top:50%; margin-top:-2px; background:#fff; width:4px; height:4px; left:1px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-right:4px; opacity:.5;}
.sheet-rolltemplate-coc .sheet-tit > span + span {padding-left:10px;}
.sheet-rolltemplate-coc .sheet-dicetype {display:block; position:relative; font-weight:600; padding-bottom:5px; padding-left:5px;}
.sheet-rolltemplate-coc .sheet-dicetype em {font-style:normal; color:#eff88b;}
.sheet-rolltemplate-coc .sheet-dicetype strong {font-style:normal; color:#ff6868;}

.sheet-rolltemplate-coc .sheet-result > span {display:block; position:relative; height:25px; line-height:25px; margin-left:-10px; padding-left:15px; color:#fff; max-width:60%;
	background: rgb(0,0,0); background: linear-gradient(97deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
}
.sheet-rolltemplate-coc .sheet-result .sheet-fumble {background: rgb(255,0,42); background: linear-gradient(97deg, rgba(255,0,42,1) 0%, rgba(255,0,42,1) 80%, rgba(255,0,42,0) 100%);}
.sheet-rolltemplate-coc .sheet-result .sheet-fale {background: rgb(84,0,0); background: linear-gradient(97deg, rgba(84,0,0,1) 0%, rgba(84,0,0,1) 80%, rgba(84,0,0,0) 100%);}
.sheet-rolltemplate-coc .sheet-result .sheet-success {background: rgb(21,105,96); background: linear-gradient(97deg, rgba(21,105,96,1) 0%, rgba(21,105,96,1) 80%, rgba(21,105,96,0) 100%);}
.sheet-rolltemplate-coc .sheet-result .sheet-hard-success {background: rgb(82,153,78); background: linear-gradient(97deg, rgba(82,153,78,1) 0%, rgba(82,153,78,1) 80%, rgba(82,153,78,0) 100%);}
.sheet-rolltemplate-coc .sheet-result .sheet-extreme-success {background: rgb(62,192,181); background: linear-gradient(97deg, rgba(62,192,181,1) 0%, rgba(62,192,181,1) 80%, rgba(62,192,181,0) 100%);}
.sheet-rolltemplate-coc .sheet-result .sheet-critical {background: rgb(104, 185, 0); background: linear-gradient(97deg, rgba(104, 185, 0,1) 0%, rgba(104, 185, 0,1) 80%, rgba(104, 185, 0,0) 100%);}

.sheet-rolltemplate-coc .sheet-dice-list {display:table; width:100%; padding:10px 0 5px; table-layout:fixed;}
.sheet-rolltemplate-coc .sheet-dice-list > div {display:table-cell; width:1%; text-align:center; vertical-align:middle; padding:5px 0; font-size:15px;}
.sheet-rolltemplate-coc .sheet-dice-list > div + div {border-left:1px solid rgba(255,255,255,.2);}

.sheet-rolltemplate-coc .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}
.sheet-rolltemplate-coc .sheet-chk-theme-1 ~ * .sheet-logo {background-image:url('https://i.imgur.com/0NlGES5.png');}
.sheet-rolltemplate-coc .sheet-chk-theme-2 ~ * .sheet-logo {background-image:url('https://i.imgur.com/XnkpUK7.png');}
.sheet-rolltemplate-coc .sheet-chk-theme-3 ~ * .sheet-logo {background-image:url('https://i.imgur.com/XR2DZD4.png');}
.sheet-rolltemplate-coc .sheet-chk-theme-4 ~ * .sheet-logo {background-image:url('https://i.imgur.com/jJfvKvd.png');}
.sheet-rolltemplate-coc .sheet-chk-theme-1 ~ * .sheet-tit > strong {color:#8050a2;}
.sheet-rolltemplate-coc .sheet-chk-theme-2 ~ * .sheet-tit > strong {color:#468de4;}
.sheet-rolltemplate-coc .sheet-chk-theme-3 ~ * .sheet-tit > strong {color:#c3ddf0;}
.sheet-rolltemplate-coc .sheet-chk-theme-4 ~ * .sheet-tit > strong {color:#489b4e;}

.sheet-rolltemplate-coc .sheet-desc {display:block; line-height:1.4; padding:0px 5px 5px;}
.sheet-rolltemplate-coc .sheet-desc strong {display:inline-block; padding:1px 6px; vertical-align:middle; font-size:11px; font-weight:400; background:rgba(255,255,255,.3); color:#fff; margin-bottom:2px; border-radius:3px;}
.sheet-rolltemplate-coc .sheet-desc p {display:block; padding-top:10px; text-align:center;}
.sheet-rolltemplate-coc .sheet-damage {display:block; padding-top:10px; text-align:center;}
.sheet-rolltemplate-coc .sheet-damage span {color:#ff5858;}
.sheet-rolltemplate-coc .sheet-defense span {color:#b7f796;}