roll20-character-sheets/Mutant Year Zero/mutantyearzero.css

@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Oswald:wght@300&display=swap');

.charsheet {
  background-color: #fff;
}
.characterdialog {
  background-color: #fff;
}

/* announcements */


.sheet-announcements-show,
.sheet-v1-data-show {
  font-size: 0.85em;
  position: relative;
  float: right;
  margin: 0.5em 10px 0 -5em;
  padding: 0 4px 0 4px;
  border: 2px solid black;
  border-radius: 5px;
  -background-color: #ffffea;
}
.sheet-v1-data-show { border: 0; }

.sheet-v1-data-show div div {display: flex;flex-direction: row;}
.sheet-v1-data-show div div div { display: flex;flex-direction: column;}
.sheet-v1-data-show div div div div { display: flex; flex-direction: row; }
.sheet-v1-data-show .repcontainer { display: flex; flex-direction: column; }
.sheet-v1-data-show .repcontainer div { display: flex; flex-direction: row; }

span.sheet-announcements-show::before,
span.sheet-v1-data-show::before {
  content: "v";
}

span.sheet-announcements-show::after,
span.sheet-v1-data-show::after {
  font-family: pictos;
  padding-left: 4px;
  content: "l";
}

input.sheet-announcements-show,
input.sheet-v1-data-show {
  z-index: 1;
  width: 4.75em;
  height: 1.75em;
  margin: -3.25em 0 0 -5em;
  opacity: 0;
}

.sheet-announcements-exit,
.sheet-v1-data-exit {
  font-family: pictos;
  font-size: 1em;
  position: relative;
  float: right;
  margin: 0.5em 0 0 0;
}

input.sheet-announcements-show:hover + span,
input.sheet-v1-data-show:hover + span,
input.sheet-tab[value="monster"]
~ div.sheet-character
input[type="checkbox"].sheet-extra-damage-show:hover,
input.sheet-monster_only:checked
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:hover {
  color: #a60100;
  opacity: 1;
}

input[type="checkbox"].sheet-announcements-older-show,
input[type="checkbox"].sheet-v1-data-show {
  position: relative;
  z-index: 1;
  float: left;
  width: 1.5em;
  height: 1em;
  margin: 5px 0 0 15px;
  opacity: 0;
}

input.sheet-announcements-older-show:hover + span,
input.sheet-v1-data-show:hover + span,
input.sheet-armor-show-more:hover + span {
  border-left-color: #a60100;
}

input.sheet-announcements-older-show + span,
input.sheet-v1-data-show + span,
input.sheet-armor-show-more + span {
  position: relative;
  float: left;
  width: 0;
  height: 0;
  margin: 5px 0 0 -1.5em;
  content: "";
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: 25% 50%;
  text-align: center;
  border: 0.4em solid transparent;
  border-width: 0.4em 0.6em;
  border-left-color: #c0a748;
}
/* 
input.sheet-v1-data-show + span,
input[type="checkbox"].sheet-v1-data-show {
  margin-top: 5px;
  -margin-left: -15px;
}
input.sheet-v1-data-show + span {
  margin-top: 5px;
  margin-left: -15px;
} */

input.sheet-announcements-older-show:checked + span,
input.sheet-v1-data-show:checked + span,
input.sheet-armor-show-more:checked + span {
  transform: rotate(90deg);
}

.sheet-announcements-show:not(:checked) + span + div.sheet-announcements,
.sheet-announcements-older-show:not(:checked) ~ .sheet-announcements-older-show,
.sheet-v1-data-show:not(:checked) ~ .sheet-v1-data-show,
input.sheet-armor-show-more:not(:checked) ~ .sheet-armor-show-more {
  display: none;
}

.sheet-announcements-older-show:checked + span ~ .sheet-announcements-older-show,
.sheet-v1-data-show:checked + span ~ .sheet-v1-data-show,
input.sheet-armor-show-more:checked + span ~ .sheet-armor-show-more {
  display: block;
  box-sizing: border-box;
  margin: 2em;
  padding: 1em;
  color: #333;
  border: 1px solid #000;
  border-radius: 5px;
}
.sheet-v1-data-show:checked + span ~ .sheet-v1-data-show { 
  border: 0;
  padding-left: 0 !important;
  margin-left: 0 !important;  
}

div.sheet-v1-data-show {
  display: flex;
  justify-content:center;
  justify-items:center;
  width: 80%;
  margin-bottom: 10px;
}
.sheet-v1-data-show .repcontrol {
  display: none;
}


/* Hide actual checkbox */

input.sheet-tab[value="monster"]
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show,
input.sheet-monster_only:checked
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show {
  margin: -22px 0 0 2px;
  opacity: 0.25;
  position: relative;
  cursor: pointer;
  z-index: 1;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
input[type="checkbox"].sheet-extra-damage-show:checked,
input.sheet-monster_only:checked
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:checked {
  margin: -40px 6px 0 2px;
  display: flex;
  padding: 2px 0 0 0;
}
input.sheet-tab[value="monster"]
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:not(:checked)
  ~ .sheet-extra-damage-show,
input.sheet-monster_only:checked
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:not(:checked)
  ~ .sheet-extra-damage-show,
input.sheet-tab[value="monster"]
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:not(:checked)
  ~ .sheet-extra-damage-show
  + ::before,
input.sheet-monster_only:checked
  ~ div.sheet-character
  input[type="checkbox"].sheet-extra-damage-show:not(:checked)
  ~ .sheet-extra-damage-show
  + ::before {
  display: none;
}

.sheet-settings {
  display: flex;
}

.sheet-settings-options,
.sheet-announcements {
  margin: 3em 0.5em 2em 0.5em;
  padding: 1em 0.5em 2em 0.5em;
  border: 2px solid #000;
  border-radius: 5px;
  background-color: #eaeaea;
  min-width: 400px;
  width: 60%;
}

/* Text */

body {
  -font-family: "IM Fell English", "Times New Roman", Times, serif;
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
}

h1 {
  -font-family: "IM Fell English", "Times New Roman", Times, serif;
  -font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-family: 'Oswald', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  z-index: 0;
  margin: -16px 0 0 0;
  letter-spacing: 0.0625em;
  color: #fff;
}

.sheet-header-h1 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  z-index: 0;
  letter-spacing: 0.0625em;
  color: #000;
}

hr.sheet-horizontal-rule {
  overflow: visible;
  width: 90%;
  height: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #000;
  border-radius: 5px;
}

hr.sheet-horizontal-rule::before {
  /* Not really supposed to work, but does */
  display: block;
  height: 10px;
  margin-top: -11px;
  content: "";
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #000;
  border-radius: 5px;
}

.sheet-header {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3em;
  margin: 0 0 0 0;
  color: #fff;
  background-color: #000;
}

.sheet-column-header {
  font-size: 0.95em;
  display: flex;
  text-align: center;
  justify-content: center;
  justify-self: center;
  align-items: center;
  color: lightgrey;
  -background-color: #000;
  font-variant-caps: small-caps;
  padding: 0;
  line-height: 0.9em;
}

.sheet-column-subheader {
  font-size: 0.95em;
  display: flex;
  text-align: center;
  justify-content: center;
  justify-self: center;
  align-items: center;
  color: #fff;
  -background-color: #000;
  font-variant-caps: small-caps;
  padding: 0;
  line-height: 0.9em;
  padding: 1.2em 0 0.4em 0;
}

.sheet-header ~ .sheet-column-header span {
  padding: 1.5em 0 0 0;
}

.sheet-footer {
  font-size: 0.95em;
  display: block;
  margin: -15px 0 0 -10px;
  text-align: right;
}

.sheet-label {
  font-weight: bold;
}

.sheet-small-caps {
  font-variant-caps: small-caps;
}

.sheet-equal {
  margin: 4px 1px 0 1px;
  text-align: center;
}

.sheet-left,
.sheet-grid-item.sheet-left {
  text-align: left;
}

.sheet-right,
.sheet-grid-item.sheet-right {
  text-align: right;
  justify-self: right;
}

span.sheet-separator-s {
  width: 5px;
  min-width: 5px;
}
span.sheet-separator-m {
  width: 15px;
  min-width: 15px;
}
span.sheet-separator-l {
  width: 25px;
  min-width: 25px;
}
span.sheet-separator-xl {
  width: 50px;
  min-width: 50px;
}


.sheet-center,
.sheet-grid-item.sheet-center {
  text-align: center;
}

span.sheet-readonly,
input.sheet-tab[value="monster"]~div.sheet-character .sheet-monster+span.sheet-monster.sheet-readonly
input.sheet-monster_only:checked~div.sheet-character .sheet-monster+span.sheet-monster.sheet-readonly {
  font-size: 18px;
  color: #555;
  justify-self: center;
  align-self: center;
  line-height: .85em;
  -min-width: 1em;
  width: 100%;
  display: flex;
  justify-content: center;
  -padding: 0 0 0 2px;
  cursor: help;
}

/* Hide actual radio */
input.sheet-biohaz[type="radio"] {
  display: flex;
  width: 20px;
  height: 10px;
  margin: 0 1px 1px 1px;
  cursor: pointer;
  opacity: 0;
  text-align: center;
  vertical-align: middle;
}


/* Fake radio using biohazard */
input.sheet-biohaz[type="radio"] + span {
  font-size: 17px;
  line-height: 16px;
  display: flex;
  width: 17px;
  height: 17px;
  margin: 0 0 0 -21px;
  padding: 0 0 1px 1px;
  -content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_checked.png);

  color: #333;
  text-align: center;
  vertical-align: middle;
  background-color: #c04040;
  border: 1px solid black;
  border-radius: 50%;
  -background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/skull_empty.png);
  -background-image: 'images/skull_dark_empty.png';
  -background-image: url(https://raw.githubusercontent.com/Dwarfwing/MutantYearZearoFL/master/images/skull_dark_empty.png);
}
input.sheet-biohaz[type="radio"]:checked + span {
  -background-color: #a60100;
}

/* Removes biohaz from all radios _after_ selected one */
input[type="radio"]:checked ~ input.sheet-biohaz[type="radio"] + span,
input.sheet-biohaz[type="radio"]:checked
  ~ input.sheet-biohaz[type="radio"]
  + span {
  -content: "";
  background-color:  #cfcece;
}



/* Only show skulls up to the attributes max value */
input[name="attr_strength"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3),
input[name="attr_strength"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3) + span,
input[name="attr_strength"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4),
input[name="attr_strength"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4) + span,
input[name="attr_strength"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5),
input[name="attr_strength"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5) + span,
input[name="attr_strength"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6),
input[name="attr_strength"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6) + span,
input[name="attr_strength"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7),
input[name="attr_strength"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7) + span,
input[name="attr_strength"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8),
input[name="attr_strength"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8) + span,
input[name="attr_strength"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9),
input[name="attr_strength"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9) + span,
input[name="attr_strength"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10),
input[name="attr_strength"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10) + span,
input[name="attr_strength"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11),
input[name="attr_strength"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11) + span,
input[name="attr_strength"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12),
input[name="attr_strength"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12) + span,
input[name="attr_strength"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13),
input[name="attr_strength"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13) + span,
input[name="attr_strength"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14),
input[name="attr_strength"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14) + span,
input[name="attr_strength"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15),
input[name="attr_strength"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15) + span {
  opacity: 0;
  display: none !important;
}

input[name="attr_strength"][value="13"] ~ input.sheet-biohaz:nth-of-type(1n+16),
input[name="attr_strength"][value="13"] ~ input.sheet-biohaz:nth-of-type(1n+16) + span,
input[name="attr_strength"][value="14"] ~ input.sheet-biohaz:nth-of-type(1n+17),
input[name="attr_strength"][value="14"] ~ input.sheet-biohaz:nth-of-type(1n+17) + span,
input[name="attr_strength"][value="15"] ~ input.sheet-biohaz:nth-of-type(1n+18),
input[name="attr_strength"][value="15"] ~ input.sheet-biohaz:nth-of-type(1n+18) + span,
input[name="attr_strength"][value="16"] ~ input.sheet-biohaz:nth-of-type(1n+19),
input[name="attr_strength"][value="16"] ~ input.sheet-biohaz:nth-of-type(1n+19) + span,
input[name="attr_strength"][value="17"] ~ input.sheet-biohaz:nth-of-type(1n+20),
input[name="attr_strength"][value="17"] ~ input.sheet-biohaz:nth-of-type(1n+20) + span,
input[name="attr_strength"][value="18"] ~ input.sheet-biohaz:nth-of-type(1n+21),
input[name="attr_strength"][value="18"] ~ input.sheet-biohaz:nth-of-type(1n+21) + span,
input[name="attr_strength"][value="19"] ~ input.sheet-biohaz:nth-of-type(1n+22),
input[name="attr_strength"][value="19"] ~ input.sheet-biohaz:nth-of-type(1n+22) + span,
input[name="attr_strength"][value="20"] ~ input.sheet-biohaz:nth-of-type(1n+23),
input[name="attr_strength"][value="20"] ~ input.sheet-biohaz:nth-of-type(1n+23) + span,
input[name="attr_strength"][value="21"] ~ input.sheet-biohaz:nth-of-type(1n+24),
input[name="attr_strength"][value="21"] ~ input.sheet-biohaz:nth-of-type(1n+24) + span,
input[name="attr_strength"][value="22"] ~ input.sheet-biohaz:nth-of-type(1n+25),
input[name="attr_strength"][value="22"] ~ input.sheet-biohaz:nth-of-type(1n+25) + span,
input[name="attr_strength"][value="23"] ~ input.sheet-biohaz:nth-of-type(1n+26),
input[name="attr_strength"][value="23"] ~ input.sheet-biohaz:nth-of-type(1n+26) + span,
input[name="attr_strength"][value="24"] ~ input.sheet-biohaz:nth-of-type(1n+27),
input[name="attr_strength"][value="24"] ~ input.sheet-biohaz:nth-of-type(1n+27) + span {
  opacity: 1;
  display: none !important;
}

input[name="attr_strength"][value="25"] ~ input.sheet-biohaz:nth-of-type(1n+28),
input[name="attr_strength"][value="25"] ~ input.sheet-biohaz:nth-of-type(1n+28) + span,
input[name="attr_strength"][value="26"] ~ input.sheet-biohaz:nth-of-type(1n+29),
input[name="attr_strength"][value="26"] ~ input.sheet-biohaz:nth-of-type(1n+29) + span,
input[name="attr_strength"][value="27"] ~ input.sheet-biohaz:nth-of-type(1n+30),
input[name="attr_strength"][value="27"] ~ input.sheet-biohaz:nth-of-type(1n+30) + span,
input[name="attr_strength"][value="28"] ~ input.sheet-biohaz:nth-of-type(1n+31),
input[name="attr_strength"][value="28"] ~ input.sheet-biohaz:nth-of-type(1n+31) + span,
input[name="attr_strength"][value="29"] ~ input.sheet-biohaz:nth-of-type(1n+32),
input[name="attr_strength"][value="29"] ~ input.sheet-biohaz:nth-of-type(1n+32) + span,
input[name="attr_strength"][value="30"] ~ input.sheet-biohaz:nth-of-type(1n+33),
input[name="attr_strength"][value="30"] ~ input.sheet-biohaz:nth-of-type(1n+33) + span,
input[name="attr_strength"][value="31"] ~ input.sheet-biohaz:nth-of-type(1n+34),
input[name="attr_strength"][value="31"] ~ input.sheet-biohaz:nth-of-type(1n+34) + span,
input[name="attr_strength"][value="32"] ~ input.sheet-biohaz:nth-of-type(1n+35),
input[name="attr_strength"][value="32"] ~ input.sheet-biohaz:nth-of-type(1n+35) + span,
input[name="attr_strength"][value="33"] ~ input.sheet-biohaz:nth-of-type(1n+36),
input[name="attr_strength"][value="33"] ~ input.sheet-biohaz:nth-of-type(1n+36) + span,
input[name="attr_strength"][value="34"] ~ input.sheet-biohaz:nth-of-type(1n+37),
input[name="attr_strength"][value="34"] ~ input.sheet-biohaz:nth-of-type(1n+37) + span,
input[name="attr_strength"][value="35"] ~ input.sheet-biohaz:nth-of-type(1n+38),
input[name="attr_strength"][value="35"] ~ input.sheet-biohaz:nth-of-type(1n+38) + span,
input[name="attr_strength"][value="36"] ~ input.sheet-biohaz:nth-of-type(1n+39),
input[name="attr_strength"][value="36"] ~ input.sheet-biohaz:nth-of-type(1n+39) + span {
  opacity: 1;
  display: none !important;
}

input[name="attr_strength"][value="37"] ~ input.sheet-biohaz:nth-of-type(1n+40),
input[name="attr_strength"][value="37"] ~ input.sheet-biohaz:nth-of-type(1n+40) + span,
input[name="attr_strength"][value="38"] ~ input.sheet-biohaz:nth-of-type(1n+41),
input[name="attr_strength"][value="38"] ~ input.sheet-biohaz:nth-of-type(1n+41) + span,
input[name="attr_strength"][value="39"] ~ input.sheet-biohaz:nth-of-type(1n+42),
input[name="attr_strength"][value="39"] ~ input.sheet-biohaz:nth-of-type(1n+42) + span,
input[name="attr_strength"][value="40"] ~ input.sheet-biohaz:nth-of-type(1n+43),
input[name="attr_strength"][value="40"] ~ input.sheet-biohaz:nth-of-type(1n+43) + span {
  opacity: 1;
  display: none !important;
}

input[name="attr_agility"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3),
input[name="attr_agility"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3) + span,
input[name="attr_agility"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4),
input[name="attr_agility"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4) + span,
input[name="attr_agility"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5),
input[name="attr_agility"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5) + span,
input[name="attr_agility"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6),
input[name="attr_agility"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6) + span,
input[name="attr_agility"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7),
input[name="attr_agility"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7) + span,
input[name="attr_agility"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8),
input[name="attr_agility"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8) + span,
input[name="attr_agility"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9),
input[name="attr_agility"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9) + span,
input[name="attr_agility"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10),
input[name="attr_agility"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10) + span,
input[name="attr_agility"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11),
input[name="attr_agility"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11) + span,
input[name="attr_agility"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12),
input[name="attr_agility"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12) + span,
input[name="attr_agility"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13),
input[name="attr_agility"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13) + span,
input[name="attr_agility"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14),
input[name="attr_agility"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14) + span,
input[name="attr_agility"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15),
input[name="attr_agility"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15) + span {
  opacity: 1;
  display: none !important;
}

