@font-face {
  font-family: 'Arita-buri-SemiBold';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.charsheet {
  background:url('https://imgur.com/oHuYkTm.png');
  background-color: #121212 ;
  color: #ededed;
  width: 850px;
  font-family: 'Arita-buri-SemiBold', sans-serif;
  font-size: 12px; 
  border: none;
}

.sheet-section select {border:none;}

input[type="text"] {
  color: #ededed;
  font-family: 'Arita-buri-SemiBold', sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------------- */
input[type=number],input[type=text],input[type=textarea]{
  border: none;
}
.sheet-section{
  border-color: none;
  background-color: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0;
background-color: rgba(255,255,255,0);
color: #ededed;
border: none;
}
.sheet-backstory-box{border: none;}
textarea{border: none;}

select {
  margin: 0;
  padding: 0;
  background-color: rgba(255,255,255,0);
  color: #ededed;
  font-size: 12px;
  border: none;
  text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
}

select option{
  background-color: #121212 ;
  border: none;
}

/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
div[class^="repcontrol"] {
margin: 0 0 0 0;
}

div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] {
display: inline-block!important;
visibility: hidden;
}

.charsheet .repcontrol_add,
.charsheet .repcontrol_edit,
.charsheet .repcontrol_del {
  display: block;
  background: rgba(0,0,0,0);
  color: #ededed;
  border: none;
  box-shadow:none;
  font-size:0.7em;
  height:1.5em;
}

/* ------------------------------Show Only NPCS etc-------------------------------------------- */

input.sheet-hide:checked ~ div.sheet-2colrow,
input.sheet-hide:checked ~ div.sheet-3colrow,
input.sheet-hide:checked ~ div.sheet-section,
input.sheet-hide:checked ~ h4.sheet-section-head {
  display: none;
}

/* -------------------------------------------------------------------------- */

.charsheet div.sheet-major-wound {
  display: none;
}

.sheet-majorwound[value="1"]:checked ~ div.sheet-major-wound {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-companions {
  display: none;
}

.sheet-togglecompanions[value="1"]:checked ~ div.sheet-companions {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-vehicles {
  display: none;
}

.sheet-togglevehicles[value="1"]:checked ~ div.sheet-vehicles {
  display: block;
}

/* -------------------------------------------------------------------------- */



.charsheet div.sheet-downtime {
  display: none;
}

.sheet-toggledowntime[value="1"]:checked ~ div.sheet-downtime {
  display: block;
}


/* -------------------------------------------------------------------------- */



.charsheet div.sheet-spells {
  display: none;
}

.sheet-togglespells[value="1"]:checked ~ div.sheet-spells {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-simplearmorsection {
  display: none;
}

.sheet-togglesimplearmor[value="1"]:checked ~ div.sheet-simplearmorsection {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-armorsection {
  display: none;
}

.sheet-togglearmor[value="1"]:checked ~ div.sheet-armorsection {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-dicerollsection {
  display: none;
}

.sheet-toggledr[value="1"]:checked ~ div.sheet-dicerollsection {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-pulptalentssection {
  display: none;
}

.sheet-toggletalents[value="1"]:checked ~ div.sheet-pulptalentssection {
  display: block;
}

/* -------------------------------------------------------------------------- */


.charsheet div.sheet-bompulpsection {
  display: none;
}

.sheet-pulpbomtoggle[value="1"]:checked ~ div.sheet-bompulpsection {
  display: block;
}

.sheet-pulpbomtoggle[value="1"]:checked ~ div.sheet-sanitysection {
  display: none;
}

/* -------------------------------------------------------------------------- */

.charsheet div.sheet-pulphpsection {
  display: none;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-pulphpsection {
  display: block;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-hpsection {
  display: none;
}

/* -------------------------------------------------------------------------- */

.charsheet div.sheet-heroinfo {
  display: none;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-heroinfo {
  display: block;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-investigatorinfo {
  display: none;
}

/* -------------------------------------------------------------------------- */

.charsheet div.sheet-pulplogosection {
  display: none;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-pulplogosection {
  display: block;
}

.sheet-showpulp[value="1"]:checked ~ div.sheet-logosection {
  display: none;
}

/* --------------------------------Era Skills------------------------------------------ */

.charsheet div.sheet-skills1 {
  display: none;
}

.charsheet div.sheet-skills2 {
  display: none;
}

.charsheet div.sheet-skills3 {
  display: none;
}

.charsheet div.sheet-skills4 {
  display: none;    
}

.charsheet div.sheet-skills5 {
  display: none;    
}

.charsheet div.sheet-skills6 {
  display: none;    
}

.charsheet div.sheet-skills7 {
  display: none;    
}

.sheet-showskills[value="1"]:checked ~ div.sheet-skills1 {
  display: block;
}

.sheet-showskills[value="2"]:checked ~ div.sheet-skills2 {
  display: block;
}

.sheet-showskills[value="3"]:checked ~ div.sheet-skills3 {
  display: block;
}

.sheet-showskills[value="4"]:checked ~ div.sheet-skills4 {
  display: block;
}

.sheet-showskills[value="5"]:checked ~ div.sheet-skills5 {
  display: block;
}

.sheet-showskills[value="6"]:checked ~ div.sheet-skills6 {
  display: block;
}

.sheet-showskills[value="7"]:checked ~ div.sheet-skills7 {
  display: block;
}

/* ------------------------------Options Config-------------------------------------------- */
.sheet-HideConfig:checked ~ *.sheet-config {
display:none;
}

.charsheet span.sheet-is-config::after { /*Close Config*/
content: "^";
}

.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration*/
content: "v";
}

.charsheet span.sheet-is-config {
  text-align: center;
  display: inline-block;    
  width: 5%;
  height: 16px;
  font-size: 12px;
  /*font-family: "Pictos";*/
  /*background: #65763c;*/
  background: black; /*#93537c;*/
color: white; /*white;*/

border-radius: 4px;
margin-left: -5%;
}

.charsheet input.sheet-HideConfig {
   width: 5%;
  height: 16px;
  cursor: pointer;	
  margin-left: auto;
  margin-top: auto;
/*position: absolute;
right: 20%;*/
opacity: 0;
z-index: 9999;
}

.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
  background: black;
  border-radius: 4px;
color: white;
}

.charsheet label.sheet-configitem {
  margin-left: 10px; 
  width: 50px; 
  font-size: 12px; 
  font-weight: normal
}

/* ------------------------------Sheet Arrow-------------------------------------------- */


input.sheet-arrow::after {
  float: left;
  font-family: 'Arita-buri-SemiBold', sans-serif;
  content: "E";
  opacity: 1.5;
}

input.sheet-arrow {
  float: left;
  font-family: 'Arita-buri-SemiBold', sans-serif;
  content: "E";
  opacity: 0.5;
}

.charsheet .sheet-arrow:checked ~ div.sheet-section,
.charsheet .sheet-arrow:checked ~ div.sheet-skills1,
.charsheet .sheet-arrow:checked ~ div.sheet-skills2,
.charsheet .sheet-arrow:checked ~ div.sheet-skills3,
.charsheet .sheet-arrow:checked ~ div.sheet-skills4,
.charsheet .sheet-arrow:checked ~ div.sheet-skills5,
.charsheet .sheet-arrow:checked ~ div.sheet-skills6,
.charsheet .sheet-arrow:checked ~ div.sheet-skills7 {
  display: none;
}

/* -------------------------------Headers Coloring------------------------------------------- */

/* -------------------------------------------------------------------------- */

h4.sheet-section-head {
  background-color: black;
  color: white;
  text-align: center;
  line-height: normal;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  height: 20px;
  font-family: 'Arita-buri-SemiBold', sans-serif;
}

hr { 
display: block;
margin-top: 0.7em;
margin-bottom: 0.7em;
border: 0;
height: 1px;
}

div.sheet-section {
  padding: 1%;
  margin: 0 0 1% 0;
}

table td.sheet-attr {
  width: 13.33%;
  height: 58px;
}

table td.sheet-attr-label {
  height: 56px;
  font-size: 120%; 
  text-align: center;
}

input[type="text"].sheet-attr-input {
  width: 52px; 
  height: 40px; 
  font-size: 150%; 
  text-align: center;
}

table td.sheet-attr-roll {
  height: 56px;
  text-align: center;
}

input.sheet-secondary-attr-input {
  width: 100%;
  text-align: center;
}

input[type="number"].sheet-secondary-attr-input {
  width: 100%;
  text-align: center;
}

table td.sheet-skill-label {
  width: 100%;
  height: 23px;
  padding-left: 10px;
}

input[type="text"].sheet-skill-input {
  width: 30px;
  height: 23px;
  text-align: center;
  background-color: rgba(255,255,255,0);
  color: #ededed;
  margin-bottom: 1px;
}

input[type="number"].sheet-skill-input {
  width: 30px;
  height: 23px;
  text-align: center;
  margin-bottom: 1px;
}

input[type="text"].sheet-skill-name-input {
  height: 23px;
  text-align: left;
  margin-bottom: 1px;
}

td.sheet-otherskill-reminder {
  font-size: 80%;
}

input[type="text"].sheet-narrow-input {
  background-color: rgba(255,255,255,0);
  color: #ededed;
  height: 23px;
  text-align: center;
  font-size: 100%;
}


texarea.sheet-backstory-box {
  height: 75px;
  background-color: rgba(255,255,255,0);
  color: #ededed;
}

textarea {
  background-color: rgba(255,255,255,0);
  color: #ededed;
  resize: vertical;
  margin: 0 0 0 0;
}

input {
  background-color: rgba(255,255,255,0);
  color: #ededed;
}

/* ------------------------------------------ *//* Roll Templates *//* --------------------------------------- */

/* BD/PD defence rolltemplate */
.sheet-rolltemplate-coc-defence table {
  width: 100%;
  color: black;
  background: #000000;
}
.sheet-rolltemplate-coc-defence caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-defence td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-defence td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-defence td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-defence .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
background: none;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.fullfail {
  background: none;
}
.sheet-rolltemplate-coc-defence .inlinerollresult.importantroll {
  background: none;
}



/* simple defence rolltemplate */
.sheet-rolltemplate-coc-defence-1 table {
  width: 100%;
  color: black;
  background: #FFFFFF;
}
.sheet-rolltemplate-coc-defence-1 caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-defence-1 td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-defence-1 td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-defence-1 td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.fullfail {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-defence-1 .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */

/* PD/BD rolltemplate */ /*특성굴림-다이스추가*/
.sheet-rolltemplate-coc table {
  width: 100%;
  color: black;
  background: #121212 ;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc .inlinerollresult.fullfail {
border: none;
  background: none;
}
.sheet-rolltemplate-coc .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */

/*  PD/BD Attack rolltemplate */ /*비무장-다이스추가*/
.sheet-rolltemplate-coc-attack table {
  width: 100%;
  color: black;
  background: #121212 ;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;

  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc-attack caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
  line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-attack td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-attack .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.fullfail {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */

/* simple (no PD/BD) rolltemplate */ /*다이스굴림-다이스추가X*/
.sheet-rolltemplate-coc-1 table {
  width: 100%;
  color: black;
  background: #121212 ;
  border-radius: 0px 0px 12px 12px;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;

  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc-1 caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-1 td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-1 td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-1 td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-1 .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.fullfail {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-1 .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */

/* simple (no PD/BD) Attack rolltemplate */ /*비무장 일반-다이스추가X*/

.sheet-rolltemplate-coc-attack-1 table {
  width: 100%;
  color: black;
  background: #121212 ;
  border-radius: 0px 0px 12px 12px;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;

  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc-attack-1 caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-attack-1 td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-attack-1 td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullcrit {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullfail {
border: none;
  background: none;
}
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */


/* Bout of Madness- Real Time */ /*광기 실시간*/
.sheet-rolltemplate-coc-bomadness-rt table {
  width: 100%;
  color: black;
  background: #121212 ;
  border-radius: 0px 0px 12px 12px;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;

  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc-bomadness-rt caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-rt td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-bomadness-rt td.sheet-template_value {
  text-align: center;
  background: none;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-bomadness-rt .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/* Bout of Madness- Summary */ /*광기요약?*/
.sheet-rolltemplate-coc-bomadness-summ table {
  width: 100%;
  color: black;
  background: #121212 ;
  border-radius: 0px 0px 12px 12px;
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;

  border-radius: 0px 0px 12px 12px;

}
.sheet-rolltemplate-coc-bomadness-summ caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
line-height: 1.6em;
}
.sheet-rolltemplate-coc-bomadness-summ td {
padding: 2px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_label {
  text-align: center;
  
}
.sheet-rolltemplate-coc-bomadness-summ td.sheet-template_value {
  text-align: center;
  background: none;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc-bomadness-summ .inlinerollresult.importantroll {
border: none;
  background: none;
}

/* -------------------------------------------------------------------------- */

/* Body hit Location */
.sheet-rolltemplate-coc-body-hit-loc table {
  width: 100%;
  border: 1px solid black;
  color: black;
  background: #000;
  text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc caption {
  text-align: center;
  background: black;
  color: white;
  
  padding: 2px;
border: 1px solid black;
line-height: 1.6em;


}
.sheet-rolltemplate-coc-body-hit-loc td {
padding: 2px;
border-bottom: 1px solid black;
text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_label {
  
  text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc td.sheet-template_value {
  text-align: center;
}
.sheet-rolltemplate-coc-body-hit-loc .inlinerollresult  {
display: inline-block;
min-width: 1.5em;
text-align: center;
border: none;
  background: none;
}
.sheet-rolltemplate-coc--body-hit-loc .inlinerollresult.importantroll {
border: none;
  background: #000;
  text-align: center;
}

/* -------------------------------------------- *//* Buttons *//* ---------------------------------- */

/* Button for PD/BD */
button[type=roll].sheet-old-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/P6VwKq0.png');
}

/* -------------------------------------------------------------------------- */

/* Button for Simple */
button[type=roll].sheet-new-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/QeU6iEs.png'); 
}


/* -------------------------------------------------------------------------- */

/* Button for Simple */
button[type=roll].sheet-new-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/QeU6iEs.png');
}

/*------------------------------------------------------------------- */

/* Button Small */
button[type=roll].sheet-dice-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/P6VwKq0.png');
}

/* -------------------------------------------------------------------------- */

button[type=roll].sheet-smallbutton-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/P6VwKq0.png');
}

/* -------------------------------------------------------------------------- */

/* Non-Skill Button Smaller */
button[type=roll].sheet-smallnonskillbutton-roll {
  border:none;
  margin:0 !important;
  padding:0 !important;
  text-shadow:none !important;
  box-shadow:none !important;
  width: 20px;
  height: 20px;
  position: relative;
  background:url('https://imgur.com/P6VwKq0.png');
}

button:before {display:none !important;}

.sheet-skills_Battle,
.sheet-skills_Battle input[type="text"],
.sheet-skills_Battle select{
    color: #ededed;
}
.item_monny,
.item_monny input[type="text"],
.item_monny textarea{
    color: #ededed;
}
.sheet-item_monny,
.sheet-item_monny input[type="text"],
.sheet-item_monny textarea{
    color: #ededed;
}

/* -------------------------------------------------------------------------- */

.textchatcontainer table{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  border:0px;
  background: #FFF; 
  border-radius: 0px 0px 12px 12px; 
  max-width: 240px;
}
  .textchatcontainer .inlinerollresult {
    font-family: 'Arita-buri-SemiBold', sans-serif;
  margin: 1px; 
  border: 0px solid; 
  color: #ededed; 
  background: #c7cddb;
}
  .textchatcontainer .inlinerollresult.importantroll{
    font-family: 'Arita-buri-SemiBold', sans-serif;
  border: 0px solid; 
  color: #ededed; 
  background: #c7cddb;
}
  .textchatcontainer .inlinerollresult.fullcrit {
    font-family: 'Arita-buri-SemiBold', sans-serif;
  border: 0px solid; 
  color: #ededed; 
  background: #c7cddb;
}

/*기본 보너스 다이스*/
.sheet-rolltemplate-coc caption,.sheet-rolltemplate-coc-1 caption{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  color: #c85050; 
  background: #121212 ; 
  border: 0px solid; 
  font-size: 13px;
  padding: 4px;
  border-radius: 12px 12px 0px 0px;
  margin-top: 3px;
  font-weight: bold;
} 

  .sheet-rolltemplate-coc td,.sheet-rolltemplate-coc-1 td.sheet-template_label{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  padding: 3px; 
  background: none;
  border: 0px solid; 
  font-size: 12px; 
  color: #ededed;
  border-radius: 0px 0px 12px 12px;
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;

}

  .sheet-rolltemplate-coc td.sheet-template_label,.sheet-rolltemplate-coc-1 td.sheet-template_value{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  background: none;
  color: #ededed; 
  padding: 3px; 
  text-align: center;
  border: 0px solid;
  font-size: 12px; 
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
} 
  .sheet-rolltemplate-coc td.sheet-template_value{
  background: none;
  color: #ededed;
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
  }

  /*전투 보너스 다이스*/
.sheet-rolltemplate-coc-attack caption, .sheet-rolltemplate-coc-attack-1 caption{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  color: #c85050; 
  background: #121212 ; 
  border: 0px solid; 
  font-size: 13px;   
  padding: 4px;
  border-radius: 12px 12px 0px 0px;
  margin-top: 3px;
  font-weight: bold;
}
  .sheet-rolltemplate-coc-attack td,.sheet-rolltemplate-coc-attack-1 td{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  padding: 3px; 
  background: none;
  border: 0px solid; 
  font-size: 12px; 
  color: #ededed;
  border-radius: 0px 0px 12px 12px;
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
}
  
  .sheet-rolltemplate-coc-attack td.sheet-template_label,.sheet-rolltemplate-coc-attack-1 td.sheet-template_label{
    font-family: 'Arita-buri-SemiBold', sans-serif;
  color: #ededed; 
  padding: 3px; 
  text-align: center; 
  border: 0px solid; 
  border-radius: 0px 0px 0px 12px;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
}
  .sheet-rolltemplate-coc-attack td.sheet-template_value,.sheet-rolltemplate-coc-attack-1 td.sheet-template_value{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  background: none;
  color: #ededed;
  border-radius: 0px 0px 12px 12px;
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
  }

  /*광기 발작-요약*/
.sheet-rolltemplate-coc-bomadness-summ caption{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  color: #c85050; 
  background: #121212 ; 
  border: 0px solid; 
  font-size: 13px;   
  padding: 4px;
  border-radius: 12px 12px 0px 0px;
  margin-top: 3px;
  font-weight: bold;
} 
  .sheet-rolltemplate-coc-bomadness-summ td{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  border: 0px solid; 
  font-size: 12px; 
  padding: 2px 6px; 
  color: #ededed;
  border-radius: 0px 0px 12px 12px;
  font-weight: bold;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
}
  
  /*광기 발작-실시간*/
  .sheet-rolltemplate-coc-bomadness-rt caption{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  color: #c85050; 
  background: #121212 ; 
  border: 0px solid; 
  font-size: 13px;   
  padding: 4px;
  margin-top: 3px;
  border-radius: 12px 12px 0px 0px;
  font-weight: bold;
  }
  .sheet-rolltemplate-coc-bomadness-rt td{
  font-family: 'Arita-buri-SemiBold', sans-serif;
  border: 0px solid; 
  font-size: 12px; 
  font-weight: bold;
  color: #ededed;
  border-radius: 0px 0px 12px 12px;
text-shadow: 0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ,0px 0px 3px #121212 ;
}

.sheet-rolltemplate-coc-bomadness-summ table, .sheet-rolltemplate-coc-bomadness-rt table{
  max-width: 280px;
  background-image: url(https://imgur.com/Tc2Cfd0.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  line-height: 2.5rem;
  font-weight: bold;
}


.sheet-3colrow, .sheet-3colrow input[type=number],input[type=text],input[type=textarea]{
  color: #ededed;
  font-size: 100%;
  border: none;
}

.sheet-2colrow, .sheet-2colrow [type=number],input[type=text],input[type=textarea]{
  color: #ededed;
  border: none;
}

.sheet-4colrow, .sheet-4colrow[type=number],input[type=text],input[type=textarea]{
  color: #ededed;
  border: none;
}