input[name="attr_wits"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3),
input[name="attr_wits"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3) + span,
input[name="attr_wits"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4),
input[name="attr_wits"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4) + span,
input[name="attr_wits"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5),
input[name="attr_wits"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5) + span,
input[name="attr_wits"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6),
input[name="attr_wits"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6) + span,
input[name="attr_wits"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7),
input[name="attr_wits"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7) + span,
input[name="attr_wits"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8),
input[name="attr_wits"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8) + span,
input[name="attr_wits"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9),
input[name="attr_wits"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9) + span,
input[name="attr_wits"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10),
input[name="attr_wits"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10) + span,
input[name="attr_wits"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11),
input[name="attr_wits"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11) + span,
input[name="attr_wits"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12),
input[name="attr_wits"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12) + span,
input[name="attr_wits"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13),
input[name="attr_wits"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13) + span,
input[name="attr_wits"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14),
input[name="attr_wits"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14) + span,
input[name="attr_wits"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15),
input[name="attr_wits"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15) + span {
  opacity: 1;
  display: none !important;
}

input[name="attr_empathy"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3),
input[name="attr_empathy"][value="0"] ~ input.sheet-biohaz:nth-of-type(1n+3) + span,
input[name="attr_empathy"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4),
input[name="attr_empathy"][value="1"] ~ input.sheet-biohaz:nth-of-type(1n+4) + span,
input[name="attr_empathy"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5),
input[name="attr_empathy"][value="2"] ~ input.sheet-biohaz:nth-of-type(1n+5) + span,
input[name="attr_empathy"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6),
input[name="attr_empathy"][value="3"] ~ input.sheet-biohaz:nth-of-type(1n+6) + span,
input[name="attr_empathy"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7),
input[name="attr_empathy"][value="4"] ~ input.sheet-biohaz:nth-of-type(1n+7) + span,
input[name="attr_empathy"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8),
input[name="attr_empathy"][value="5"] ~ input.sheet-biohaz:nth-of-type(1n+8) + span,
input[name="attr_empathy"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9),
input[name="attr_empathy"][value="6"] ~ input.sheet-biohaz:nth-of-type(1n+9) + span,
input[name="attr_empathy"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10),
input[name="attr_empathy"][value="7"] ~ input.sheet-biohaz:nth-of-type(1n+10) + span,
input[name="attr_empathy"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11),
input[name="attr_empathy"][value="8"] ~ input.sheet-biohaz:nth-of-type(1n+11) + span,
input[name="attr_empathy"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12),
input[name="attr_empathy"][value="9"] ~ input.sheet-biohaz:nth-of-type(1n+12) + span,
input[name="attr_empathy"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13),
input[name="attr_empathy"][value="10"] ~ input.sheet-biohaz:nth-of-type(1n+13) + span,
input[name="attr_empathy"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14),
input[name="attr_empathy"][value="11"] ~ input.sheet-biohaz:nth-of-type(1n+14) + span,
input[name="attr_empathy"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15),
input[name="attr_empathy"][value="12"] ~ input.sheet-biohaz:nth-of-type(1n+15) + span {
  opacity: 1;
  display: none !important;
}

/* Broken Indicators */
input.sheet-broken-str[value="0"] ~ div .sheet-broken-str,
input.sheet-broken-agi[value="0"] ~ div .sheet-broken-agi,
input.sheet-broken-wit[value="0"] ~ div .sheet-broken-wit,
input.sheet-broken-emp[value="0"] ~ div .sheet-broken-emp {
  font-weight: bold;
  color: #a60100;
}

input.sheet-broken-str[value="0"] ~ div .sheet-broken-str.sheet-input-span,
input.sheet-broken-agi[value="0"] ~ div .sheet-broken-agi.sheet-input-span,
input.sheet-broken-wit[value="0"] ~ div .sheet-broken-wit.sheet-input-span,
input.sheet-broken-emp[value="0"] ~ div .sheet-broken-emp.sheet-input-span {
  box-sizing: border-box;
}

/* Fake radio using xbox for Experience/powerpoint */
input[type="radio"].sheet-xbox + span::before {
  font-size: 24px;
  line-height: 14px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 -20px;
  content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png);
  text-align: center;
  vertical-align: middle;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.png);
}

input.sheet-xbox {
  z-index: 1;
  width: 16px;
  margin-top: 3px;
  opacity: 0;
}

/* Removes xbox from all radios _after_ selected one */
input[type="radio"]:checked ~ input[type="radio"].sheet-xbox + span::before,
input[type="radio"].sheet-xbox:checked
  ~ input[type="radio"].sheet-xbox
  + span::before {
  content: "";
}

/* Fake radio using xbox for Conditions */
input[type="checkbox"].sheet-xbox + span::before {
  font-size: 24px;
  line-height: 14px;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 -20px;
  content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png);
  text-align: center;
  vertical-align: middle;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.png);
}

.sheet-conditions-grid > div input.sheet-xbox {
  z-index: 1;
  width: 20px;
  height: 20px;
  margin: 1px 0 0 0;
  transform: scaleX(4.5);
  transform-origin: left;
  opacity: 0;
}

/* Removes xbox from all radios _after_ selected one */
input[type="checkbox"].sheet-xbox:not(:checked) + span::before {
  content: "";
}

/* Fake Action Button */
button[type="action"].sheet-roll-button,
button[type="roll"].sheet-roll-button {
  font-family: "dicefontd20";
  font-size: 1.25em;
  line-height: 1em;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 1.25em;
  height: 1.25em;
  margin: 5px 2px 5px 2px;
  padding: 0 0 0 0;
  content: "t";
  cursor: pointer;
  border: 1px solid #ccc;
  border-width: 2px;
  border-style: outset;
  border-bottom-color: #bbb;
  border-image: initial;
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  justify-self: center;
}

button[type="roll"].sheet-roll-button-textonly::before {
  content: "";
}

button.sheet-roll-button-textonly {
  border: 1px solid #ccc;
  border-width: 2px;
  border-style: outset;
  border-bottom-color: #bbb;
  border-image: initial;
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  justify-self: center;
}

button.sheet-roll-button-textonly span {
  padding: 0 6px 0 0;
  font-size: 0.75em;
  vertical-align: bottom;
}

/* Update the Dice Pool indicator  */
.sheet-box-indicator button,
.sheet-box-api-indicator button {
  z-index: 1;
  color: #fff;
  border: 1px solid #000;
  background: #a60100;
  box-shadow: 0 2px 4px 2px #000;
}

.sheet-box-indicator button:hover,
.sheet-box-api-indicator button:hover {
  border: 1px solid #a60100;
  box-shadow: 0 1px 4px 2px #808080;
}

.sheet-box-indicator,
.sheet-box-api-indicator {
  position: relative;
  display: flex;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  border-radius: 4px;
  box-shadow: 0 2px 15px transparent;
  max-height: 24px;
}

.sheet-box-indicator::after {
  z-index: 0;
  width: 3.75em;
  margin: 0 0 -2px -5.25em;
  content: "";
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  border: 10px solid #a60100;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: 0 2px 10px 5px #a60100;
  max-height: 20px;
}

.sheet-box-api-indicator::after {
  z-index: 0;
  width: 7.5em;
  margin: -2px 0 -4px -9em;
  content: "";
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0;
  border: 10px solid #a60100;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: 0 2px 10px 5px #a60100;
}

.sheet-roll-indicator:checked ~ .sheet-box-indicator::after,
.sheet-roll-indicator:checked ~ .sheet-box-api-indicator::after {
  opacity: 1;
}

/* api dice toggle */
button.sheet-api-button {
  border: 1px solid lightblue;
  box-shadow: 2px 2px 3px darkgrey;
  line-height: 0.85em;
}

input[type="checkbox"].sheet-hidden,
.sheet-hidden {
  display: none;
}

input.sheet-hidden.sheet-api-toggle-show:checked ~ div.sheet-template-roll {
  display: none;
}

input.sheet-hidden.sheet-api-toggle-show:not(:checked) ~ .sheet-dice-rolls-copy {
  display: none;
}

.sheet-dice-rolls-copy-button::before {
  content: "" !important; 
}

div.sheet-api-roll {
  display: none;
}

input.sheet-hidden.sheet-api-toggle-show:checked
  ~ div.sheet-api-roll {
  display: block;
}

input.sheet-hidden.sheet-api-toggle-show:checked
  ~ div.sheet-api-roll
  button::after {
  margin-right: 2px;
  content: "(API)";
}

input.sheet-hidden.sheet-api-toggle-show:checked button.sheet-dice-footer-api {
  background: #a60100;
}

/* repcontrol */

/* this sets the formatting for all repcontrol buttons */
.repcontrol {
  display: flex;
  justify-content: flex-end;
  clear: both;
}

.repcontrol_del {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1000;
}
 .repcontrol_move {
  position: absolute;
  right: 35px;
  top: 2px;
  z-index: 1000;
}

.repcontrol_add,
.repcontrol_edit,
.repcontrol_del {
  width: 2em;
  height: 1.2em;
  margin: 1px;
  padding: 0 1px 3px 1px;
  box-shadow: none;
  color: transparent;
  text-shadow: none;
}

.repcontrol_move {
  float: right;
  margin-right: 5px;
  cursor: move;
}

button.btn.repcontrol_edit:after {
  font-family: Pictos;
  content: '(';
  color: black;
  margin: 0 0 0 -38px;
}

.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after {
  margin: 0 0 0 -28px;
  content: ')';
}

button.btn.repcontrol_add:after {
  font-family: Pictos;
  content: '&';
  color: black;
  margin: 0 0 0 -31px;
}

button.btn:hover.repcontrol_edit:after,
button.btn:hover.repcontrol_add:after,
button.btn:hover.repcontrol_del:after {
  color: #a60100;
}

a.btn.repcontrol_move:hover {
  color: #a60100;
}

button.btn.btn-danger.pictos.repcontrol_del:hover {
  color: #fff;
}


/* ------------------- CHARACTER TYPE VISIBILITY */

input[name="attr_chartype"][value="Mutant"] ~ div .sheet-header,
/* input[name="attr_chartype"][value="Mutant"] ~ div .sheet-column-header, */
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-background-darkest {
  background-color: #764621; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-header,
/* input[name="attr_chartype"][value="Animal"] ~ div .sheet-column-header, */
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-background-darkest {
  background-color: #687569; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-header,
/* input[name="attr_chartype"][value="Robot"] ~ div .sheet-column-header, */
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-background-darkest {
  background-color: #035974; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-header,
/* input[name="attr_chartype"][value="Human"] ~ div .sheet-column-header, */
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-background-darkest {
  background-color: #1b6764; 
}

input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-background-dark {
  background-color: #cd8b41; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-background-dark {
  background-color: #67a83f; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-background-dark  {
  background-color: #8bb2ce; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-background-dark {
  background-color: #68a98f; 
}

input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-background-light {
  background-color: #efd6b8; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-background-light {
  background-color: #d6ead8; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-background-light {
  background-color: #e4eef5; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-background-light {
  background-color: #e2edea; 
}

/* -------------------------- BORDERS */
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-border-dark {
  border-color: #cd8b41; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-border-dark {
  border-color: #67a83f; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-border-dark  {
  border-color: #8bb2ce; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-border-dark {
  border-color: #68a98f; 
}


input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-border-light {
  border-color: #efd6b8; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-border-light {
  border-color: #d6ead8; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-border-light {
  border-color: #e4eef5; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-border-light {
  border-color: #e2edea; 
}

input[name="attr_chartype"][value="Mutant"] ~ div .sheet-chartype-border-darkest {
  border-color: #764621; 
}
input[name="attr_chartype"][value="Animal"] ~ div .sheet-chartype-border-darkest {
  border-color: #687569; 
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-chartype-border-darkest  {
  border-color: #035974; 
}
input[name="attr_chartype"][value="Human"] ~ div .sheet-chartype-border-darkest {
  border-color: #1b6764; 
}

/*
.sheet-character-mutations,
.sheet-character-modules, 
.sheet-character-animalpowers, 
.sheet-character-contacts,
.sheet-character-biomech,
.sheet-character-chassis,*/
.sheet-char-mutant,
.sheet-char-robot,
.sheet-char-animal,
.sheet-char-human,
.sheet-char-mutant-grid,
.sheet-char-robot-grid,
.sheet-char-animal-grid,
.sheet-char-human-grid,
.sheet-char-mutant-flex,
.sheet-char-robot-flex,
.sheet-char-animal-flex,
.sheet-char-human-flex {
  display: none;
}


input[name="attr_force_show_mutations"]:checked ~ .sheet-character-mutations,
input[name="attr_force_show_animalpowers"]:checked ~ .sheet-character-animalpowers,
input[name="attr_force_show_contacts"]:checked ~ .sheet-character-contacts,
input[name="attr_force_show_biomech"]:checked ~ .sheet-character-biomech,
input[name="attr_force_show_modules"]:checked ~ .sheet-character-modules,
input[name="attr_force_show_vehicle"]:checked ~ .sheet-vehicle-grid {
  display: grid;
}

input[name="attr_force_show_money"]:checked ~ .sheet-character-money,
input[name="attr_force_show_arklevels"]:checked ~ .sheet-ark-development,
input[name="attr_force_show_arkdetails"]:checked ~ .sheet-ark-details,
input[name="attr_force_show_arkdetails"]:checked ~ .sheet-ark-bosses,
input[name="attr_force_show_arkdetails"]:checked ~ .sheet-ark-other,
input[name="attr_force_show_projects"]:checked ~ .sheet-ark-projects {
  display: block;
}
/*
input[name="attr_force_show_mutations"]:not(:checked) ~ .sheet-character-mutations,
input[name="attr_force_show_animalpowers"]:not(:checked) ~ .sheet-character-animalpowers,
input[name="attr_force_show_contacts"]:not(:checked) ~ .sheet-character-contacts,
input[name="attr_force_show_biomech"]:not(:checked) ~ .sheet-character-biomech,
input[name="attr_force_show_modules"]:not(:checked) ~ .sheet-character-modules {
  display: none;
} */

/*
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-char-mutant,
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-character-mutations, 
input[name="attr_chartype"][value="Robot"] ~ div .sheet-char-robot,
input[name="attr_chartype"][value="Robot"] ~ div .sheet-character-modules, 
input[name="attr_chartype"][value="Animal"] ~ div .sheet-char-animal,
input[name="attr_chartype"][value="Animal"] ~ div .sheet-character-animalpowers, 
input[name="attr_chartype"][value="Human"] ~ div .sheet-char-human,
input[name="attr_chartype"][value="Human"] ~ div .sheet-character-contacts,
input[name="attr_chartype"][value="Human"] ~ div .sheet-character-biomech
*/


input[name="attr_chartype"][value="Mutant"] ~ div .sheet-char-mutant,
input[name="attr_chartype"][value="Robot"] ~ div .sheet-char-robot,
input[name="attr_chartype"][value="Animal"] ~ div .sheet-char-animal,
input[name="attr_chartype"][value="Human"] ~ div .sheet-char-human {
  display: block;
}
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-char-mutant-grid,
input[name="attr_chartype"][value="Robot"] ~ div .sheet-char-robot-grid,
input[name="attr_chartype"][value="Animal"] ~ div .sheet-char-animal-grid,
input[name="attr_chartype"][value="Human"] ~ div .sheet-char-human-grid {
  display: grid;
}
input[name="attr_chartype"][value="Mutant"] ~ div .sheet-char-mutant-flex,
input[name="attr_chartype"][value="Robot"] ~ div .sheet-char-robot-flex,
input[name="attr_chartype"][value="Animal"] ~ div .sheet-char-animal-flex,
input[name="attr_chartype"][value="Human"] ~ div .sheet-char-human-flex {
  display: flex;
}

input[name="attr_chartype"][value="Robot"] ~ div .sheet-appearance-grid {
  display: grid;
  padding: 0;
  column-gap: 2px;
  row-gap: 10px;
  grid-template-columns: 5em 2fr 0.6fr;
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-appearance-grid .sheet-header {
  display: flex;
}
input[name="attr_chartype"][value="Robot"] ~ div .sheet-conditions-grid {
  display: none;
}

/* ----------------------- TABS VISIBILITY */

/* Sheet Tabs */
div.sheet-tab-content {
  display: none;
  padding: 5px;
}

/* USING radiobuttons in v2.00 */
input.sheet-character:checked ~ div.sheet-character,
input.sheet-ark:checked ~ div.sheet-ark,
input.sheet-monster_only:checked ~ div.sheet-character,
input.sheet-settings:checked ~ div.sheet-settings {
  display: inline-block;
}
/* USING buttons in v2.01 */
input.sheet-tab[value="character"] ~ div.sheet-character,
input.sheet-tab[value="monster"] ~ div.sheet-character,
input.sheet-tab[value="ark"] ~ div.sheet-ark,
input.sheet-tab[value="zonelog"] ~ div.sheet-zonelog,
input.sheet-tab[value="settings"] ~ div.sheet-settings  {
   display: inline-block;
}

/* input.sheet-settings:checked ~ .sheet-character-type {
  display: none;
} */

/* input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-toggle-monster-only,
input.sheet-tab[value="monster"]
  ~ div.sheet-character
  .sheet-toggle-monster-only {
  display: none;
}

input.sheet-npc_only:checked
  ~ div.sheet-character
  .sheet-toggle-npc-only {
  display: none;
} */

/* NPC - Monster View */
.sheet-toggle-monster-only,
input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-toggle-pc-only,
input.sheet-tab[value="monster"] ~ div.sheet-character ~ div .sheet-toggle-pc-only,
input.sheet-monster_only:checked ~ div.sheet-character div.sheet-toggle-pc-only,
input.sheet-monster_only:checked ~ div.sheet-character div.sheet-toggle-pc-only + span {
  display: none;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-monster,
input.sheet-tab[value="monster"] ~ div.sheet-character ~ div .sheet-monster,
input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-toggle-monster-only,
input.sheet-tab[value="monster"] ~ div.sheet-character ~ div .sheet-toggle-monster-only,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster + span {
  display: block;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-monster-grid,
input.sheet-tab[value="monster"] ~ div.sheet-character ~ div .sheet-monster-grid,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster-grid {
  display: grid;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-monster-flex,
input.sheet-tab[value="monster"] ~ div.sheet-character ~ div .sheet-monster-flex,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster-flex {
  display: flex;
}


/** TABS *****************************/

div.sheet-grid-tabs {
  display: inline-block;
}

/* input[type="radio"].sheet-tab, */
button.sheet-tab {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  display: inline-block; 
  vertical-align: bottom;
  width: 100px;
  height: 22px;
  margin-left: -4px;
  cursor: pointer;
  outline: none;
  opacity: 1;
  content: attr(title);
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 18px;
  color: #444;
  background: #FFF;
  text-align: center;
  text-align-last: center;
  border: 2px solid #ccc;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  -margin-bottom: -4px;
  padding: 0;
}

/* input[type="radio"].sheet-tab:first-of-class, */
button.sheet-tab.sheet-character {
 margin-left: 15px;
}

/* input.sheet-tab::before,
.sheet-select-chartype {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  line-height: 18px;
  display: block;
  width: 120px;
  height: 22px;
  -padding-bottom: 1px;
  content: attr(title);
  text-align: center;
  color: #444;
  border: 2px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #FFF;
} */

.sheet-select-chartype {
  display: inline-block;  
  vertical-align: bottom;
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #444;
  font-size: 1.1em;
  width: 98px;
  height: 24px;
  margin-left: -4px;
  background: #FFF;
  text-align: center;
  text-align-last: center;
  border: 2px solid #ccc;
  border-bottom: 0 !important;
  border-radius: 4px 4px 0 0 !important; 
  margin-top: 0.5px;
  margin-bottom: 0;
  padding: 0;
}

/* span.sheet-select-chartype {
  margin-left: -120px;
} */

/* .sheet-select-chartype:hover {
  -background-color: #CCC;
  opacity: 1; 
} */

/* input[type="radio"].sheet-tab.sheet-settings, */
button.sheet-tab.sheet-settings  {
  font-family: "pictos";
  width: 24px;
  height: 22px; 
  vertical-align: bottom;
  -margin-top: -4px;
  -margin-left: -2px;
  -z-index: 0;
}
/* */
button.sheet-tab.sheet-settings::before {
  font-family: "pictos";
  content: "y";
} 

/* Hover tab */
button.sheet-tab.sheet-character:hover,
button.sheet-tab.sheet-ark:hover,
button.sheet-tab.sheet-npc:hover,
button.sheet-tab.sheet-monster_only:hover,
button.sheet-tab.sheet-settings:hover,
button.sheet-tab:hover,
button.sheet-tab:active,
button.sheet-tab:focus,
input.sheet-tab.sheet-character:hover::before,
input.sheet-tab.sheet-ark:hover::before,
input.sheet-tab.sheet-npc:hover::before,
input.sheet-tab.sheet-monster_only:hover::before {
  font-weight: bold !important;
  -z-index: 3;
  -width: 120px;
  -height: 23px;
  -margin: -3px 0 0 0;
  -border-color: #aaa;
  -border-bottom-color: transparent;
  background: #EEE !important;
  color: #000 !important;
}

/* Active tab */
input.sheet-tab[value="character"] ~ div button[name="act_tab_character"],
input.sheet-tab[value="ark"] ~ div button[name="act_tab_ark"],
input.sheet-tab[value="zonelog"] ~ div button[name="act_tab_zonelog"],
input.sheet-tab[value="monster"] ~ div button[name="act_tab_monster"],
input.sheet-tab[value="settings"] ~ div button[name="act_tab_settings"],
input.sheet-tab[value="character"] ~ div button[name="act_tab_character"]:hover,
input.sheet-tab[value="ark"] ~ div button[name="act_tab_ark"]:hover,
input.sheet-tab[value="zonelog"] ~ div button[name="act_tab_zonelog"]:hover,
input.sheet-tab[value="monster"] ~ div button[name="act_tab_monster"]:hover,
input.sheet-tab[value="settings"] ~ div button[name="act_tab_settings"]:hover {
    -color           : #fcd67b;
    -background-color: #8c4110;
    color: #CCC !important;
    background-color: #000 !important;
    border: 2px solid #000 !important;
    border-bottom: 0 !important;
    border-radius: 4px 4px 0 0;
}

/* input.sheet-tab.sheet-character:checked,
input.sheet-tab.sheet-ark:checked,
input.sheet-tab.sheet-npc:checked,
input.sheet-tab.sheet-monster_only:checked,
input.sheet-tab.sheet-settings:checked {
  -z-index: 2;
  opacity: 1;
  border: 0;
}

input.sheet-tab.sheet-character:hover,
input.sheet-tab.sheet-ark:hover,
input.sheet-tab.sheet-npc:hover,
input.sheet-tab.sheet-monster_only:hover,
input.sheet-tab.sheet-settings:hover {
  -z-index: 3;
  opacity: 1;
}

input.sheet-tab.sheet-settings:hover::before {
  -z-index: 3;
  -width: 23px;
  border-color: #aaa;
  -border-bottom-color: transparent;
  background: #EEE;
}

input.sheet-tab:active,
input.sheet-tab:focus {
  -outline: none;
}

input.sheet-tab:hover::before {
  -background: #EEE;
}

input.sheet-tab:hover::before {
  -font-weight: bold;
  -height: 23px;
  -margin: -3px 0 0 -2px;
  -background: #EEE;
}

input.sheet-tab:checked::before,
input.sheet-tab:checked:hover::before {
  font-weight: bold;
  -width: 120px;
  -height: 23px;
  -margin: -3px 0 0 -2px;
  color: #fff;
  border: 2px solid #000;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #000;
}

input.sheet-tab.sheet-settings:checked::before,
input.sheet-tab.sheet-settings:checked:hover::before {
  width: 24px;
}

/* hides radio selector 
input.sheet-tab.sheet-character:checked::after,
input.sheet-tab.sheet-ark:checked::after,
input.sheet-tab.sheet-npc_only:checked::after,
input.sheet-tab.sheet-monster_only:checked::after,
input.sheet-tab.sheet-settings:checked::after {
  opacity: 0;
}
 */
/* SHEEET *********************/

.sheet-wrapper {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  min-width: 820px;
  -padding: 70px 0 50px 0;
  -margin-top: 10px;
  color: #000;
  -border: 2px solid #000;
  border-top: 1px solid #CCC;
  border-bottom: 4px solid #000;
  background-color: inherit;
}

/* LOGO ************************/

.sheet-logo {
  min-width: 820px;
  width: 100%;
  max-height: 56px;
  margin-top: -40px;
  margin-right: 50px;
  -text-align: right;
  line-height: 24px;
  text-align: right;
}

span.sheet-logo-image {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position:right;
  width: 150px;
  height: 55px;
  -margin: -15px 0 0 0;
  display: inline-block;
  margin-top: 20px;
  -margin-left: 60px;
  text-align: right;
}

span.sheet-logo-image.lang-sv {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/logo-sv.png);
}

input {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  color: #000;
}

.sheet-input:focus,
input[type="text"].sheet-input:focus,
input[type="number"].sheet-input:focus,
input[type="text"].sheet-input:focus,
input[type="number"].sheet-input:focus,
input[type="text"].sheet-input-number:focus,
input[type="number"].sheet-input-number:focus,
.sheet-input-textarea:focus,
textarea:focus {
  outline: none;
  background-color: #ffffea;
}

.sheet-input,
input[type="text"].sheet-input,
input[type="number"].sheet-input {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  width: 100%;
  height: 2.25em;
  color: #000;
}

input[type="text"].sheet-input-number,
input[type="number"].sheet-input-number,
input[type="select"].sheet-input-number,
input[type="select"].sheet-input {
  width: 100%;
  max-height: 2.25em;
  text-align: center;
  align-self: center;
  color: #000;
  width: 2.5em;
}

select.sheet-input {
  width: 100%;
  min-width: 2.5em;
  height: 2.25em;
  margin: 0;
  color: #000;
  text-align-last: center;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.sheet-input:hover {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  padding: 0;
}

input.sheet-input.sheet-input-number-center {
  display: flex;
  width: 2.5em;
  text-align: center;
  justify-self: center;
}

input.sheet-input.sheet-input-center {
  display: flex;
  min-width: 2.5em;
  text-align: center;
  justify-self: center;
}

/* change checkbox appearance */
input[type="checkbox"] {
  height: 1em;
  width: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: text-bottom;
  border: 1px solid #000;
  border-radius: 4px;
  outline: none;
  background-color: #fff;
  cursor: pointer;
}

input[type="checkbox"]:checked {
  border: 1px solid #000;
  background-color: #fff;
  vertical-align: text-bottom;
}

input[type="checkbox"]:checked::after {
  content: "3";
  font-family: pictos;
  color: #000;
  position: relative;
  top: -7px;
}

input[type="checkbox"]:active {
  border: 2px solid #34495e;
}
/* end checkbox appearance */

/* change radio appearance */
input[type="radio"] {
  height: 1em;
  width: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  vertical-align: text-bottom;
  border: 1px solid #333;
  border-radius: 50%;
  outline: none;
  background-color: #fff;
  cursor: pointer;
  opacity: 0.5;
}

input[type="radio"].sheet-xbox {
  opacity: 0;
}

input[type="radio"]:checked {
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #fff;
  vertical-align: text-bottom;
}

input[type="radio"]:checked::after {
  content: "*";
  font-family: pictos;
  color: #000;
  position: relative;
  top: -5px;
}
/* end radio appearance */

input[type="checkbox"].sheet-input {
  height: 11px;
  width: 11px;
  justify-self: center;
  align-self: center;
}

.sheet-input-textarea {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  line-height: 1em;
  overflow: hidden;
  width: 100%;
  height: 2.25em;
  min-height: 1.9em;
  margin: 0;
  padding: 0 2px 0 2px;
  resize: vertical;
  color: #000;
}

input[disabled].sheet-input-number,
input[readonly].sheet-input,
textarea[disabled].sheet-input,
textarea[readonly].sheet-input,
input[readonly].sheet-input-number {
  font-style: italic;
  cursor: not-allowed;
  text-align: center;
  color: #6e6e6e;
  border-color: #6e6e6e;
  background-color: #eee;
  max-width: 2.5em;
  justify-self: center;
}

button > input.sheet-input {
  max-height: 1.75em;
}

button[type="action"] {
  border-radius: 5px;
}

/* hide spinner in FF number inputs */
input[type="number"]:not(:hover)::-webkit-inner-spin-button,
input[type="number"]:not(:hover)::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type="number"]:not(:hover) {
  -moz-appearance: textfield;
}

/* highlight rows on hover */
.itemcontrol + div:hover,
.sheet-skills-grid span.sheet-skills-row:hover {
  background-color: #e6e6e6;
}

/* show/hide areas */
.sheet-expand {
  position: absolute;
  z-index: 6;
  top: -4px;
  left: -3px;
  width: 18px;
  opacity: 0;
}

input.sheet-expand + span::before {
  font-family: pictos;
  font-size: 14px;
  position: absolute;
  z-index: 3;
  top: -5px;
  left: 0;
  width: 13px;
  height: 16px;
  content: "y";
  cursor: pointer;
  opacity: 0.001;
  color: #c3996b;
}



.sheet-vehicle-grid > input.sheet-expand + span::before {
  margin-top: 2.75em;
}

input.sheet-expand + span::before,
input.sheet-expand:checked + span::before {
  opacity: 0.25;
}

.repitem .sheet-weapons-grid:hover input.sheet-expand+span::before,
.repitem .sheet-monster-features-grid:hover input.sheet-expand+span::before,
.repitem .sheet-talents-grid:hover input.sheet-expand+span::before,
.sheet-armor-box10:hover input.sheet-expand+span::before,
.sheet-armor-box10-2:hover input.sheet-expand+span::before,
.sheet-armor-box10-3:hover input.sheet-expand+span::before,
.sheet-armor-box10-4:hover input.sheet-expand+span::before,
.sheet-armor-box10-5:hover input.sheet-expand+span::before,
.sheet-shield-box12:hover input.sheet-expand+span::before,
.repitem .sheet-gear-grid:hover input.sheet-expand+span::before,
.sheet-vehicle-grid:hover input.sheet-expand+span::before,
.repitem .sheet-vehiclegear-grid:hover input.sheet-expand+span::before,
.repitem .sheet-spells-grid:hover input.sheet-expand+span::before,
.sheet-skills-row:hover input.sheet-expand+span::before {
  opacity: 0.85;
}

input.sheet-expand~.sheet-input-textarea,
.repitem input.sheet-expand~.sheet-input-textarea,
input.sheet-expand~.sheet-weapons-subgrid,
input.sheet-expand~.sheet-armor-row2,
input.sheet-expand~.sheet-endure-row2,
input.sheet-expand~.sheet-heal-row2,
input.sheet-expand~.sheet-insight-row2,
input.sheet-expand~.sheet-manipulate-row2,
input.sheet-expand~.sheet-shoot-row2,
input.sheet-expand~.sheet-fight-row2,
input.sheet-expand~.sheet-might-row2,
input.sheet-expand~.sheet-move-row2,
input.sheet-expand~.sheet-scout-row2,
input.sheet-expand~.sheet-sneak-row2,
input.sheet-expand~.sheet-know-the-zone-row2 {
  display: none;
}

input.sheet-expand:checked~.sheet-input-textarea,
.repitem input.sheet-expand:checked~.sheet-input-textarea,
input.sheet-expand:checked~.sheet-weapons-subgrid,
input.sheet-expand:checked~.sheet-armor-row2,
input.sheet-expand:checked~.sheet-endure-row2,
input.sheet-expand:checked~.sheet-heal-row2,
input.sheet-expand:checked~.sheet-insight-row2,
input.sheet-expand:checked~.sheet-manipulate-row2,
input.sheet-expand:checked~.sheet-shoot-row2,
input.sheet-expand:checked~.sheet-fight-row2,
input.sheet-expand:checked~.sheet-might-row2,
input.sheet-expand:checked~.sheet-move-row2,
input.sheet-expand:checked~.sheet-scout-row2,
input.sheet-expand:checked~.sheet-sneak-row2,
input.sheet-expand:checked~.sheet-know-the-zone-row2 {
  display: grid;
  box-sizing: border-box;
  margin: 0;
  -border: 2px dotted #c3996b;
  width: 100%;
}

input.sheet-expand:checked ~ .sheet-input-textarea {
  line-height: 1.2em;
  display: block;
  box-sizing: border-box;
  height: 4.5em;
  min-height: 2em;
  margin: 0;
  border: 2px dotted #c3996b;
  overflow: hidden;
  overflow-y: auto;
}

/* character grid layout */

.sheet-character-grid {
  display: grid;
  -margin: -10px 0 0 0;
  column-gap: 4px;
  row-gap: 4px;
  grid-template-columns: 42% 25% auto;
}

.sheet-box {
  padding: 0;
  -margin-bottom: 5px;
  text-align: left;
  border: 2px solid #000;
  border-radius: 4px;
  -font-size: 1.05em;
}


/* Add Backgrounds to Headers
div
*/

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-attributes-box1.sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-monster-stats-box1.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-development-grid .sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header7.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-details div.sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-character-weapons div.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header2.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-skills-header-row {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header3.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-dice_pool-box1 {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-talents-box {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header9.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-other div.sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-mutant-box {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header10.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-character-rotpoints .sheet-talents-box,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-bosses div.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header3.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-talents-box {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header18.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-character-talents .sheet-talents-box {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header12.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-dice_pool-box1,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-monster-features-box.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-character-experience {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header9.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-relationships-grid .sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-gear-grid div.sheet-header,
/* input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-gear-box6, */
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-character-money .sheet-header,
/* input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-vehiclegear-box1, */
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-consumables-grid .sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-powerpoint-box1,

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-notes .sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-npc-grid div.sheet-header  {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header13.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-appearance-box1.sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-ark h1[data-i18n="ark"],
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-description-box1.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header15.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-rot-box,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-information-box0.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header12b.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-ark-projects-grid .sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-armor-grid .sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-injuries-box1.sheet-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header12.jpg");
}

/* input.sheet-header-bgimg:checked ~ div .sheet-experience-grid */
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-spells-box,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-beasts-box,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-notes-grid .sheet-header
 {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header6.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-vehicle-box1.sheet-header,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-notes-grid h1,
input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-bosses-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header18.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-projects-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header17.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~ div .sheet-ark-other-grid h1 {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header19.jpg");
}

input[name="attr_chartype"][value="Mutant"] ~ input.sheet-header-bgimg:checked ~  div .sheet-log-grid-header {
  background-size: cover;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/header17.jpg");
}

/* ADD TOGGLE FOR MODIFIERS */


/* CHARACTER SHEET LAYOUT */
.sheet-character-type {
  -display:flex;
  -width: 100%;
  -text-align: left;
  -justify-self: start;
  -margin: -20px 15px 25px -55px;
}
.sheet-character-type-break {
  clear:left;
}

.sheet-character-heading {
  padding: 5px;
  margin-top: 20px;
  border: 2px solid #000;
  grid-column: 1/span 3;
  grid-row-start: 1;
  display: flex;
  justify-content: space-evenly;
  justify-self: stretch;
}

.sheet-character-attributes {
  grid-column-start: 1;
}

/* monster version of attributes */
input.sheet-tab[value="monster"] 
~ div.sheet-character
.sheet-character-attributes,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-character-attributes {
  background-image: none;
  padding: 0;
  margin: -2px 0px 0 0px;
  border: 2px solid #000;
  background-color: inherit;
  height: 100%;
}

.sheet-character-appearance {
  grid-column: 2/span 2;
  -grid-column-end: 3;
}

.sheet-character-conditions {
  padding: 10px 0 5px 0;
  border: none;
  grid-column: 1/3;
}

.sheet-character-attributes,
.sheet-character-appearance {
  padding: 0 0 10px 0;
  margin: 0;
  -border: 10px solid #000;
  border: 2px solid #000;
  overflow: hidden;
}

.sheet-character-injuries,
.sheet-character-weapons,
.sheet-character-beasts,
.sheet-character-notes,
.sheet-character-armor,
.sheet-character-relationships,
.sheet-character-spells,
.sheet-ark-functions,
.sheet-ark-hirelings,
.sheet-ark-stockpile,
.sheet-ark-notes {
  padding: 0;
  -margin: 0 0 5px 0;
  -border: 7px solid #000;
  border: 2px solid #000;
  overflow: hidden;
  -height: fit-content;
}

.sheet-character-injuries,
.sheet-character-weapons {
  grid-column: 1/span 2;
  overflow: hidden;
}

.sheet-character-beasts {
  display: none;
  grid-column: 1/span 2;
  grid-row-start: 11;
  overflow: hidden;
}

.sheet-character-notes {
  grid-column: 1/span 2;
  grid-row-start: 12;
  overflow: hidden;
}

.sheet-character-armor {
  height: fit-content;
  grid-column: 1/span 2;
  grid-row-start: 6; 
  -padding: 0 0 8px 0;
  overflow: hidden;
}

.sheet-character-relationships,
.sheet-character-spells {
  height: fit-content;
  grid-column: 1/3;
  padding: 0 0 8px 0;
  overflow: hidden;
}

.sheet-character-skills,
.sheet-character-dice_pool {
  padding: 0;
  -margin: -2px 0px 0 0px;
  border: 3px solid #000;
  overflow: hidden;
}

.sheet-character-skill-dice-box {
  display: flex;
  width: 100%;
  -justify-content: space-evenly;
  padding: 0;
  border: none;
  grid-column: 1/span 2;
  grid-row-start: 4;
  overflow: hidden;
}

.sheet-character-skills {
  min-width: 18em;
  width: 50%;
}

.sheet-character-dice_pool {
  min-width: 19em;
  width: 50%;
  -max-width: 21em;
  -background-color: #ffffea;
}

input.sheet-dice_only:checked ~ div.sheet-character .sheet-character-dice_pool {
  width: 100%;
}

input.sheet-dice_only:checked
  ~ div.sheet-character
  .sheet-box.sheet-character-skill-dice-box {
  display: flex;
  min-width: 20em;
  -margin-top: -1.5em;
  grid-column: 1/4;
  justify-self: center;
}

.sheet-character-column3 {
  height: fit-content;
  grid-column-start: 3;
  -grid-row-end: span 6;
  grid-row: 3/span 8;
  border: none;
  overflow: hidden;
  -display: flex;
}
.sheet-character-column3 .sheet-box {
  margin-bottom: 4px;
}

.sheet-character-talents,
.sheet-character-mutations, 
.sheet-character-modules, 
.sheet-character-animalpowers, 
.sheet-character-contacts,
.sheet-character-biomech {
  height: fit-content;
  overflow: hidden;
}

.sheet-character-gear {
  height: fit-content;
  overflow: hidden;
}

.sheet-character-vehicle {
  height: fit-content;
  overflow: hidden;
}

.sheet-character-money,
.sheet-character-consumables {
  grid-column-start: 3;
  padding: 0;
  background-color: inherit;
  overflow: hidden;
}

.sheet-character-experience {
  height: 2.25em;
  grid-column-start: 3;
  overflow: hidden;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  -margin: 5px 0 0 0;
  color: #fff;
}

.sheet-input-experience {
  margin-top: 4px;
}


.sheet-character-powerpoint {
  height: fit-content;
  grid-column-start: 3;
  padding: 0;
  -border: 7px solid #000;
  border: 2px solid #000;
  background-color: inherit;
  overflow: hidden;
}

.sheet-powerpoint-grid .sheet-powerpoint-box2,
.sheet-powerpoint-grid .sheet-powerpoint-box3 {
  -padding: 0 0 10px 0;
}

.sheet-character-spells {
  display: none;
  -grid-row-start: 11;
  overflow: hidden;
}

.sheet-character-relationships {
  grid-row-start: 7;
  overflow: hidden;
}

.sheet-character-notes {
  grid-row-start: 8;
  overflow: hidden;
}

/* ---------------------------------- Heading */

.sheet-heading-grid {
  -align-items: stretch;
  justify-self: left;
  justify-content: flex-start;
  width: 100%;
  -display: grid;
  display: flex;
  margin: 0;
  -grid-template-columns: 8em 150px 8em 150px 8em 4em;
  -grid-template-columns: auto auto auto auto auto;
  -column-gap: 1em;
  -grid-template-rows: auto auto;
}
.sheet-heading-box {
  margin: 5px 7px 5px 7px;  
  justify-self: center;
  -margin-top: -5px;
}

.sheet-heading-box .sheet-label {
  align-self: center;
  justify-self: left;
  padding-left: 1em; 
  display: inline-block;
  position: relative;
  -bottom: -5px;
  -margin-top: 20px;
}

.sheet-heading-box .sheet-input-number,
.sheet-heading-box .sheet-input {
  align-self: center;
  justify-self: center;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  min-width: 5em;
  height: 2.75em !important;
  max-height: 2.75em !important;
}

.sheet-heading-box1 {
  width: 200px;
}
.sheet-heading-box3, 
.sheet-heading-box5 {
  width: 125px;
}
.sheet-heading-box5m {
  width: 200px;
}
.sheet-heading-box4 {
  width: 200px;
}
.sheet-heading-box6 {
  width: 250px;
}


/*
input[name="attr_chartype"][value="Mutant"] ~ div.sheet-character-grid .sheet-heading-box3,
input[name="attr_chartype"][value="Mutant"] ~ div.sheet-character-grid .sheet-heading-box9,
input[name="attr_chartype"][value="Robot"] ~ div.sheet-character-grid .sheet-heading-box3,
input[name="attr_chartype"][value="Robot"] ~ div.sheet-character-grid .sheet-heading-box7 {
  display:none;
}
*/

.sheet-heading-box7,
.sheet-heading-box9 {
  -text-align: center;
  -position: relative;
  -bottom: -17px;
}

.sheet-heading-box7 .sheet-label,
.sheet-heading-box9 .sheet-label {
  -padding-left: 0;
  -bottom: 0;
}


.sheet-heading-grid div:nth-child(even),
.sheet-heading-grid div:nth-child(even) input {
  -width: 11.5em;
  -text-align: left;
  -align-self: center;
}

.sheet-heading-grid div:nth-child(odd) {
  -width: 11.5em;
  -text-align: right;
  -align-self: center;
}

/* ---------------------------------- Attributes */
.sheet-attributes-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -padding: 0 0 5px 0;
  padding: 0;
}

.sheet-attributes-grid > div:first-child {
  margin-bottom: 0.5em;
  margin-top: 0;
}

.sheet-attributes-grid > div:not(:first-child) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -margin: 0 -5px 5px -3px;
  -border-bottom: 1px solid #000; 
}

.sheet-attributes-grid > .sheet-attributes-box2,
.sheet-attributes-grid > .sheet-attributes-box6,
.sheet-attributes-grid > .sheet-attributes-box10,
.sheet-attributes-grid > .sheet-attributes-box14 {
  font-size: 1.2em;
  justify-content: space-around;
  width: 30%;
  min-width: 4.5em;
  padding-left: 0.4em;
}

.sheet-attributes-grid>.sheet-attributes-box3,
.sheet-attributes-grid>.sheet-attributes-box5,
.sheet-attributes-grid>.sheet-attributes-box7,
.sheet-attributes-grid>.sheet-attributes-box9,
.sheet-attributes-grid>.sheet-attributes-box11,
.sheet-attributes-grid>.sheet-attributes-box13,
.sheet-attributes-grid>.sheet-attributes-box15,
.sheet-attributes-grid>.sheet-attributes-box17 {
  justify-content: left;
  width: 2.5em;
}

.sheet-attributes-grid > .sheet-attributes-box4,
.sheet-attributes-grid > .sheet-attributes-box8,
.sheet-attributes-grid > .sheet-attributes-box12,
.sheet-attributes-grid > .sheet-attributes-box16 {
  -justify-content: space-between;
  width: 45%;
  min-width: 9.25em;
  align-self: center;
}

.sheet-attributes-box1 {
  width: 104%;
  -margin: -2px -5px 0 -5px;
  overflow: hidden;
}

.sheet-input-span {
  font-size: 18px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin: 0 0 0 -3px;
  padding: 0 0 5px 0;
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  color: #555;
  cursor: help;

}

.sheet-attributes-grid button[type="action"] {
  width: 80%;
  height: 1.65em;
  padding: 0;
  -font-size: .875em;
}

/* -----------------------------------Monster Tab layout */

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-character-grid,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-character-grid {
  grid-template-columns: 32% 32% 35%;
  margin: 20px 0 0 0;
  -padding: 0;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-character-attributes,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-character-attributes {
    -height: fit-content;
    -width: 100%;
    grid-column: 1/3;
    grid-row-start: 1;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 4em auto;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-monster-stat1,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-monster-stat1 {
    -height: fit-content;
    margin: 0;
    width: 100%;
    height: 4em;
    grid-column: 1/span 2;
    grid-row-start: 1;
    display: flex;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-attributes-grid,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-attributes-grid {
    -height: fit-content;
    padding: 0;
    width: 100%;
    grid-column: 1/span 2;
    grid-row-start: 2;
}

input.sheet-tab[value="monster"] ~ div.sheet-character div.sheet-attributes-box1 h1,
input.sheet-monster_only:checked ~ div.sheet-character div.sheet-attributes-box1 h1 {
    display: none;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-monster-features,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster-features {
  grid-column: 1/3;
  grid-row-start: 2;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-character-weapons,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-character-weapons {
  grid-column: 1/3;
  grid-row-start: 3;
}

input.sheet-tab[value="monster"]
  ~ div.sheet-character
  .sheet-box.sheet-character-skill-dice-box,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-box.sheet-character-skill-dice-box {
  display: grid;
  padding: 0;
  margin: 0 0 0 0;
  border: none;
  grid-column-start: 3;
  grid-row-end: span 10;
  grid-row-start: 1;
  grid-row-gap: 4px;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-monster-description,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-monster-description {
    grid-column: 1;
    grid-row-start: 1;
    width: 95%;
}

.sheet-monster-description textarea {
  margin: 3px 8px 3px 3px;
  width: 95%;
  min-height: 5em;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-character-dice_pool,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-character-dice_pool {
    grid-column: 1;
    grid-row-start: 2;
    width: 95%;
}

input.sheet-tab[value="monster"]
~ div.sheet-character 
.sheet-character-skills,
input.sheet-monster_only:checked 
  ~ div.sheet-character 
  .sheet-character-skills {
    margin-top: 2px;
    grid-column: 1;
    grid-row-start: 3;
    width: 95%;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-character-armor,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-character-armor {
  -height: fit-content;
  grid-column: 1/3;
  grid-row-start: 4;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-character-notes,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-character-notes {
  -height: fit-content;
  grid-column: 1/3;
  grid-row-start: 5;
}
/* ---------------------------------- Monster Stats */

.sheet-monster-stat1 > *[class^="sheet-monster-stats-box"] {
  display: flex;
  align-items: center;
  justify-self: center;
}

.sheet-monster-stat1 > .sheet-column-header {
  margin-top: 1.5em;
}

/*
input.sheet-monster_only:checked ~ div.sheet-character .sheet-attributes-grid {
  margin: 0;
  padding: 0 1em 0 1em;
  width: 37em;
  float: right;
}

input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-attributes-grid
  > div:not(:first-child) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 3px;
} */

input.sheet-tab[value="monster"]
  ~ div.sheet-character
  .sheet-attributes-box8
  input.sheet-biohaz,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-attributes-box8
  input.sheet-biohaz,
input.sheet-tab[value="monster"]
  ~ div.sheet-character
  .sheet-attributes-box12
  input.sheet-biohaz,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-attributes-box12
  input.sheet-biohaz,
input.sheet-tab[value="monster"]
  ~ div.sheet-character
  .sheet-attributes-box16
  input.sheet-biohaz,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-attributes-box16
  input.sheet-biohaz {
  -margin: -10px -28px -10px -10px;

}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-monster-stat1,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-monster-stat1 {
  -display: grid;
  display: flex;
  width: 100%;
  -padding: 0 2px 0 2px;
  -margin: 0 -6px 0 -6px;
  -row-gap: 2px;
  -grid-template-columns: 4em 7em auto 3em 3em 8em 4em 4em auto;
}

.sheet-monster-stat1 input[type="text"].sheet-header-h1 {
  font-size: 1.65em;
  width: 38%;
  height: 1.35em;
  margin: -15px 0 0 0;
  padding: 0;
  color: #333;
  background-color: white;
}

.sheet-monster-stats-box1 {
  height: 4em;
  margin: 0;
  -grid-column: 1/10;
  -grid-row-start: 1;
  width: 100%
}

/* .sheet-monster-stats-box2 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-monster-stats-box3 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-monster-stats-box4 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-monster-stats-box5 {
  grid-column-start: 4;
  grid-row-start: 1;
  justify-self: right;
}

.sheet-monster-stats-box6 {
  grid-column-start: 5;
  grid-row-start: 1;
  justify-self: left;
}

.sheet-monster-stats-box6 span::before {
  content: "/";
  padding: 0 2px 0 0;
}

.sheet-monster-stats-box7 {
  grid-column-start: 6;
  grid-row-start: 1;
}

.sheet-monster-stats-box8 {
  grid-column-start: 7;
  grid-row-start: 1;
}

.sheet-monster-stats-box9 {
  grid-column-start: 8;
  grid-row-start: 1;
}

.sheet-monster-stats-box10 {
  grid-column-start: 9;
  grid-row-start: 1;
}

.sheet-monster-stats-box11 {
  width: 3em;
  grid-column-start: 1;
  grid-row-start: 2;
}

.sheet-monster-stats-box12 {
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-monster-stats-box13 {
  grid-column-start: 3;
  grid-row-start: 2;
}

.sheet-monster-stats-box14 {
  width: 3em;
  grid-column-start: 4;
  grid-row-start: 2;
}

.sheet-monster-stats-box15 {
  grid-column-start: 5;
  grid-row-start: 2;
}

.sheet-monster-stats-box16 {
  grid-column-start: 6;
  grid-row-start: 2;
}

.sheet-monster-stats-box17 {
  grid-column-start: 7;
  grid-row-start: 2;
}

.sheet-monster-stats-box18 {
  grid-column-start: 8;
  grid-row-start: 2;
}

.sheet-monster-stats-box19 {
  grid-column-start: 9;
  grid-row-start: 2;
} */

/* ---------------------------------- Monster Attacks */

/*rep-items counter*/
.sheet-repeating-fields {
  counter-reset: sheet-rep-items 0;
}

input[type="checkbox"].sheet-counted:checked + span::before {
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  top: -3px;
  left: 0;
  content: counter(sheet-rep-items) " ";
  counter-increment: sheet-rep-items;
  color: #000;
}

input.sheet-tab[value="monster"]
~ div.sheet-character
.sheet-monster-features-grid,
input.sheet-monster_only:checked
  ~ div.sheet-character
  .sheet-monster-features-grid {
  display: grid;
  column-gap: 1px;
  row-gap: 2px;
  grid-template-columns: 7em auto 2.5em 2.5em 5em 3em;
  
}

.sheet-monster-features-box {
  grid-column: 1/7;
  grid-row-start: 1;
}

.sheet-monster-features-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-monster-features-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
  width: 98%
}

.sheet-monster-features-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-monster-features-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-monster-features-box5 {
  grid-column-start: 5;
  grid-row-start: 1;
}

.sheet-monster-features-box6 {
  grid-column-start: 6;
  grid-row-start: 1;
}

.sheet-monster-features-box7 {
  grid-column-start: 7;
  grid-row-start: 1;
}

.sheet-monster-features-box8 {
  grid-column: 1/7;
  grid-row-start: 2;
  margin-left: 5px;
  background-color: inherit;
}

/* -----------------------------------NPC Tab layout */

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-grid {
  grid-template-columns: auto auto 22em;
  margin: -4px 0 0 0;
  padding: 0;
}

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-heading {
  height: fit-content;
  grid-column: 1/3;
  grid-row-start: 1;

}

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-attributes {
  height: fit-content;
  grid-column: 1/2;
  grid-row-start: 2;
}

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-appearance {
  grid-column: 3;
  grid-row-start: 2;
  border: none;
}
input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-weapons {
  grid-column: 1/2;
  grid-row: 3;
  border: none;
}
input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-armor {
  grid-column: 1/2;
  grid-row: 4;
  border: none;
}

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-skills {
  margin-top: 2px;
  grid-column: 1;
  grid-row-start: 5;
}

input.sheet-npc_only:checked
  ~ div.sheet-character
  .sheet-box.sheet-character-skill-dice-box {
  display: grid;
  padding: 0;
  margin: 0 0 0 0;
  border: none;
  grid-column: 2;
  -grid-column-start: 1;
  grid-row-end: span 4;
  grid-row-start: 5;
}

input.sheet-npc_only:checked
  ~ div.sheet-character
  .sheet-character-dice_pool {
  grid-column-start: 2;
  grid-row: span 2;
  grid-row-start: 4;
}

input.sheet-npc_only:checked ~ div.sheet-character .sheet-character-column3 {
  height: fit-content;
  grid-column-start: 3;
  grid-row-start: 5;
}

/* ---------------------------------- Details */

.sheet-details-grid {
  display: grid;
  padding: 2em 0 2em 0;
  column-gap: 2px;
  row-gap: 1em;
  grid-template-columns: auto 2em 3em auto;
  grid-template-rows: auto auto auto;
  align-items: center;
}

.sheet-details-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.sheet-details-grid > div textarea {
  height: 100%;
}

.sheet-details-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-details-box2 {
  grid-column: 2/6;
  grid-row-start: 1;
}

.sheet-details-box3 {
  grid-column-start: 1;
  grid-row-start: 2;
}

.sheet-details-box4 {
  grid-column: 2/6;
  grid-row-start: 2;
}

.sheet-details-box5 {
  grid-column-start: 1;
  grid-row-start: 3;
}

.sheet-details-box6 {
  grid-column: 2/4;
  grid-row-start: 3;
}

.sheet-details-box7 {
  grid-column-start: 4;
  grid-row-start: 3;
  margin: 0 0 0 -5px;
}

.sheet-details-box8 {
  grid-column-start: 5;
  grid-row-start: 3;
  margin: 0 0 0 -5px;
}

/* ---------------------------------- Appearance */

.sheet-appearance-grid {
  display: grid;
  padding: 0;
  column-gap: 2px;
  row-gap: 10px;
  grid-template-columns: 5em auto;
  grid-template-rows: 3em auto auto auto;
}

.sheet-appearance-grid > div:first-child {
  -padding: 0 -10px 0 -10px;
}

.sheet-appearance-grid > .sheet-appearance-box {
  display: flex;
  -align-items: flex-start;
  justify-content: space-evenly;
}

.sheet-appearance-grid .sheet-label {
  padding-top: 8px;
}

.sheet-appearance-grid > div textarea {
  height: 100%;
}

.sheet-chassis-grid div .sheet-input-textarea,
.sheet-appearance-grid div .sheet-input-textarea {
  height: 3.5em;
  min-height: 3em;
  margin-right: 5px;
}

.sheet-appearance-box1 {
  grid-column: 1/3;
  grid-row-start: 1;
}

.sheet-appearance-box2 {
  grid-row-start: 2;
}

.sheet-appearance-box3 {
  grid-row-start: 2;
}

.sheet-appearance-box4 {
  grid-row-start: 3;
}

.sheet-appearance-box5 {
  grid-row-start: 3;
}

.sheet-appearance-box6 {
  grid-row-start: 4;
}

.sheet-appearance-box7 {
  grid-row-start: 4;
}

.sheet-chassis-box {
  padding: 0px 8px 0px 10px;
}
.sheet-chassis-box .sheet-label {
  padding-left: 10px;
  padding-top: 0;
}
.sheet-chassis-box1 {
  grid-row-start: 1;
  grid-column: 3/5;
}
.sheet-chassis-box2 {
  grid-row-start: 2;
  grid-column-start: 3;
}
.sheet-chassis-box3 {
  grid-row-start: 2;
  grid-column-start: 4;
}
.sheet-chassis-box4 {
  grid-row-start: 3;
  grid-column-start: 3;
}
.sheet-chassis-box5 {
  grid-row-start: 3;
  grid-column-start: 4;
}
.sheet-chassis-box6 {
  grid-row-start: 4;
  grid-column-start: 3;
}
.sheet-chassis-box7 {
  grid-row-start: 4;
  grid-column-start: 4;
}

/* ---------------------------------- Conditions */

.sheet-conditions-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 4px;
  -padding-top: 6px;
  margin: 0 10px 5px 10px;
  align-content: center;
}

.sheet-conditions-grid > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.sheet-conditions-grid > div input.sheet-xbox {
  transform: none;
}

.sheet-conditions-box2 {
  grid-column-start: 1;
  grid-row-start: 2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-conditions-box3 {
  grid-column-start: 1;
  grid-row-start: 3;
  font-size: 0.8em;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 3px;
}

.sheet-conditions-box4 {
  grid-column-start: 2;
  grid-row-start: 2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-conditions-box5 {
  grid-column-start: 2;
  grid-row-start: 3;
  font-size: 0.8em;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 3px;
}

.sheet-conditions-box6 {
  grid-column-start: 3;
  grid-row-start: 2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-conditions-box7 {
  grid-column-start: 3;
  grid-row-start: 3;
  font-size: 0.8em;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 3px;
}

.sheet-conditions-box8 {
  grid-column-start: 4;
  grid-row-start: 2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-conditions-box9 {
  grid-column-start: 4;
  grid-row-start: 3;
  font-size: 0.8em;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 3px;
}

input.sheet-conditions-hungry:checked ~ div > span.sheet-conditions-hungry,
input.sheet-conditions-sleepy:checked ~ div > span.sheet-conditions-sleepy,
input.sheet-conditions-thirsty:checked ~ div > span.sheet-conditions-thirsty,
input.sheet-conditions-cold:checked ~ div > span.sheet-conditions-cold {
  -font-weight: bold;
  -color: #a60100;
  color: #eee;
}

input.sheet-conditions-hungry:checked ~ div.sheet-conditions-hungry,
input.sheet-conditions-sleepy:checked ~ div.sheet-conditions-sleepy,
input.sheet-conditions-thirsty:checked ~ div.sheet-conditions-thirsty,
input.sheet-conditions-cold:checked ~ div.sheet-conditions-cold {
  background-color: #a60100;
}

/* ---------------------------------- Critical Injuries */

.sheet-injuries-grid {
  display: grid;
  padding: 0 0 2px 0;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: 1fr 6em 6em 2fr 8em;
}

.sheet-injuries-box1 {
  grid-column: 1/6;
  grid-row-start: 1;
}

.sheet-injuries-box2 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-injuries-box3 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-injuries-box4 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-injuries-box5 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-injuries-box6 {
  grid-column-start: 5;
  grid-row-start: 1;
}

.sheet-injuries-box7 {
  grid-column: 1/6;
  grid-row-start: 2;
}

.sheet-injuries-box8 {
  grid-column-start: 1;
}

.sheet-injuries-box13 {
  display: none;
}

/* ---------------------------------- Weapons */

.sheet-weapons-grid {
  display: grid;
  -padding: 0 0 2px 0;
  column-gap: 2px;
  -row-gap: 2px;
  grid-template-columns: auto 4em 2.25em 4px 2.25em 2.25em 4px 2.25em 2.25em 2.25em 2.25em 4px 2.25em 2.25em 2.25em 4px 2em 2em;
}

.sheet-weapons-box0 {
  grid-column: 1/19;
  grid-row-start: 1;
}

.sheet-weapons-box-header {
  grid-column: 1/5;
  grid-row-start: 1;
}

.sheet-weapons-box-skill {
  grid-column: 5/7;
  grid-row-start: 1;
}

.sheet-weapons-box-gear {
  grid-column: 8/12;
  grid-row-start: 1;
}

.sheet-weapons-box-damage {
  grid-column: 12/15;
  grid-row-start: 1;
}

.sheet-weapons-box.sheet-readonly.sheet-separator {
  line-height: 100%;
  font-size: 2.25em;
  align-self: center;
  padding-bottom: 2px;
  color: #999;
}

.sheet-weapons-box1 { grid-row-start: 1; grid-column-start: 18; }
.sheet-weapons-box2 {  grid-row-start: 1; grid-column-start: 17; }
.sheet-weapons-box3 {  grid-row-start: 1; grid-column-start: 1; }
.sheet-weapons-box4 {  grid-row-start: 1; grid-column-start: 2; }
.sheet-weapons-box5 {  grid-row-start: 1; grid-column-start: 3; }
.sheet-weapons-box6 {  grid-row-start: 1; grid-column-start: 4; }
.sheet-weapons-box7 {  grid-row-start: 1; grid-column-start: 5; }
.sheet-weapons-box8 {  grid-row-start: 1; grid-column-start: 6; }
.sheet-weapons-box9 {  grid-row-start: 1; grid-column-start: 7; }
.sheet-weapons-box11 { grid-row-start: 1; grid-column-start: 8; justify-self: right; }
.sheet-weapons-box12 { grid-row-start: 1; grid-column-start: 9; justify-self: left; }
.sheet-weapons-box13 { grid-row-start: 1; grid-column-start: 10; }
.sheet-weapons-box14 { grid-row-start: 1; grid-column-start: 11; }
.sheet-weapons-box16 { grid-row-start: 1; grid-column-start: 12; }
.sheet-weapons-box17 { grid-row-start: 1; grid-column-start: 13; }
.sheet-weapons-box18 { grid-row-start: 1; grid-column-start: 14; }
.sheet-weapons-box19 { grid-row-start: 1; grid-column-start: 15; }
.sheet-weapons-box20 { grid-row-start: 1; grid-column-start: 16; }

.sheet-weapons-box12 span::before {  content: "/";  padding: 0 2px 0 2px; }

.sheet-weapons-box-repeating {
  grid-column: 1/19;
  -grid-row-start: 2;
}

.sheet-weapons-box30 {
  grid-column-start: 1;
}

.sheet-weapons-box33,
.sheet-weapons-box37,
.sheet-weapons-box47 {
  align-self:center;
  justify-self: center;
  -margin-right: 5px;
}

.sheet-weapons-subgrid {
  grid-column: 1/19;
  grid-row-start: 3;
  display: grid;
  grid-template-columns: 3em 2.25em 4em 4em 2.5em 2.25em 3em 1em 5em auto 0;
  padding: 0 0 8px 45px;
  column-gap: 6px;
  font-size: 0.9em;
  justify-items: center;
  align-items: baseline;
}

.sheet-weapons-box71 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-weapons-box71, 
.sheet-weapons-box73,
.sheet-weapons-box75,
.sheet-weapons-box77,
.sheet-weapons-box79 {
  justify-self: flex-end;
}

/* ----------------------------------Skill and Dice Pool grids */

.sheet-character-skills .repcontrol,
.sheet-character-skills .itemcontrol {
  display: flex;
  justify-content: flex-start;
  float: left;
}
.sheet-character-skills .repcontainer .repitem .itemcontrol .repcontrol_del {
  -position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1000;
}
.sheet-character-skills .repcontainer .repitem .itemcontrol .repcontrol_move {
  -position: absolute;
  right: 35px;
  top: 2px;
  z-index: 1000;
}

.sheet-dice-header {
  grid-area: sheet-dice-header;
}

.sheet-character-skills {
  margin-right: 5px;
}

.sheet-dice_pool-grid {
  display: grid;
  grid-template-areas: "sheet-dice-header sheet-dice-header sheet-dice-header" "sheet-dice-base sheet-dice-skill sheet-dice-gear" "sheet-dice-rolls sheet-dice-rolls sheet-dice-rolls" "sheet-dice-preset sheet-dice-preset sheet-dice-preset" "sheet-dice-footer sheet-dice-footer sheet-dice-footer";
  grid-template-columns: 1fr 1fr 1fr;
}

.sheet-character-skill-total {
  justify-self: right;
}

.sheet-dice-base {
  display: grid;
  margin: 2px 0 0 0;
  padding: 2px 2px 0 2px;
  text-align: center;
  border: 1px solid #000;
  -background-color: white;
  background-color: rgb(209, 201, 112);
  grid-area: sheet-dice-base;
  grid-template-areas: "sheet-dice-base-header sheet-dice-base-header" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2" "sheet-dice-base-col1 sheet-dice-base-col2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.sheet-dice-base-header {
  grid-area: sheet-dice-base-header;
}

.sheet-dice-base-col2 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-base-col2;
}

.sheet-dice-base-col1 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-base-col1;
}

.sheet-dice-skill {
  display: grid;
  margin: 2px 0 0 0;
  padding: 2px 2px 0 2px;
  text-align: center;
  -color: #fff;
  color: #000;
  border: 1px solid #000;
  -background-color: #db5f5f;
  background-color: #57aa57;
  grid-area: sheet-dice-skill;
  grid-template-areas: "sheet-dice-skill-header sheet-dice-skill-header" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2" "sheet-dice-skill-col1 sheet-dice-skill-col2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.sheet-dice-skill-header {
  grid-area: sheet-dice-skill-header;
}

.sheet-dice-skill-col2 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-skill-col2;
}

.sheet-dice-skill-col1 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-skill-col1;
}

.sheet-dice-gear {
  display: grid;
  margin: 2px 0 0 0;
  padding: 2px 2px 0 2px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  background-color: #404040;
  grid-area: sheet-dice-gear;
  grid-template-areas: "sheet-dice-gear-header sheet-dice-gear-header" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2" "sheet-dice-gear-col1 sheet-dice-gear-col2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2.5em 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.sheet-dice-gear-header {
  grid-area: sheet-dice-gear-header;
}

.sheet-dice-gear-col2 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-gear-col2;
}

.sheet-dice-gear-col1 {
  display: flex;
  flex-direction: column;
  grid-area: sheet-dice-gear-col1;
}

.sheet-dice-artifact {
  display: none;
  -display: grid;
  grid-area: sheet-dice-artifact;
  grid-template-areas: "sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header sheet-dice-artifact-header" "sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls sheet-dice-artifact-rolls";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 2.5em 2em;
}

.sheet-dice-artifact-header {
  margin: 5px 0 0 0;
  text-align: center;
  grid-area: sheet-dice-artifact-header;
}

.sheet-dice-artifact-rolls {
  display: flex;
  flex-flow: row;
  justify-content: space-evenly;
  height: 0.5em;
  margin: -5px 0 0 0;
  background-color: black;
  grid-area: sheet-dice-artifact-rolls;
}

.sheet-dice-rolls {
  display: grid;
  justify-content: space-between;
  -margin-top: 10px;
  padding: 10px;
  grid-area: sheet-dice-rolls; 
  grid-template-areas: "sheet-dice-rolls1 sheet-dice-rolls2";
  grid-template-columns: 1fr 1fr;
}

.sheet-dice-rolls1 {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  -margin-top: 10px;
  -padding: 10px;
  grid-area: sheet-dice-rolls1; 
  grid-template-areas: "sheet-dice-rolls-roll sheet-dice-rolls-push";
}
.sheet-dice-rolls button {
  max-height: 20px; 
}
.sheet-dice-rolls2 {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  -margin-top: 10px;
  -padding: 10px;
  grid-area: sheet-dice-rolls2;
  grid-template-areas: "sheet-dice-rolls-d66" "sheet-dice-rolls-d666" "sheet-dice-rolls-init";
}

.sheet-dice-rolls-roll {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 10px;
  grid-area: sheet-dice-rolls-roll;
}

.sheet-dice-rolls-push {
  display: flex;
  justify-content: flex-start;
  grid-area: sheet-dice-rolls-push;
}

.sheet-dice-rolls-init {
  display: flex;
  justify-content: flex-end;
  grid-area: sheet-dice-rolls-init;
}

.sheet-dice-rolls-d66 {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 5px;
  grid-area: sheet-dice-rolls-d66;
}

.sheet-dice-rolls-d666 {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 5px;
  grid-area: sheet-dice-rolls-d666;
}

.sheet-dice-rolls-smaller {
  height: 17px;
  font-size: 1em !important;
}

.sheet-dice-preset {
  display: grid;
  -margin-top: 10px;
  grid-area: sheet-dice-preset;
  grid-template-areas: "sheet-dice-preset-header" "sheet-dice-preset-preset";
  justify-items: center;
}

.sheet-dice-preset-header {
  grid-area: sheet-dice-preset-header;
}

.sheet-dice-preset-preset {
  grid-area: sheet-dice-preset-preset;
  text-align: center;
  border-width: 0 1px 1px 1px;
}

.sheet-dice-preset-preset::before,
.sheet-dice-preset-preset::after {
  margin-right: 2px;
  content: "‟";
}

.sheet-dice-preset-preset::after {
  margin-left: 2px;
  content: "”";
}

.sheet-dice-footer {
  display: grid;
  margin: 10px 0 10px 0;
  grid-area: sheet-dice-footer;
  grid-template-areas: "sheet-dice-footer-clear . sheet-dice-footer-api";
  grid-template-columns: auto;
  grid-template-rows: 2.25em;
  justify-items: center;
}

.sheet-dice-footer-clear {
  grid-area: sheet-dice-footer-clear;
}

.sheet-dice-footer-api {
  margin: 0 0 2px 0;
  grid-area: sheet-dice-footer-api;
}

.sheet-api-toggle-show:checked .sheet-dice-footer-api {
  background: #a60100; 
}

/* ---------------------------------- Experience */

.sheet-experience-grid {
  display: grid;
  margin-right: -1px;
  grid-template-columns: 4.25fr 2.2em 1fr;
  background: transparent;
}

.sheet-experience-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
  -width: 104%;
}

.sheet-experience-box1 h1 {
  margin: 0 12px 0 0;

}

.sheet-experience-box2 {
  z-index: 1;
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-experience-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-experience-grid .sheet-header > .sheet-input {
  z-index: 1;
}

.sheet-experience-grid .sheet-header > h1 {
  margin: 0;
}

/* ---------------------------------- Power */

.sheet-powerpoint-grid {
  display: grid;
  grid-template-columns: auto 3em;
  overflow: hidden;
  -width: 100%;
}

.sheet-powerpoint-box1 {
  grid-column: 1/3;
  grid-row-start: 1;
  margin: 0; 
}

.sheet-powerpoint-box2 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 3em;
  grid-column: 1/2;
  grid-row-start: 2;
}

.sheet-powerpoint-box2 input[type="radio"] {
  margin: 4px 5px 3px 2px; 
  width: 0.95em; 
  height: 0.95em;
  align-self: center;
}

.sheet-powerpoint-box2 input[type="radio"].sheet-xbox-null {
  margin-left: 8px; 
}

.sheet-powerpoint-box3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-powerpoint-box3 span {
  -margin: 0 3px 0 3px;
}

/* ---------------------------------- Talents */

.sheet-talents-grid {
  display: grid;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: auto 4em 3em;
  -grid-template-columns: auto 4em;
}

.sheet-talents-box {
  grid-column: 1/4;
  grid-row-start: 1;
}

.sheet-talents-box1 {
  -grid-column-start: 1;  /* Enable to show Power level and action button */
  grid-column: 1/4;
  grid-row-start: 1;
  padding-left: 10px;
}

.sheet-talents-box2 {
  display: none; /* Remove to show Power level dropdown */
  grid-column-start: 2;
  grid-row-start: 1;
  justify-self: center;
  line-height: unset;
  padding-bottom: 0;
}

.sheet-talents-box3 {
  display: none; /* Remove to show Power action button */
  grid-column-start: 3;
  grid-row-start: 1;
  justify-self: center;
}

.sheet-talents-box4 {
  grid-column: 1/4;
  grid-row-start: 2;
}

.sheet-character-biomech .sheet-talents-box1 {
  grid-column: 1/4;
}

.sheet-character-rotpoints .sheet-talents-box1 {
  display: flex;
  gap: 8px;
  padding: 5px 8px 5px 10px;
  align-items: center;
  justify-items: right; 
  justify-content: flex-end; 
}

.sheet-character-rotpoints .sheet-powerpoint-box3 button {
  width: 15px;
  height: 22px;
}

/* input[name="attr_rot_permanent"][value="0"] ~ input:nth-of-type(1n+1) + span, */
input[name="attr_rot_permanent"][value="1"] ~ .sheet-rot1,
input[name="attr_rot_permanent"][value="2"] ~ .sheet-rot2,
input[name="attr_rot_permanent"][value="3"] ~ .sheet-rot3,
input[name="attr_rot_permanent"][value="4"] ~ .sheet-rot4,
input[name="attr_rot_permanent"][value="5"] ~ .sheet-rot5,
input[name="attr_rot_permanent"][value="6"] ~ .sheet-rot6,
input[name="attr_rot_permanent"][value="7"] ~ .sheet-rot7,
input[name="attr_rot_permanent"][value="8"] ~ .sheet-rot8,
input[name="attr_rot_permanent"][value="9"] ~ .sheet-rot9,
input[name="attr_rot_permanent"][value="10"] ~ .sheet-rot10 {
  content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/dotx_redx.png');;
}

  /* special handling for Powers boxes WITH Power levels and action buttons
  .sheet-character-talents .sheet-talents-box1 {
    grid-column: 1/3;
  }
  .sheet-character-talents .sheet-talents-box2 {
    grid-column: 3;
  }
  .sheet-character-talents .sheet-talents-box3 {
    display: block;
  } */

  /* special handling for Talent box  */
.sheet-character-talents .sheet-talents-box1 {
  grid-column: 1/3;
}
.sheet-character-talents .sheet-talents-box2 {
  display: block;
  grid-column: 3;
  padding-top: 1.75em;
}
.sheet-character-talents select.sheet-talents-box2 {
  padding-top: 0;
}
.sheet-character-talents .sheet-talents-box3 {
  display: none;
}

/* ---------------------------------- Skills */
.sheet-skills-row {
  margin: 0;
  padding: 2px 0 2px 0;  
}

.sheet-skills-header-row {
  margin: 0;
  justify-content: unset !important;
  background-color: transparent;
}

.sheet-skills-header-row .sheet-column-header {
  margin-top: 20px;
}

.sheet-skills-row select.sheet-input, .sheet-skills-row input.sheet-input-number {
  -min-width: 2.5em;
  -max-width: 2.5em;
  height: 2.25em
}

.sheet-skills-row button {
  padding-left: 0;
  padding-right: 0;
}

/* list ordering of skills by attribute group */
.sheet-skills-grid {
  display: flex;
  flex-direction: column;
}

/* Skill re-ordering  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(2) { order: 8;} /* Comprehend  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(3) { order: 1;} /* Endure  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(4) { order: 3;} /* Fight  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(5) { order: 2;} /* Force  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(6) { order: 12;} /* Heal  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(7) { order: 9;} /* Know the Zone  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(8) { order: 11;} /* Manipulate  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(9) { order: 5;} /* Move  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(10) { order: 7;} /* Scout  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(11) { order: 10;} /* Sense emotion  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(12) { order: 6;} /* Shoot  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(13) { order: 4;} /* Sneak  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(14) { order: 13;} /* Profession  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(15) { order: 14;} /* Profession  */
.sheet-skill-order-group:checked ~ .sheet-skills-grid span.sheet-skills-row:nth-of-type(16) { order: 15;} /* Profession  */
/* end list order */

/* .sheet-skills-grid>span, */
.sheet-skills-row {
  -position: relative;
  display: grid;
  padding: 1px 0 1px 0;
  column-gap: 2px;
  row-gap: 0;
  grid-template-columns: auto 2.25em 2.5em 2.5em 2.5em 2.5em;
  -align-items: center;
}

/* .sheet-skills-grid > span > div,
.sheet-skills-row > div {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 0;
  height: auto;
  width: 103%;
} */

.sheet-skill-name {
  font-size: 15px;
  align-self: center;
  margin-left: 4px;
  -max-width: 95px;
  -min-width: 95px;
  width: 100%;
  max-height: 2.25em;
  padding: 5px;
}
.sheet-skill-attribute {
  align-self: center;
  text-align: center;
  margin-left: -8px;
  max-width: 95px;
  max-height: 2.25em;
}

.sheet-skills-grid button {
  text-align: center;
  -padding-left: 0.8em;
}

input.sheet-tab[value="monster"] ~ div.sheet-character .sheet-skills-grid button,
input.sheet-monster_only:checked ~ div.sheet-character .sheet-skills-grid button {
  padding-left: 2px;
}

.sheet-skills-box1 {
  -grid-column: 1/6;
  grid-row-start: 1;
  -grid-template-columns: auto 2em 2em 2em 2em 2em;
  -background-color: #000;
}
.sheet-skills-box1 h1 {
  justify-content: flex-end;
}

.sheet-skills-box-base {
  -grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-skills-box2 {
  -grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-skills-box3 {
  -grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-skills-box4 {
  -grid-column-start: 5;
  grid-row-start: 1;
}

.sheet-skills-box5 {
  -grid-column-start: 6;
  grid-row-start: 1;
}

div.sheet-repeating-skill-grid {
  grid-column: 1 / 7;
  background-color: #ead3b8;
}

div.sheet-repeating-skill-grid select {
  width: 100%;
}

div.sheet-repeating-skill-grid span {
  -grid-template-columns: auto 2.5em 1em 2.5em 2.5em 2.5em 2.5em;
  -text-align: center;
}

div.sheet-repeating-skill-grid button {
  font-size: 24px;
    color: #555;
    justify-self: center;
    line-height: .85em;
    width: 1em;
    display: flex;
    justify-content: center;
    padding: 0;
}

div.sheet-repeating_skills .sheet-input-skills-base-attr {
  border: 0;
}

.sheet-skills-row .sheet-skills-row2 {
  grid-column: 1/7;
  grid-row-start: 2;
  grid-template-columns: 100%;
}

.sheet-skills-row2-header {
  display: grid;
  grid-template-columns: auto 2em 2em 2em 2em;
  background-color: #000;
  height: 1.1em;
}

.sheet-skills-row2-body {
  display: grid;
  grid-row-start: 2;
  grid-template-columns: auto 2em 2em 2em 2em;
}

.sheet-skills-box6 {
  grid-column-start: 1;
  grid-row-start: 1;
  padding: 0px 0 4px 0;
  margin: -15px 0 0 0;
}

.sheet-skills-box7 {
  -grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-skills-box8 {
  -grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-skills-box9 {
  -grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-skills-box10 {
  -grid-column-start: 5;
  grid-row-start: 1;
}


/* ---------------------------------- Armor */

.sheet-armor-container {
  -display: grid;
  padding-bottom: 2px;
  -grid-template-columns: auto;
}

.sheet-armor-grid {
  display: grid;
  padding-bottom: 2px;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: auto 3em 3em 3em 3em 3em 3em 8em 3em;
  -grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
  -justify-items: center;
  -align-items: baseline;
}

/*
.sheet-armor-row2 {
  display: grid;
  justify-self: end;
  padding-bottom: 2px;
  column-gap: 4px;
  row-gap: 2px;
  grid-template-columns: auto 3em 3em 3em 3em 3em 3em 3em 6em;
  justify-items: right;
  align-items: baseline;
} */

.sheet-armor-subgrid {
  display: grid;
  align-items: center;
  height: 3em;
  column-gap: 2px;
  grid-template-columns: auto auto auto auto auto auto;
}

.sheet-armor-subgrid > span {
  display: flex;
}

.sheet-armor-box {
  grid-column: 1/10;
  grid-row-start: 1;
}

.sheet-armor-box-header {
  grid-column: 1/10;
  grid-row-start: 1;
}

.sheet-armor-box1 {
  grid-column: 1;
  grid-row-start: 1;
}

.sheet-armor-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
  justify-self: right;
}

.sheet-armor-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
  justify-self: left;
}

.sheet-armor-box3 span::before {
  content: "/";
  padding: 0 2px 0 0;
}

.sheet-armor-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-armor-box5 {
  grid-column-start: 5;
  grid-row-start: 1;
}

.sheet-armor-box6 {
  grid-column-start: 6;
  grid-row-start: 1;
}

.sheet-armor-box7 {
  grid-column-start: 7;
  grid-row-start: 1;
}

.sheet-armor-box8 {
  grid-column-start: 8;
  grid-row-start: 1;
}

.sheet-armor-box9 {
  grid-column-start: 9;
  grid-row-start: 1;
}

/* Container for repeating armor */
.sheet-armor-box10 {
  grid-column: 1/10;
  grid-row-start: 2;
  position: relative;

  
  justify-items: right;
  align-items: baseline;
}

.sheet-armor-ar {
  -grid-column: 1/10;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 0;
  height: 36px;
  padding: 3px;
  text-align: right;
  margin-bottom: -2px;
}
.sheet-armor-box-ar {
  display: flex;
  margin-right: 10px;
}

.sheet-armor-button {
  color: #555;
  height: 30px;
  width: 30px;
  font-size: 20px;
  justify-self: center;
  align-self: center;
  line-height: .80em;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 12px;
}



/* ---------------------------------- Consumables */

.sheet-consumables-grid {
  display: grid;
  row-gap: 2px;
  grid-template-columns: auto 3.25em 0.2em auto 3.25em 0.2em;
  padding-bottom: 8px;
}

.sheet-consumables-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sheet-consumables-grid ~ span.header-h1 {
  text-align: right;
  margin-right: 10px;
}

.sheet-consumables-icon {
  -display: none;
  height: 45px;
  width: 45px;
}
.sheet-consumables-food {
  -content: url('https://github.com/dwarfwing/MutantYearZeroRW/blob/main/Mutant%20Year%20Zero/images/grub-blk.png');
  content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/grub-blk.png'); 
}
.sheet-consumables-water {
  -content: url('https://github.com/dwarfwing/MutantYearZeroRW/blob/main/Mutant%20Year%20Zero/images/water-blk.png');
  content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/water-blk.png');
}
.sheet-consumables-epacks {
  -content: url('https://github.com/dwarfwing/MutantYearZeroRW/blob/main/Mutant%20Year%20Zero/images/battery-blk.png');
  content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/battery-blk.png');
}
.sheet-consumables-bullets {
  -content: url('https://github.com/dwarfwing/MutantYearZeroRW/blob/main/Mutant%20Year%20Zero/images/bullet-blk.png');
  content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/bullet-blk.png');
}
input[name="attr_consumables-icons"]:checked ~ div .sheet-consumables-icon,
input[name="attr_consumables-icons"]:not(:checked) ~ div .sheet-consumables-label {
  display: block;
}
input[name="attr_consumables-icons"]:not(:checked) ~ div .sheet-consumables-icon,
input[name="attr_consumables-icons"]:checked ~ div .sheet-consumables-label {
  display: none;
}

.sheet-consumables-box {
  grid-column: 1/7;
  grid-row-start: 1;
}

.sheet-consumables-box1 {
  grid-column-start: 2;
  grid-row-start: 1;
  align-content: flex-end;
}

.sheet-consumables-box2 {
  grid-column-start: 5;
  grid-row-start: 1;
  align-content: flex-end;
}
/*
.sheet-consumables-box3 {
  grid-column-start: 1;
  grid-row-start: 2;
}*/

.sheet-consumables-box4 {
  grid-column-start: 1;
  grid-row-start: 2;
  align-content: flex-end;
  justify-content: flex-end !important;
}

.sheet-consumables-box5 {
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-consumables-box6 {
  grid-column-start: 3;
  grid-row-start: 2;
}

.sheet-consumables-box7 {
  grid-column-start: 4;
  grid-row-start: 2;
  align-content: flex-end;
  justify-content: flex-end !important;
}

.sheet-consumables-box8 {
  grid-column-start: 5;
  grid-row-start: 2;
}

.sheet-consumables-box9 {
  grid-column-start: 6;
  grid-row-start: 2;
}

.sheet-consumables-box10 {
  grid-column-start: 1;
  grid-row-start: 3;
  align-content: flex-end;
  justify-content: flex-end !important;
}

.sheet-consumables-box11 {
  grid-column-start: 2;
  grid-row-start: 3;
}

.sheet-consumables-box12 {
  grid-column-start: 3;
  grid-row-start: 3;
}

.sheet-consumables-box13 {
  grid-column-start: 4;
  grid-row-start: 3;
  align-content: flex-end;
  justify-content: flex-end !important;
}

.sheet-consumables-box14 {
  grid-column-start: 5;
  grid-row-start: 3;
}

.sheet-consumables-box15 {
  grid-column-start: 6;
  grid-row-start: 3;
}

/* ---------------------------------- money */

.sheet-money-grid {
  display: grid;
  margin: 0 0 0 3px;
  row-gap: 4px;
  -grid-template-columns: 7em repeat(3, 1fr);
  grid-template-columns: auto 4em auto 5em;
  grid-template-rows: auto;
  padding: 0px 5px 8px 5px;
}

.sheet-money-grid div[class$="-header"] {
  margin: 0 -7px 0 -9px;
}

.sheet-money-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sheet-money-grid input.sheet-input-number {
  min-width: 3em;
}

.sheet-money-box {
  grid-column: 1/5;
  grid-row-start: 1;
}

.sheet-money-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-money-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-money-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-money-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-money-box5 {
  grid-column-start: 1;
  grid-row-start: 2;
}

.sheet-money-box6 {
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-money-box7 {
  grid-column-start: 1;
  grid-row-start: 3;
}

.sheet-money-box8 {
  grid-column-start: 2;
  grid-row-start: 3;
}

.sheet-money-box9 {
  grid-column-start: 1;
  grid-row-start: 4;
}

.sheet-money-box10 {
  grid-column-start: 2;
  grid-row-start: 4;
}

.sheet-money-box11 {
  grid-column-start: 3;
  grid-row-start: 4;
}

.sheet-money-box12 {
  grid-column-start: 4;
  grid-row-start: 4;
}


/* ---------------------------------- Gear */

.sheet-gear-grid {
  display: grid;
  row-gap: 2px;
  column-gap: 1px;
  grid-template-columns: auto 3em 2em 4em;
  grid-template-rows: auto;
}

.sheet-gear-subgrid {
  display: grid;
  column-gap: 2px;
  grid-template-columns: 4em 3em 9em 3em;
}

.sheet-gear-subgrid > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sheet-gear-box1 {
  grid-column: 1/5;
  grid-row-start: 1;
}

.sheet-gear-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-gear-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-gear-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-gear-box5 {
  grid-column: 1/5;
  grid-row-start: 2;
  -margin: 0 10px 0 6px;
}

.sheet-gear-weight {
  display: grid;
  justify-content: end;
  grid-column: 1/5;
  column-gap: 5px;
  grid-row-start: 3;
  grid-template-columns: auto 3em;
  justify-items: end;
  padding-left: 5px;
}

.sheet-gear-weight > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 1.5em;
}

.sheet-gear-weight > div input {
  height: 1.5em;
}

.sheet-gear-box6 {
  width: 100%;
  display: grid;
  -justify-content: end;
  height: 3em;
  -padding-right: 5px;
  grid-column: 1/5;
  column-gap: 0.25em;
  grid-row-start: 4;
  grid-template-columns: auto 3em 1em auto 3em;
}


.sheet-gear-box6 span {
  color: #FFF;

}

.sheet-carry-separator {
  font-size: 2em;
}

.sheet-gear-box7 {
  grid-column: 1/2;
  grid-row-start: 1;
}

.sheet-gear-box8 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-gear-box9 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-gear-box10 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-gear-box11 {
  grid-column: 1/5;
  grid-row-start: 5;
}

.sheet-gear-subgrid2 {
  grid-column: 1/span 4;
  display: grid;
  margin-top: 2px;
  column-gap: 2px;
  grid-template-columns: auto 5em;
  justify-content: end;
  padding: 5px; 
  margin-bottom: 3px;

}

.sheet-gear-box12 {
  margin-top: 7px;
  padding-right: 5px;
}

/* ---------------------------------- Vehicle */
.sheet-vehicle-grid,
.sheet-vehiclegear-box5,
.sheet-talents-grid .sheet-talents-box4,
.sheet-gear-box5 {

  background-color: inherit;
}

.sheet-vehicle-grid {
  position: relative;
  -display: grid; /* Done above in char type traits */
  row-gap: 2px;
  -column-gap: 2px;
  grid-template-columns: 1fr 1fr;
  -grid-template-rows: auto;
  -justify-content: space-around;
  -padding-bottom: 4px;
}

.sheet-vehicle-grid .sheet-header {
  margin: 0;
  overflow: hidden;
}

.sheet-vehicle-grid > div {
  display: flex;
  align-items: center;
  -justify-self: end;
}

.sheet-vehicle-box1 {
  grid-row-start: 1;
  grid-column: 1/3;
  width: 100%;
  justify-self:stretch;
}
.sheet-vehicle-grid > div > input {
  margin: 0 6px 0 6px;
}

.sheet-vehicle-box2 {  /*Name label*/
  grid-row-start: 2;
  grid-column: 1/3;
}

.sheet-vehicle-box-desc {
  grid-row-start: 3;
  grid-column: 1/3;
  display: inline-block;
}

.sheet-vehicle-box3 { /*Bonus label*/
  grid-row-start: 4;
  grid-column-start: 1;
  justify-self: end;
}

.sheet-vehicle-box4 { /* Carry Capacity label */
  grid-row-start: 4;
  grid-column-start: 2;
  justify-self: start;
}

.sheet-vehicle-box5 {  /*Armor label*/
  grid-row-start: 5;
  grid-column-start: 1;
  justify-self: end;
}

.sheet-vehicle-box7 { /*Resilience label*/
  grid-row-start: 5;
  grid-column: 2;
  justify-self: start;
}

.sheet-vehicle-box9 { /*Fuel label*/
  grid-row-start: 6;
  grid-column-start: 1;
  justify-self: end;
}

.sheet-vehicle-box11 {  /*Fuel cap label*/
  grid-row-start: 6;
  grid-column: 2;
  justify-self: start;
}

.sheet-vehicle-box13 { /*Occupancy label*/
  grid-row-start: 7;
  grid-column-start: 1;
  justify-self: end;
}

.sheet-vehicle-box15 {  /*Seats label*/
  grid-row-start: 7;
  grid-column: 2;
  justify-self: start;
}


/* ---------------------------------- Vehicle Gear */

.sheet-vehiclegear-box {
  grid-row-start: 8;
  grid-column: 1/3; 
  display:flex;
  width: 100%;
}

.sheet-vehiclegear-grid {
  display: grid;
  row-gap: 2px;
  grid-template-columns: auto 3em 2em 3em;
  grid-template-rows: auto;
  width: 100%;
}

.sheet-vehiclegear-subgrid {
  display: grid;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: 4em 3em 9em 3em;
}

.sheet-vehiclegear-subgrid2 {
  display: grid;
  height: 2em;
  margin-top: 5px;
  grid-template-columns: 2em auto;
}

.sheet-vehiclegear-subgrid > .sheet-vehiclegear-box11 {
  display: block;
  white-space: nowrap;
}

.sheet-vehiclegear-subgrid > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* Hiding encumbrance for fuel and occupants */
.sheet-input-vehicle-advancedencumbrance:not(:checked) ~ .sheet-advanced-vehicleencumbrance {
  display: none;
}

.sheet-vehiclegear-box1 {
  grid-column: 1/5;
  grid-row-start: 1;
}

.sheet-vehiclegear-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-vehiclegear-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-vehiclegear-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-vehiclegear-box5 {
  grid-column: 1/5;
  grid-row-start: 2;
}

.sheet-vehiclegear-coin {
  grid-column: 1/5;
  grid-row-start: 3;
}

.sheet-vehiclegear-box6 {
  width: 100%;
  display: grid;
  -justify-content: end;
  overflow: hidden;
  height: 3em;
  -padding-right: 5px;
  grid-column: 1/5;
  column-gap: 0.25em;
  grid-row-start: 4;
  grid-template-columns: auto 3em 1em auto 3em;
}

.sheet-vehiclegear-box6 span {
  color: #FFF;

}

.sheet-vehiclegear-box7 {
  grid-column: 1/2;
  grid-row-start: 1;
}

.sheet-vehiclegear-box8 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-vehiclegear-box9 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-vehiclegear-box10 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-vehiclegear-box11 {
  justify-content: left;
  grid-column: 1/5;
  grid-row-start: 2;
}



/* ---------------------------------- Relationships */
.sheet-relationships-grid {
  width: 100%;
  display: grid;
  column-gap: 4px;
  row-gap: 3px;
  grid-template-columns: 9em auto 1rem;
}

.sheet-relationships-box3,
.sheet-relationships-box4,
.sheet-relationships-box5,
.sheet-relationships-box6 {
  display: flex;
  align-items: stretch;
  -justify-content: space-around;
  box-sizing: border-box;
  padding: 3px;
}
.sheet-relationships-box3 {
  justify-content: center;
  align-content:flex-start;
}

.sheet-relationships-box11,
.sheet-repeating_rpcrelations,
.sheet-repeating_npcrelations,
.sheet-relationships-box11  .sheet-repcontainer {
  grid-column: 1/4;
  width: 100%;
  display: inline-block;
  -align-items: center;
  -justify-content: center;
}

.sheet-relationships-grid-repeating {
  width: 100%;
  display: grid;
  column-gap: 4px;
  row-gap: 3px;
  grid-template-columns: 15rem auto 3rem;
}

.sheet-relationships-box1 {
  grid-column: 1/4;
  width: 100%;
  display: flex;
  -grid-row-start: 1;
}
.sheet-relationship-box1 .sheet-relationships-grid {
  width: 100%;
  display: grid;
  column-gap: 4px;
  row-gap: 3px;
  grid-template-columns: 8rem auto 1rem;
}

.sheet-relationships-box2 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-relationships-box3 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-relationships-box4 {
  grid-column-start: 2;
  grid-row-start: 1;
  padding-right: 1em;
}

.sheet-relationships-box5 {
  grid-column-start: 3;
  grid-row-start: 1;
  justify-self: center;
}

.sheet-relationships-box6 {
  grid-column: 2/4;
  grid-row-start: 1;
  padding-right: 1em;
}

/* ---------------------------------- Notes */
.sheet-notes-grid {
  display: grid;
  column-gap: 4px;
  row-gap: 3px;
  grid-template-columns: 15rem auto;
  padding-bottom: 5px;
}

.sheet-notes-grid > .sheet-notes-box3,
.sheet-notes-grid > .sheet-notes-box4,
.sheet-notes-grid > .sheet-notes-box5 {
  display: flex;
  -align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  padding: 3px;
}

.sheet-notes-box1 {
  grid-column: 1/4;
  grid-row-start: 1;
}

.sheet-notes-box2 {
  grid-column: 1/4;
  grid-row-start: 2;
  margin-top: 5px;
}

.sheet-notes-box3 {
  grid-column-start: 1;
  grid-row-start: 2;
}

.sheet-notes-box4 {
  grid-column-start: 1;
  grid-row-start: 2;
  vertical-align: top;
}

.sheet-notes-box5 {
  min-height: 2em;
  padding-right: 6px;
  grid-column-start: 2;
  grid-row-start: 2;
  vertical-align: top;
}

	  
/* ---------------------------------- Monster info */
.sheet-monster-information {
  grid-column: 1/3;
}

.sheet-information-grid {
  display: grid;
  column-gap: 4px;
  row-gap: 3px;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 5px;
}

.sheet-information-grid .sheet-information-box0,
.sheet-information-grid .sheet-heading-grid {
  grid-column: 1/3;
}

.sheet-information-grid .sheet-heading-box1 {
  width: 95%;
}

.sheet-monster-abilities {
  min-height: 2em;
  grid-column: 1/3;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sheet-monster-abilities-row {
  display: flex;
  align-items:flex-start;
  align-content: flex-start;
  justify-items: center;
  justify-content: space-around;
  padding: 5px;
}

.sheet-monster-abilities input {
  width: 35%;
  justify-self: left;
  align-self: flex-start;
}
.sheet-monster-abilities textarea {
  width: 60%; 
  justify-self: right;
  align-self: flex-start;
  height: unset;
}



/* ---------------------------------- Spells */

.sheet-spells-grid {
  display: grid;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: 2.5em auto 3em 3em 5.5em 6em 11.5em;
}

.sheet-spells-box6 > div > .sheet-input {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.sheet-spells-box {
  grid-column: 1/8;
  grid-row-start: 1;
}

.sheet-spells-box0 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-spells-box1 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-spells-box2 {
  grid-column-start: 3;
  grid-row-start: 1;
}

.sheet-spells-box3 {
  grid-column-start: 4;
  grid-row-start: 1;
}

.sheet-spells-box4 {
  grid-column-start: 5;
  grid-row-start: 1;
}

.sheet-spells-box5 {
  grid-column-start: 6;
  grid-row-start: 1;
}

.sheet-spells-box6 {
  grid-column-start: 7;
  grid-row-start: 1;
}

.sheet-spells-box7 {
  grid-column: 1/8;
  grid-row-start: 2;
}

/* -------------------------- ark grid layout */

.sheet-ark-grid {
  display: grid;
  margin: 21px 5px 0 5px;
  column-gap: 4px;
  row-gap: 4px;
  grid-template-columns: 1fr 1fr 1fr;
  -grid-template-rows: repeat(4, auto);
}

.sheet-ark-development {
  grid-row-start: 1;
  grid-column: 1/4;
}

.sheet-ark-details {
  -border: none;
  grid-column: 1;
  grid-row-start: 2;
  justify-content: space-evenly;
  justify-self: stretch;
}


.sheet-ark-bosses {
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-ark-other {
  grid-column-start: 3;
  grid-row-start: 2;
}

.sheet-ark-projects {
  grid-column: 1/4;
  grid-row-start: 3;
}

.sheet-ark-notes {
  grid-column: 1/4;
  grid-row-start: 5;
}

.sheet-ark-influence {
  grid-column: 1/4;
  grid-row-start: 4;
}

.sheet-ark-details,
.sheet-ark-development {
  background-color: lightgrey;
}

/* ---------------------------------- ark development */

.sheet-ark-development-grid {
  display: grid;
  -row-gap: 2px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-around;
  -width: 87%;
}

.sheet-ark-development-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 3px;
}

.sheet-ark-development-box1 {
  grid-column: 1/5;
  grid-row-start: 1;
}

.sheet-ark-development-subheader {
  font-size: 1.3em;  
  padding-bottom: 0.5em;
}

.sheet-ark-development-subheader1 {
  grid-column: 1;
  grid-row-start: 1;
}

.sheet-ark-development-subheader2 {
  grid-column: 2;
  grid-row-start: 1;
}

.sheet-ark-development-subheader3 {
  grid-column: 3;
  grid-row-start: 1;
}

.sheet-ark-development-subheader4 {
  grid-column: 4;
  grid-row-start: 1;
}

.sheet-ark-development-col {
  padding: 4px;
}

.sheet-ark-development-col1 {
  grid-column: 1;
  grid-row-start: 2;
}

.sheet-ark-development-col2 {
  grid-column: 2;
  grid-row-start: 2;
}

.sheet-ark-development-col3 {
  grid-column: 3;
  grid-row-start: 2;
}

.sheet-ark-development-col4 {
  grid-column: 4;
  grid-row-start: 2;
}

.sheet-ark-development-col .sheet-input-number {
  width: 3em !important;
  max-height: 2em !important;
  height: 32em !important;
  font-size: 1.3em !important;
  color: #666 !important;
}

/* ---------------------------------- ark Details */

.sheet-ark-details-grid {
  display: grid;
  row-gap: 2px;
  grid-template-columns: 1fr 1fr;
  justify-content: space-around;
  -width: 87%;
}

.sheet-ark-details-grid > div {
  -display: flex;
  align-items: center;
  justify-content: space-around;
  -width: 100%;
}

.sheet-ark-details-grid > span.sheet-ark-details-label {
  justify-self: flex-end;
  padding-right: 5px;
}

.sheet-ark-details-grid > div.sheet-ark-details-number {
  justify-self: flex-start;
  padding-left: 5px;
}

.sheet-ark-details-header {
  grid-column: 1/3;
  grid-row: 1;
  -background-color: inherit;
  width: 100%;
}

.sheet-ark-details-box {
  padding: 3px;
  display: flex;
}


.sheet-ark-details-box1 {
  grid-column-start: 1;
  grid-row-start: 2;
  width: 100%;
}

.sheet-ark-details-box2 {
  grid-column-start: 2;
  grid-row-start: 2;
}

.sheet-ark-details-box3 {
  grid-column-start: 1;
  grid-row-start: 3;
  -margin: 3.5em 0 0 0;
  width: 100%;
}

.sheet-ark-details-box4 {
  grid-column-start: 2;
  grid-row-start: 3;
  -margin: 2.5em 0 0 0;
}

.sheet-ark-details-box5 {
  grid-column-start: 1;
  grid-row-start: 4;
  width: 100%;
}

.sheet-ark-details-box6 {
  grid-column-start: 2;
  grid-row-start: 4;
  -margin: 2.5em 0 0 0;
}

.sheet-ark-details-box7 {
  grid-column-start: 1;
  grid-row-start: 5;
}

.sheet-ark-details-box8 {
  grid-column-start: 2;
  grid-row-start: 5;
}

.sheet-ark-details-box9 {
  grid-column: 1/3;
  grid-row-start: 6;
  padding: 10px;
  margin: 0 1px 0 0 ;

  background-color: inherit;
  -width: 100%;
}

.sheet-ark-details-box7 .sheet-input-textarea {
  width: 90%;
}

/* ---------------------------------- ark bosses */

.sheet-ark-bosses-grid {
  display: grid;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: auto 5em;
}

.sheet-ark-bosses-grid > div,
.sheet-ark-bosses-grid > input,
.sheet-ark-bosses-grid > textarea {
  box-sizing: border-box;
}

.sheet-ark-bosses-grid > .sheet-input-textarea {
  height: 2.25em;
}

.sheet-ark-bosses-box,
.sheet-ark-bosses-repeating {
  grid-column: 1/3;
  grid-row-start: 1;
}

.sheet-ark-bosses-subheader1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-ark-bosses-subheader2 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-ark-bosses-repeating {
  grid-row-start: 2;
}

.sheet-ark-bosses-box1 {
  grid-column: 1;
}

.sheet-ark-bosses-box2 {
  grid-column: 2;
  width: 4.5em;
}


/* ---------------------------------- ark projects */

.sheet-ark-projects {
  -display: flex;
  grid-column: 1/4;
  width: 100%;
}

.sheet-ark-projects-grid {
  display: grid;
  flex-direction: column;
  row-gap: 2px;
  column-gap: 10px;
  grid-template-columns: 180px auto 140px 90px 60px;
  width: 100%;
}

.sheet-ark-projects-grid > div,
.sheet-ark-projects-grid > span {
  -display: flex;
  align-items: center;
  justify-content: space-around;
  justify-self: stretch;
}

.sheet-ark-projects-grid > .sheet-column-header > span {
  width: 100%;
}

.sheet-ark-projects-grid .sheet-input-text,
.sheet-ark-projects-grid .sheet-input-textfield {
  justify-self: stretch !important;
}

.sheet-ark-projects-grid .sheet-input-radio,
.sheet-ark-projects-grid .sheet-input-number {
  justify-self: center !important;
}

.sheet-ark-projects-grid > span > span.sheet-label {
  width: 100%;
  text-align: center;
}

.sheet-ark-projects-col .sheet-input-checkbox {
  align-self: center;
}

.sheet-ark-projects-box {
  grid-column: 1/6;
  grid-row: 1;
}

.sheet-ark-projects-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box3 {
  grid-column-start: 3;
  grid-row-start: 1;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box4 {
  grid-column-start: 4;
  grid-row-start: 1;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box5 {
  grid-column-start: 5;
  grid-row-start: 1;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-repeating {
  width: 100%;
  grid-column: 1/6;
}

.sheet-ark-projects-box6 {
  grid-column-start: 1;
  grid-row-start: 2;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box7 {
  grid-column-start: 2;
  grid-row-start: 2;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box8 {
  grid-column-start: 3;
  grid-row-start: 2;
  width: 100%;
  -text-align: right;
}

.sheet-ark-projects-box9 {
  grid-column-start: 4;
  grid-row-start: 2;
  width: 100%;
  -text-align: right;
  display: flex;
  justify-content: center;
  justify-items: center;
}

.sheet-ark-projects-box10 {
  grid-column-start: 5;
  grid-row-start: 2;
  width: 100%;
  justify-self: center;
  align-self: center;
  -text-align: right;
}


/* ---------------------------------- ark Influence */

.sheet-ark-influence {
  -display: flex;
  grid-column: 1/4;
  width: 100%;
}
.sheet-ark-influence-grid {
  display: flex;
  flex-direction: column;

}
.sheet-ark-influence-header {
  width: 100%;
}
.sheet-ark-influence-subheaderrow {
  display: flex;
  justify-items: stretch;
}
.sheet-ark-influence-subheader {
  display: flex;
  flex-direction: row;
  justify-items: center;
  width: 20%;
  font-size: 1.3em;
  -margin-bottom: 0.5em;    
  padding-bottom: 0.5em;
}
.sheet-ark-influence-row {
  display: flex;
  flex-direction: row;
  justify-items: center;
  border-bottom: 1px solid #ccc;
  -margin-bottom: 0.2em;
}
.sheet-ark-influence-row span {
  align-items: center;
}
.sheet-ark-influence-col {
  display: flex;
  width: 20%;
  justify-content: center;
  border-right: 1px solid #ccc;
  padding: 3px;
}

.sheet-ark-influence-col .sheet-input-number {
  max-width: 3.5em !important;
  width: 3.5em !important;
  max-height: 2.25em !important;
  height: 2.25em !important;
}

/* ---------------------------------- ark Notes */

.sheet-ark-notes {
  width: 100%;
  grid-column: 1/4;
  display:flex;

}

.sheet-ark-notes-grid {
  width: 100%;
  display: grid;
  column-gap: 2px;
  row-gap: 2px;
  grid-template-columns: 250px auto;
  grid-template-rows: auto;
}

.sheet-ark-notes-grid div,
.sheet-ark-notes-grid input,
.sheet-ark-notes-grid textarea {
  box-sizing: border-box;
  width: 100%;
  justify-self: stretch;
}

.sheet-ark-notes-box {
  grid-column: 1/3;
  grid-row-start: 1;
}

.sheet-ark-notes-repeating {
  width: 100%;
  grid-column: 1/3;
}

.sheet-ark-notes-box1 {
  grid-column-start: 1;
  grid-row-start: 1;
}

.sheet-ark-notes-box2 {
  grid-column-start: 2;
  grid-row-start: 1;
}

.sheet-ark-notes-box3 {
  grid-column-start: 1;
  grid-row-start: 2;
}

.sheet-ark-notes-box4 {
  grid-column-start: 2;
  grid-row-start: 2;
}

/* ----------------------------- Zone log */
div.sheet-log-grid {
  display: grid;
  grid-template-columns: 80px 180px 60px 40px auto 50px 50px 50px 50px;
  column-gap: 3px;
  padding: 3px;
  -width: 100%;
  -overflow: hidden;
}

div.sheet-log-grid-header {
  height: 50px;
  -width: 100%;
  -font-size  : 2em;
  text-align : center;
  justify-items: center;
}
.sheet-log-grid-header h1 {
  grid-column: 1 / 10;
  margin-top: -70px;
  background-color: transparent !important;
}

div.sheet-log-grid-header,
div.sheet-log-grid .sheet-column-header  {
  grid-row: 1;
}

div.sheet-log-grid-header .sheet-column-header {
  margin   : 35px 0 4px 0px;
  padding-bottom: 4px;
}

.sheet-log-box {
  display: flex;
  flex-direction: row;
  align-self: center;
  justify-self: center;
  text-align: center;
/*   
  justify-self: center;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-self: center;
  align-content: center; */
}

.sheet-log-grid input[name="attr_coordinates"] { width: 75px;}
.sheet-log-grid input[name="attr_terrain"] {width: 175px;}
.sheet-log-grid input[name="attr_rot_level"] {width: 30px; }
.sheet-log-grid input[name="attr_threat_notes"] { width: 90%;}

/* div.sheet-log-grid h2[data-i18n="coordinates"],
div.sheet-log-grid input[name="attr_coordinates"], */
.sheet-log-column1 {
  grid-column: 1;
  grid-row: 1;
}

/* div.sheet-log-grid h2[data-i18n="terrain"],
div.sheet-log-grid input[name="attr_terrain"], */
.sheet-log-column2 {
  grid-column: 2;
  grid-row: 1;
}

/* div.sheet-log-grid h2[data-i18n="rot-level"],
div.sheet-log-grid input[name="attr_rot_level"], */
.sheet-log-column3 {
  grid-column: 3;
  grid-row: 1;
}

/* div.sheet-log-grid h2[data-i18n="threat"], */
.sheet-log-column4 {
  grid-column: 4;
  grid-row: 1;
  -text-align: left;
} 

/* div.sheet-log-grid h2[data-i18n="threat-notes"],
div.sheet-log-grid input[name="attr_threat_notes"], */
.sheet-log-column5 {
  grid-column: 5;
  grid-row: 1;
} 

/* div.sheet-log-grid input[name="attr_threat"],
div.sheet-log-grid input[name="attr_threat"] + span, */
.sheet-log-column4 {
  grid-column: 4;
  grid-row: 1;
  -margin-left: 25%;
}

div.sheet-log-grid .sheet-log-resources {
  text-align: left;
  justify-self: left;
  margin: 0;
  padding-right: 3px;
  width: auto;
  align-self: center;
  -grid-row: 1;
}
div.sheet-log-grid input[type="checkbox"] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
div.sheet-log-grid input[type="checkbox"]:checked {
  border: 0;
  background-color: inherit; 
  padding-top: 3px;
}

/* div.sheet-log-grid label[data-i18n="a"], */
.sheet-log-column6 {
  grid-column: 6;
  grid-row: 1;
}

/* div.sheet-log-grid input[name="attr_artifacts"],
div.sheet-log-grid input[name="attr_artifacts"] + span, */
.sheet-log-column7 {
  grid-column: 7;
  grid-row: 1;
}

/* div.sheet-log-grid label[data-i18n="b"], */
.sheet-log-column8 {
  grid-column: 8;
  grid-row: 1;
}

/* div.sheet-log-grid input[name="attr_bullets"],
div.sheet-log-grid input[name="attr_bullets"] + span, */
.sheet-log-column9 {
  grid-column: 9;
  grid-row: 1;
}

/* div.sheet-log-grid label[data-i18n="g"], */
.sheet-log-column10 {
  grid-column: 10;
  grid-row: 1;
}

/* div.sheet-log-grid input[name="attr_grub"],
div.sheet-log-grid input[name="attr_grub"] + span, */
.sheet-log-column11 {
  grid-column: 11;
  grid-row: 1;
}

/* div.sheet-log-grid input[name="attr_water"],
div.sheet-log-grid input[name="attr_water"] + span, */
.sheet-log-column13 {
  grid-column: 13;
  grid-row: 1;
}

/* div.sheet-log-grid h2[data-i18n="resources-found"], */
.sheet-log-column6-13 {
  grid-column: 6 / 13;
  grid-row: 1;
}

/* div.sheet-log-grid input[name="attr_comment"], */
.sheet-log-comments {
  grid-column: 1 / 10;
  grid-row: 3;
  justify-content: stretch;
  text-align: left;
  padding: 3px;
  width: 98%;
  -margin-bottom: 4px;
}

div.sheet-repeating-log-grid .repcontainer .repitem hr {
  color: #999;
  padding: 3px 5px 2px 5px;
  margin: 0;
}

div.sheet-ark-bosses-repeating .repcontainer .repitem,
div.sheet-repeating-log-grid .repcontainer .repitem,
div.sheet-weapons-box .repcontainer .repitem {
  -margin-top: 1%;
  padding: 3px 5px 3px 5px;
  margin: 0;
}

/* --------------------- SETTINGS OPTIONS */

.sheet-traits-vis-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.sheet-traits-vis-col1 {
  grid-column-start: 1;
}
.sheet-traits-vis-col2 {
  grid-column-start: 2;
}

/* GRID STYLING */

.sheet-grid-item {
  text-align: center;
}

.sheet-dice_pool-grid .sheet-grid-item {
  width: 103%;
}

.sheet-sub-grid-item {
  margin: 2px;
  text-align: center;
}

.sheet-span-two {
  grid-column: 1/3;
}

.sheet-span-three {
  grid-column: 1/4;
}

.sheet-span-right {
  grid-column: 2/4;
}

/***** ADD TOGGLE FOR MODIFIERS */

input.sheet-adv-modifiers:checked ~ div .sheet-modifiers-toggled-off {
  display: none;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-modifiers-toggled-on {
  display: none;
}

/** Toggle modifiers for weapons */
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-grid {
  display: grid;
  -padding: 0 0 2px 0;
  -column-gap: 2px;
  -row-gap: 2px;
  grid-template-columns: auto 75px 35px 4px 35px 4px 35px 35px 4px 35px 4px 35px 35px;
  -grid-template-columns: 25% 20% 7% 1% 7% 1% 7% 7% 1% 7% 1% 7% 7%;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box-repeating {
  grid-column: 1/14;
}


input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-subgrid {
  grid-column: 1/14;
  grid-row-start: 3;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box0 {
  grid-column: 1/14;
  grid-row-start: 1;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box-skill { display: none; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box-gear { display: none; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box-damage { display: none; }


input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box3 {  grid-row-start: 1; grid-column-start: 1; width: 100%; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box4 {  grid-row-start: 1; grid-column-start: 2; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box5 {  grid-row-start: 1; grid-column-start: 3; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box6 {  grid-row-start: 1; grid-column-start: 4; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box7 {  width: 0; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box8 {  grid-row-start: 1; grid-column-start: 5; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box9 {  grid-row-start: 1; grid-column-start: 6; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box10 { width: 0; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box11 { grid-row-start: 1; grid-column-start: 7; justify-self: right; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box12 { grid-row-start: 1; grid-column-start: 8; justify-self: left; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box13 { width: 0; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box14 { width: 0; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box15 { width: 0; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box16 { grid-row-start: 1; grid-column-start: 9; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box17 { grid-row-start: 1; grid-column-start: 10; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box20 { grid-row-start: 1; grid-column-start: 11; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box2 {  grid-row-start: 1; grid-column-start: 12; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-weapons-box1 {  grid-row-start: 1; grid-column-start: 13; }

/** Toggle modifiers for skills */

input.sheet-adv-modifiers:checked ~ div .sheet-character-skills {
  min-width: 22em;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-skills-row {
  -position: relative;
  grid-template-columns: auto 2.5em 2.5em 2.5em;
  -align-items: center;
}
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-skills-box1 h1 {
  justify-content: flex-end;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-repeating-skill-grid {
  grid-column: 1 / 5;
  background-color: #ead3b8;
}

input.sheet-adv-modifiers:checked ~ div .sheet-skill-name {
  font-size: 14px;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-repeating-skills-row input.sheet-skill-name {
  -max-width: 150px;
}

/** Toggle modifiers for armor */


input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-grid {
  display: grid;
  grid-template-columns: auto 3em 3em 3em 3em 3em 8em 3em;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box10 {
  grid-column: 1/9;
  grid-row-start: 2;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box {
  grid-column: 1/9;
  grid-row-start: 1;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box-header {
  grid-column: 1/9;
  grid-row-start: 1;
}

input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box4 { display: none; }
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box5 { grid-column-start: 4; grid-row-start: 1;}
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box6 { grid-column-start: 5; grid-row-start: 1;}
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box7 { grid-column-start: 6; grid-row-start: 1;}
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box8 { grid-column-start: 7; grid-row-start: 1;}
input.sheet-adv-modifiers:not(:checked) ~ div .sheet-armor-box9 { grid-column-start: 8; grid-row-start: 1;}

/* Toggle display of legacy monster information */

input.sheet-adv-monsterinfo:not(:checked) ~ div .sheet-monster-information-toggle {
  display:none !important;
}
/**** DICE ROLLER STYLING ****/

button[type="action"]:hover,
button[type="action"]:hover>span,
button[type="roll"]:hover {
  color: #fff;
  background: #a60100;
}

button[type="action"] > span {
  -font-size: 95%;
  color: #333;
}

input.sheet-dice-selection {
  position: relative;
  z-index: 1;
  width: 25px;
  height: 25px;
  margin: -10px 0 2px 3px;
  cursor: pointer;
  opacity: 0;
}

input.sheet-mighty,
input.sheet-epic,
input.sheet-legendary {
  width: 15%;
  margin: 0 -25% 0 0;
}

input.sheet-dice-selection + span::before {
  display: inline-block;
  width: 28px;
  height: 22px;
  margin: -44px 2px 5px 0;
  padding: 5px 0 0 0;
  content: attr(title);
  text-align: center;
  vertical-align: middle;
  color: #000;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #000;
}

.sheet-dice-artifact-rolls input.sheet-dice-selection + span::before {
  width: 40px;
  margin: 0;
}

span.sheet-artifact-die {
  position: relative;
  margin: 2% 3% 0 -20%;
}

input.sheet-dice-selection:hover+span::before {
  color: #fff;
  background: #a9a9a9;
}

input.sheet-attribute:checked + span::before {
  color: #000;
  background: rgb(235, 212, 4);
}

input.sheet-skill:checked + span::before {
  -color: #fff;
  -background: #a60100;
  color: #fff;
  background: #00a608;
}

input.sheet-gear:checked + span::before {
  color: #fff;
  background: #000;
}

input.sheet-negative:checked + span::before {
  color: #fff;
  background: #c00202;
}

input.sheet-mighty:checked + span::before {
  color: #fff;
  background: #235402;
}

input.sheet-epic:checked + span::before {
  color: #fff;
  background: #0088af;
}

input.sheet-legendary:checked + span::before {
  color: #000;
  background: #ff8c00;
}

/* Included to help color blind users */
button[type="action"]:focus {
  color: white;
  border: 2px dotted white;
  background: #a60100;
}

button[type="action"]:focus span {
  color: white;
}

.sheet-dice_pool-grid button[type="action"]:focus {
  border-width: 2px;
  border-style: outset;
  border-image: initial;
}

input[type="radio"].sheet-dice-selection.sheet-attribute:checked
  + span::before {
  border: 2px dotted black;
}

input[type="radio"].sheet-dice-selection.sheet-skill:checked + span::before,
input[type="radio"].sheet-dice-selection.sheet-gear:checked + span::before,
input[type="radio"].sheet-dice-selection.sheet-negative:checked + span::before,
input[type="checkbox"].sheet-mighty:checked + span::before,
input[type="checkbox"].sheet-epic:checked + span::before,
input[type="checkbox"].sheet-legendary:checked + span::before {
  font-size: 95%;
  padding: 3px 0 0 0;
  border: 2px dotted white;
}

/* ROLL TEMPLATE STYLING */

.sheet-rolltemplate-mutantyearzero .sheet-small-caps {
  font-variant-caps: small-caps;
}

.sheet-rolltemplate-mutantyearzero {
  padding: 12px 0 12px 0;
}

.sheet-rolltemplate-mutantyearzero span.sheet-label {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-wrap {
  box-sizing: border-box;
  width: 240px;
  margin: 5px 0 5px -20px;
  padding: 5px 0 5px 0;
  border: 3px solid #8b3f1f;
  border-radius: 5px;

  background: rgb(124,78,8);
  background: linear-gradient(0deg, rgba(124,78,8,1) 0%, rgba(224,184,15,1) 100%);
  background-image: url('https://s3.amazonaws.com/files.d20.io/images/16289834/HuG1AuH9EWsSI2tLJZubBA/original.png?1455490062');
  background-size: cover;
}

.sheet-rolltemplate-mutantyearzero div.sheet-template-header {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  display: flex;
  justify-content: space-evenly;
  justify-self: center;
  width: 105%;
  margin: 2px -9px 2px -9px;
  padding: 0 5px 0 5px;
  word-break: break-word;
  color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: #000;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-header a {
  color: #fff;
}

.sheet-rolltemplate-mutantyearzero
  .sheet-template-span-left.sheet-template-header {
  justify-content: center;
  width: 43%;
}

.sheet-rolltemplate-mutantyearzero
  .sheet-template-span-center.sheet-template-header {
  z-index: 1;
}

.sheet-rolltemplate-mutantyearzero
  .sheet-template-span-right.sheet-template-header {
  justify-content: center;
  width: 43%;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid-item.sheet-right {
  justify-self: right;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid-item.sheet-left {
  justify-self: left;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid-item.sheet-condensed {
  -line-height: 1.2em;
  font-size: 0.95em;
}

.sheet-rolltemplate-mutantyearzero
  .sheet-template-grid-item.sheet-template-span-six.sheet-template-header:empty {
  display: none;
}

.sheet-rolltemplate-mutantyearzero div.sheet-template-subtitle {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -5px 0px -5px;
  padding: 0 2px 0 2px;
  -color: black;
  color: #DDD;
}

/*
.sheet-rolltemplate-mutantyearzero .sheet-template-white-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-white-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-white-dice ~ .sheet-template-span-right,
.sheet-rolltemplate-mutantyearzero .sheet-template-red-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-red-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-red-dice ~ .sheet-template-span-right,
.sheet-rolltemplate-mutantyearzero .sheet-template-black-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-black-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-black-dice ~ .sheet-template-span-right,
.sheet-rolltemplate-mutantyearzero .sheet-template-yellow-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-yellow-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-yellow-dice ~ .sheet-template-span-right,
.sheet-rolltemplate-mutantyearzero .sheet-template-green-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-green-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-green-dice ~ .sheet-template-span-right ,*/
.sheet-rolltemplate-mutantyearzero .sheet-template-dice ~ .sheet-template-span-left,
.sheet-rolltemplate-mutantyearzero .sheet-template-dice ~ .sheet-template-span-center,
.sheet-rolltemplate-mutantyearzero .sheet-template-dice ~ .sheet-template-span-right {
  margin: 5px 1px 0 1px;
  border-radius: 0;
  background-color: #111;
  color: #EEE;
}

.sheet-rolltemplate-mutantyearzero div.sheet-template-footer span,
.sheet-rolltemplate-mutantyearzero div.sheet-template-footer label  {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  color: #CCC;
}
.sheet-rolltemplate-mutantyearzero div.sheet-template-footer {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  -font-size: 0.75em;
  -margin: 5px;
  padding: 2px;
  -text-align: justify;
  text-align: center;
}
.sheet-rolltemplate-mutantyearzero div.sheet-template-footer .sheet-right-align {
  text-align: right;
} 

.sheet-rolltemplate-mutantyearzero div.sheet-free-text {
  font-size: 1em;
  line-height: inherit;
  margin: -10px 5px 2px 5px;
  padding: 0;
  text-align: left;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid .sheet-scroll-text {
  font-size: 1em;
  line-height: inherit;
  overflow-y: auto;
  min-height: 1.25em;
  max-height: 6em;
  margin: 0;
  text-align: left;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  display: grid;
  margin: 3px 2px 2px 2px;
  padding: 0;
  background-color: transparent;
  grid-gap: 1px;
  grid-template-columns: repeat(6, 1fr);
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid-item {
  -padding: 0 3px 0 3px;
  text-align: center;
  border: none;
  border-radius: 5px;
  background-color: transparent;
}

.sheet-template-grid-item.sheet-template-span-six:last-child {
  overflow-y: auto;
  max-height: 6em;
  text-align: left;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-six {
  grid-column: 1 / 7;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-half {
  line-height: 1em;
  grid-column: 1 / 4;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-2nd-half {
  line-height: 1em;
  grid-column: 4 / 7;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-left {
  grid-column: 1 / 3;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-center {
  grid-column: 3 / 5;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-right {
  grid-column: 5 / 7;
}

/* used for consumable's single dice roll */

.sheet-rolltemplate-mutantyearzero .sheet-template-span-center-die {
  width: 38%;
  margin-left: 24%;
  grid-column: 3 / 5;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-one {
  grid-column: 1 / 2;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-two {
  grid-column: 2 / 3;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-three {
  grid-column: 3 / 4;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-four {
  grid-column: 4 / 5;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-five {
  grid-column: 5 / 6;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-span-shix {
  grid-column: 6 / 7;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-success {
  max-width: 100%;
  height: auto;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-bane {
  max-width: 100%;
  height: auto;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-bold {
  font-weight: bold;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-inline {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 0;
  display: inline-block;
  margin: 8px 0 18px 0;
  border: none;
  background-color: transparent;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-smaller {
  font-size: 0.85em;
}

/* add drop shadow to dice */

.sheet-rolltemplate-mutantyearzero .sheet-template-dice {
  margin: 1px;
  box-shadow: -3px 2px 3px #000;
  line-height: 0;
  padding: 3px;
  text-align: center;
  border-radius: 5px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 2em;
  width: 2em;
}

.sheet-rolltemplate-mutantyearzero
  .sheet-template-grid-item.sheet-template-span-six.sheet-template-header {
  margin-bottom: 5px;
  box-shadow: 0 2px 7px #000;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-white-dice {
  border: 1px solid #000;
  background-color: #fff;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-maroon-dice {
  line-height: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #a60100;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-black-dice {
  color: #fff;
  border: 1px solid transparent;
  background-color: #000;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-black-dice .span[title="Bane"] {
  font-family: 'Segoe UI Symbol',symbol;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-green-dice {
  line-height: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #235402;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-blue-dice {
  line-height: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #0088af;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-orange-dice {
  line-height: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #ff8c00;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-yellow-dice {
  color: #000;
  border: 1px solid #000;
  background-color: rgb(235, 212, 4);
}

.sheet-rolltemplate-mutantyearzero .sheet-template-purple-dice {
  line-height: 0;
  padding: 3px;
  text-align: center;
  color: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #800080;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-red-dice {
  color: #fff;
  border: 1px solid #000;
  background-color: #c00202;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-grid-item span.inlinerollresult {
  background-color: transparent;
  border: none;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-dice > span {
  font-family: 'Didact Gothic', 'DidactGothic', Verdana, Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1em;
  font-weight: normal;
  padding: 0;
  -margin: -4px 0 0 0;
  display: inline-block;
  border: none;
  background-color: transparent;
}

.sheet-rolltemplate-mutantyearzero .sheet-template-green-dice > div > .sheet-template-inline,
.sheet-rolltemplate-mutantyearzero .sheet-template-blue-dice > div > .sheet-template-inline,
.sheet-rolltemplate-mutantyearzero .sheet-template-orange-dice > div > .sheet-template-inline,
.sheet-rolltemplate-mutantyearzero .sheet-template-yellow-dice > div > .sheet-template-inline {
  font-size: 2.25em;
  font-variant: diagonal-fractions;
  text-shadow: 1px 1px 1px black;
}

.sheet-rolltemplate-mutantyearzero .inlinerollresult.fullcrit {
  color: inherit;
  border: none;
}

.sheet-rolltemplate-mutantyearzero .inlinerollresult.fullfail {
  color: inherit;
  border: none;
}

.sheet-rolltemplate-mutantyearzero .inlinerollresult.importantroll {
  color: inherit;
  border: none;
}