/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Set the min-width and max-width so that when the window is resized the character sheet stays the same */
.charsheet {
  background-color: #fff;
  min-width: 900px;
  max-width: 900px;
  font-family: 'Montserrat', 'Arial';
}

/* Universal styling applied to all elements of these types */
h2 {
  font-size: 2em;
  margin-bottom: 10px;
  text-align: left;
  color: #009eda;
}

h3 {
  margin-bottom: 6px;
  color: #c1912e;
}

label {
  display: inline-block;
  width: 90px;
}

input {
  display: inline-block;
  width: calc(100% - 100px);
}

img.sheet-shieldicon {
  position: relative;
  top: -3px;
  left: 0.5px;
}

img.sheet-focusicon {
  position: relative;
  top: -3px;
  left: 0.5px;
}

textarea {
  height: 36px;
  resize: vertical;
  min-height: 18px;
}

.sheet-inv textarea {
  height: 250px;
  resize: vertical;
}

div.sheet-inset {
  padding-left: 16px;
}

/* Targetted styling that only effects elements with these classes */
input.sheet-short {
  width: 17%;
}

label.sheet-short {
  width: 20px;
}

input[type=number].sheet-expand {
  width: calc(100% - 100px);
}

input.sheet-full {
  width: 100%;
  margin-bottom: 4px;
}

select.sheet-dtype {
  vertical-align: top;
  width: 60px;
}

input[type=text]::placeholder {
  font-style: italic;
  color: #AAA;
}

.itemcontrol {
  z-index: 99;
}

.sheet-3colrowx,
.sheet-2colrowx {
  display: block;
  clear: both;
}

.sheet-3colrowx .sheet-colx {
  display: inline-block;
  vertical-align: top;
  width: calc(33.3% - 4px);
  margin-right: 0px;
}

.sheet-3colrowx .sheet-colx input[type=number] {
  position: relative;
  left: -10px;
  width: 45px;
}

.sheet-2colrowx .sheet-colx {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 4px);
  margin-right: 0px;
}

.sheet-2colrow .sheet-col1 {
  display: inline-block;
  vertical-align: top;
  width: calc(65% - 29px);
  margin-right: 25px;
}

.sheet-2colrow .sheet-col2 {
  display: inline-block;
  vertical-align: top;
  width: calc(35% - 4px);
  margin-right: 0px;
}

.sheet-gmunits .sheet-2colrow .sheet-col1 {
  width: calc(25% - 29px);
  margin-right: 25px;
}

.sheet-gmunits .sheet-2colrow .sheet-col2 {
  width: calc(75% - 4px);
}

.sheet-gmunits .sheet-2colrow .sheet-col1 .sheet-btn {
  width: 86%;
}

.sheet-gmunits .sheet-enemyattacklist {
}

.sheet-gmunits .sheet-enemyattackentry {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 8px;
  border: 2px solid #AAA;
}

.sheet-gmunits .sheet-enemyattackentry label {
  width: 80px;
}

.sheet-gmunits .sheet-enemyattackentry input[type=text] {
  width: calc(100% - 88px);
}

.sheet-gmunits .sheet-enemyattackentry select {
  position: relative;
  right: 0px;
  width: calc(100% - 88px);
}

.sheet-res label {
  width: 120px;
}

.sheet-2colrow .sheet-col1 label {
  width: 120px;
}

.sheet-atk .sheet-col2 h3 {
  margin-top:12px;
}

.sheet-attrcol1 {
  display: inline-block;
  vertical-align: top;
  width: calc(22%);
  margin-right: 20px;
}

.sheet-attrcol2 {
  display: inline-block;
  vertical-align: top;
  width: calc(50%);
  margin-right: 20px;
}

.sheet-attrcol3 {
  display: inline-block;
  vertical-align: top;
  width: calc(22%);
  margin-right: 0px;
}

.sheet-attrvalue {
  display: inline-block;
  width: 24px;
  text-align: center;
}

.sheet-attrtotal {
  border-radius: 5px;
  border: 2px solid #c1912e;
}

.sheet-iconlabel {
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 0px;
  padding: 0px;
}

.sheet-gmtools select,
.sheet-res select,
.sheet-atk select {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  width: calc(100% - 130px);
  position: relative;
  right: 3px;
}

.sheet-tracker .repitem {
  margin-bottom: 4px;
}

.sheet-tracker input[type=text] {
  width: 80%;
}

.sheet-tracker input[type=number] {
  width: 18%;
}

button.sheet-btn,
button.sheet-btn[type=roll],
button.sheet-addbtn,
button.sheet-removebtn,
button.repcontrol_add,
button.repcontrol_edit {
  float: right;
  background-color: #EEE;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 10px 14px;
  font-weight: bold;
  border-radius: 8px;
  outline: none;
  margin: 0px 0px 0px 8px;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  text-align: center;
}

button.sheet-selected {
  background-color: #852419;
  color: white;
}

.sheet-attacklabel {
  float: right;
  /*background-color: #EEE;*/
  border: none;
  color: #777;
  font-size: 14px;
  padding: 10px 14px;
  font-weight: bold;
  border-radius: 8px;
  outline: none;
  margin: 0px 0px 0px 8px !important;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  width: auto !important;
  background: repeating-linear-gradient(
    -45deg,
    #ffe3e0,
    #ffe3e0 10px,
    #ffd1cc 10px,
    #ffd1cc 20px
  );
}

a.repcontrol_move,
button.repcontrol_del {
  border: none;
  color: #777;
  border-radius: 8px;
  outline: none;
  margin: 0px 0px 0px 0px;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
}

button.sheet-addbtn,
button.sheet-removebtn,
button.repcontrol_add,
button.repcontrol_edit {
  width: auto;
  padding: 4px 14px;
}

.sheet-gmunits .sheet-col1 .repcontrol_add {
  display: none;
  width: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: clip;
  visibility: hidden;
}

button.sheet-addbtn {
  float: left;
  margin-left: 0px;
}

.sheet-enemyattacklist button.sheet-addbtn {
  float: right;
  margin-left: 0px;
}

button.sheet-skillbtn {
  background-color: #EEE;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 4px 14px;
  font-weight: bold;
  border-radius: 8px;
  outline: none;
  margin: 0px 0px 0px 8px;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  position: relative;
  top: 1px;
}

button:hover,
button[type=roll]:hover {
  background-color: #DDD;
}

button:active,
button[type=roll]:active {
  background-color: #CCC;
}

button.sheet-selected:hover {
  background-color: #963126;
}

button.sheet-selected:active {
  background-color: #a83e32;
}

button:disabled,
button[disabled] {
  color: #999;
  background-color: #CCC;
  cursor: not-allowed;
}

button.repcontrol_del {
  background-color: #f26257;
  color: white;
}

button.repcontrol_del:hover {
  background-color: #d4544a;
}

button.repcontrol_del:active {
  background-color: #ab423a;
}

div.itemcontrol {
  background: repeating-linear-gradient(
    -45deg,
    rgba(255, 253, 222, 0.6),
    rgba(255, 253, 222, 0.6) 10px,
    rgba(255, 254, 240, 0.6) 10px,
    rgba(255, 254, 240, 0.6) 20px
  );
  border-radius: 8px;
}

button:disabled,
button[disabled] {
  color: #999;
  background-color: #CCC;
  cursor: not-allowed;
}

button.repcontrol_del {
  background-color: #f26257;
  color: white;
}

button.repcontrol_del:hover {
  background-color: #d4544a;
}

button.repcontrol_del:active {
  background-color: #ab423a;
}

div.itemcontrol {
  background: repeating-linear-gradient(
    -45deg,
    rgba(255, 253, 222, 0.6),
    rgba(255, 253, 222, 0.6) 10px,
    rgba(255, 254, 240, 0.6) 10px,
    rgba(255, 254, 240, 0.6) 20px
  );
  border-radius: 8px;
}

.sheet-eba .sheet-short {
  width: 30px;
}

.sheet-gmunits textarea,
.sheet-eqp textarea,
.sheet-pab textarea,
.sheet-aab textarea {
  float: right;
  display: inline-block;
  width: calc(100% - 110px);
  margin-bottom: 4px;
}

.sheet-gmunits .sheet-enemyattackentry textarea {
  width: calc(100% - 97px);
  margin-right: -3px;
}

.sheet-eqp select,
.sheet-pab select,
.sheet-aab select {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  width: calc(100% - 100px);
  position: relative;
  right: 3px;
}

.sheet-eqp .sheet-eit select {
  top: 1px;
}

.sheet-aaa select {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  width: 172px;
  position: relative;
  right: 3px;
  top: 1px;
}

.sheet-attack {
  display: block;
  margin-top: 4px;
  padding: 4px;
  padding-left: 10px;
  border-radius: 8px;
  border: 2px solid #AAA;
}

.sheet-willattack {
  border-color: #8a58ad;
}

.sheet-paneltracker {
  display: block;
  margin-top: 4px;
  margin-bottom: 8px;
  padding: 4px;
  padding-left: 10px;
  border-radius: 8px;
}

.sheet-dodgeroller {
  border: 2px solid #009eda;
}

.sheet-ammotrack {
  border: 2px solid #AAA;
}

.sheet-revealed {
  border: 2px solid #AAA;
}

.sheet-concealed {
  border: 2px solid #3d3d3d;
  background: repeating-linear-gradient(
    -45deg,
    #4d4d4d,
    #4d4d4d 10px,
    #5c5c5c 10px,
    #5c5c5c 20px);
}

.sheet-concealed label {
  color: white !important;
  font-style: italic;
}

.sheet-concealed .sheet-btn {
  color: white;
  background-color: #666;
}

.sheet-concealed .sheet-btn:hover {
  background-color: #777;
}

.sheet-concealed .sheet-btn:active {
  background-color: #888;
}

.sheet-skillroller {
  border: 2px solid #c1912e;
}

.sheet-attack label,
.sheet-paneltracker label {
  vertical-align: middle;
  margin-top: 11px;
  margin-bottom: 10px;
}

.sheet-customattack input[type=text] {
  width: 50px;
  margin-top:-10px;
  margin-bottom:-10px;
}

.sheet-customattack label input[type=text],
.sheet-customattack label input[type=number] {
  position: relative;
  top: -1px;
}

.sheet-customattack input[type=number] {
  width: 40px;
  margin-top:-10px;
  margin-bottom:-10px;
}

.sheet-paneltracker input[type=number] {
  margin-top:-14px;
  margin-bottom:-10px;
}

.sheet-usableeffects {
  color: #888;
  margin-top: auto;
  margin-bottom: auto;
  max-height: 39px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-bottomfilledinset {
  color: white;
  margin-left: -12px;
  padding-left: 12px;
  margin-right: -6px;
  padding-right: 6px;
  margin-bottom: -6px;
  padding-bottom: 4px;
  margin-top: 2px;
  padding-top: 2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.sheet-specialammo {
  background-color: #AAA;
}

.sheet-eit .sheet-btn,
.sheet-eit .sheet-attacklabel {
  float:none;
  white-space: nowrap;
}

.sheet-flexcontainer {
  display: flex;
  white-space: normal;
}

.sheet-flexcontainer .sheet-left {
  width: auto;
  margin-right: 8px;
  white-space: nowrap;
}

.sheet-flexcontainer .sheet-center {
  flex-grow: 1;
  overflow-wrap: normal;
  align-items: center;
}

.sheet-flexcontainer .sheet-right {
  width: auto;
  margin-left: 8px;
  white-space: nowrap;
}

.sheet-aaa input[type=text] {
  width: 175px;
  margin-right: 8px;
}

.sheet-aaa input[type=number] {
  position: relative;
  top: 0px;
}

.sheet-eqp input[type=number] {
  position: relative;
  top: -1px;
}

.sheet-aaa .sheet-rangeselect {
  width: 101px;
}

.sheet-aaa .sheet-2colrow .sheet-col1 label {
  width: 90px;
}

.sheet-main input {
  position: relative;
  bottom: 3px;
}

.sheet-attributes input[type=number] {
  position: relative;
  bottom: 3px;
}

.sheet-nowrap {
  white-space: nowrap;
  text-overflow: clip;
}

.sheet-wrap {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.sheet-money {
  font-size: 24px;
  position: relative;
  top: 4px;
  left: 8px;
}

.sheet-pockets select {
  width: 120px;
  margin-right: 4px;
}

.sheet-pockets input {
  display: inline-block;
  width: calc(100% - 130px);
  position: relative;
  top: -2px;
}

.sheet-labellike {
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
  line-height: 18px;
}

.sheet-icontooltip {
  color: #AAA;
  line-height: 18px;
  font-size: 16px;
  position: relative;
  top: -3px;
}

.sheet-readonly .repcontrol {
  display: none;
}

.sheet-gmunits button.sheet-btn {
  float: none;
  width: 90%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 8px;
}

.sheet-selectedunit {
  width: 98%;
  padding-bottom: 8px;
  padding-top: 6px;
  border-radius: 8px;
  border: 2px solid #852419;
  margin-bottom: 8px;
  line-height: 1.25em;
  font-size: 1.05em;
}

.sheet-selectedunit  div.sheet-nameplate {
  background-color: #852419;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 8px 4px 8px;
  position: relative;
  top: -6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-selectedunit  div.sheet-content {
  margin-left: 8px;
  margin-right: 8px;
}

.sheet-selectedunit  div.sheet-content .sheet-label {
  font-weight: bold;
}

.sheet-selectedunit  div.sheet-content .sheet-label2 {
  font-weight: 500;
  font-style: italic;
}

.sheet-selectedunit .sheet-attackinfo {
  margin-left: 0px;
  margin-top: 8px;
}

.sheet-selectedunit .sheet-attackinfo .sheet-stats {
  padding-left: 24px;
}

.sheet-selectedunit .sheet-notes {
  color: #555;
  font-style: italic;
}

.sheet-selectedunit .sheet-unitsectionlabel {
  font-style: italic;
  font-weight: bold;
  color: #852419;
  display: box;
  margin-bottom: 4px;
  width: 100%;
  border-bottom: 1px solid #AAA;
}

.sheet-avaluehider[value="active"] + div {
  display: none;
}

.sheet-valuehider[value=""] + div {
  display: none;
}

.sheet-hideifzero[value="0"] + div,
.sheet-hideifzero[value="0"] + button,
.sheet-hideifzero[value="0"] + span {
  display: none;
}

.sheet-hideifone[value="1"] + div,
.sheet-hideifone[value="1"] + button,
.sheet-hideifone[value="1"] + span {
  display: none;
}

/* haha I fuckin hate CSS */
.sheet-hideifnotzero[value="1"] + div,
.sheet-hideifnotzero[value="1"] + button,
.sheet-hideifnotzero[value="1"] + span,
.sheet-hideifnotzero[value="2"] + div,
.sheet-hideifnotzero[value="2"] + button,
.sheet-hideifnotzero[value="2"] + span,
.sheet-hideifnotzero[value="3"] + div,
.sheet-hideifnotzero[value="3"] + button,
.sheet-hideifnotzero[value="3"] + span,
.sheet-hideifnotzero[value="4"] + div,
.sheet-hideifnotzero[value="4"] + button,
.sheet-hideifnotzero[value="4"] + span,
.sheet-hideifnotzero[value="5"] + div,
.sheet-hideifnotzero[value="5"] + button,
.sheet-hideifnotzero[value="5"] + span,
.sheet-hideifnotzero[value="6"] + div,
.sheet-hideifnotzero[value="6"] + button,
.sheet-hideifnotzero[value="6"] + span,
.sheet-hideifnotzero[value="7"] + div,
.sheet-hideifnotzero[value="7"] + button,
.sheet-hideifnotzero[value="7"] + span,
.sheet-hideifnotzero[value="8"] + div,
.sheet-hideifnotzero[value="8"] + button,
.sheet-hideifnotzero[value="8"] + span,
.sheet-hideifnotzero[value="9"] + div,
.sheet-hideifnotzero[value="9"] + button,
.sheet-hideifnotzero[value="9"] + span {
  display: none;
}

input[type=checkbox] {
  width: auto;
  float: right;
}

.sheet-condensedpronouns {
  color: #333;
  font-size: 12px;
  vertical-align: baseline;
  font-weight: normal;
  font-style: italic;
}

.sheet-condensed h2 {
  line-height: normal;
}

.sheet-condensed h2.sheet-name {
  border-bottom: 2px solid #c1912e;
}

.sheet-condensed label,
.sheet-condensed .sheet-labellike {
  font-size: 1.2em;
  line-height: 1.1em;
  margin-bottom: 0px;
}

.sheet-condensed .sheet-status input[type=number] {
  padding-top: 1px;
  padding-bottom: 1px;
  top: -1px;
  margin-bottom: 1px;
}

.sheet-condensed .sheet-baseattr .sheet-attrvalue {
  color: #009eda;
}

.sheet-condensed .sheet-combatattr .sheet-attrvalue {
  color: #c1912e;
}

.sheet-weaponhider[value="Special Equipment"] ~ div.sheet-weapon,
.sheet-weaponhider[value="Weapon"] ~ div.sheet-specialequipment {
  display: none;
}

.sheet-weaponhider[value="Weapon"] ~ div.sheet-weapon,
.sheet-weaponhider[value="Special Equipment"] ~ div.sheet-specialequipment {
  display: block;
}

/* Tooltip container */
.sheet-tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.sheet-tooltip .sheet-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.1;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 40%;
  margin-left: -60px;
  margin-bottom: 6px;
  white-space: normal;
  overflow: visible;
}

.sheet-combatattr .sheet-tooltiptext {
  left: 10%;
}

.sheet-tooltip .sheet-tooltiptext b {
  font-size: 14px;
  font-weight: bold;
}

.sheet-tooltip .sheet-tooltiptext em {
  font-weight: bold;
}

.sheet-tooltip .sheet-tooltiptext hr {
  margin-top: 2px;
  margin-bottom: 4px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.sheet-tooltip:hover .sheet-tooltiptext {
  visibility: visible;
}

.sheet-tooltip .sheet-tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/*Configure the tab content*/
.sheet-charactersheet,
.sheet-gmtools,
.sheet-atk,
.sheet-aab,
.sheet-pab,
.sheet-eqp,
.sheet-res,
.sheet-inv,
.sheet-oth,
.sheet-set,
.sheet-epw,
.sheet-esw,
.sheet-eba,
.sheet-ehg,
.sheet-eit,
.sheet-aaa,
.sheet-apa,
.sheet-cwp,
.sheet-cgn,
.sheet-cwl,
.sheet-cit,
.sheet-gmcombat,
.sheet-gmunits {
  display: none;
}

.sheet-tabstoggle[value="charactersheet"] ~ div.sheet-charactersheet,
.sheet-tabstoggle[value="gmtools"] ~ div.sheet-gmtools {
  display: block;
}

.sheet-tabstoggle[value="gmcombat"] ~ div.sheet-gmcombat,
.sheet-tabstoggle[value="gmunits"] ~ div.sheet-gmunits {
  display: block;
}

/* show the selected tab content */
.sheet-tabstoggle[value="atk"] ~ div.sheet-atk,
.sheet-tabstoggle[value="aab"] ~ div.sheet-aab,
.sheet-tabstoggle[value="eqp"] ~ div.sheet-eqp,
.sheet-tabstoggle[value="res"] ~ div.sheet-res,
.sheet-tabstoggle[value="inv"] ~ div.sheet-inv,
.sheet-tabstoggle[value="oth"] ~ div.sheet-oth,
.sheet-tabstoggle[value="set"] ~ div.sheet-set {
  display: block;
}

.sheet-tabstoggle[value="epw"] ~ div.sheet-epw,
.sheet-tabstoggle[value="esw"] ~ div.sheet-esw,
.sheet-tabstoggle[value="eba"] ~ div.sheet-eba,
.sheet-tabstoggle[value="ehg"] ~ div.sheet-ehg,
.sheet-tabstoggle[value="eit"] ~ div.sheet-eit {
  display: block;
}

.sheet-tabstoggle[value="aaa"] ~ div.sheet-aaa,
.sheet-tabstoggle[value="apa"] ~ div.sheet-apa {
  display: block;
}

.sheet-tabstoggle[value="cwp"] ~ div.sheet-cwp,
.sheet-tabstoggle[value="cgn"] ~ div.sheet-cgn,
.sheet-tabstoggle[value="cwl"] ~ div.sheet-cwl,
.sheet-tabstoggle[value="cit"] ~ div.sheet-cit {
  display: block;
}

div.sheet-aablStandard,
div.sheet-aablWeapon,
div.sheet-aablArea,
div.sheet-aablWill {
  display: none;
}

.sheet-tabstoggle[value="Standard"] ~ div.sheet-aablStandard,
.sheet-tabstoggle[value="Weapon"] ~ div.sheet-aablWeapon,
.sheet-tabstoggle[value="Area"] ~ div.sheet-aablArea,
.sheet-tabstoggle[value="Will"] ~ div.sheet-aablWill {
  display: block;
}

div.sheet-nothing,
div.sheet-primaryweapon,
div.sheet-secondaryweapon,
div.sheet-weapon {
  display: none;
}

.sheet-tabstoggle[value="Nothing"] ~ div.sheet-nothing,
.sheet-tabstoggle[value="Primary"] ~ div.sheet-primaryweapon,
.sheet-tabstoggle[value="Secondary"] ~ div.sheet-secondaryweapon,
.sheet-tabstoggle[value="Primary"] ~ div.sheet-weapon,
.sheet-tabstoggle[value="Secondary"] ~ div.sheet-weapon {
  display: block;
}

div.sheet-itemUtility,
div.sheet-itemGrenade,
div.sheet-itemSpecialAmmo,
div.sheet-itemHeavyWeapon {
  display: none;
}

.sheet-tabstoggle[value="Utility"] ~ div.sheet-itemUtility,
.sheet-tabstoggle[value="Grenade"] ~ div.sheet-itemGrenade,
.sheet-tabstoggle[value="SpecialAmmo"] ~ div.sheet-itemSpecialAmmo,
.sheet-tabstoggle[value="HeavyWeapon"] ~ div.sheet-itemHeavyWeapon {
  display: block;
}

div.sheet-itemPassive,
div.sheet-itemUsable {
  display: none;
}

.sheet-tabstoggle[value="Passive"] ~ div.sheet-itemPassive,
.sheet-tabstoggle[value="Usable"] ~ div.sheet-itemUsable {
  display: block;
}

.sheet-tabstoggle[value="Passive"] ~ div.sheet-itemNotPassive {
  display: none;
}

button.sheet-atkbtn,
button.sheet-aabbtn,
button.sheet-pabbtn,
button.sheet-eqpbtn,
button.sheet-resbtn,
button.sheet-invbtn,
button.sheet-othbtn,
button.sheet-setbtn,
button.sheet-gmcombatbtn,
button.sheet-gmunitsbtn {
  background-color: #EEE;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 10px 14px;
  font-weight: bold;
  border-bottom: 2px solid #555;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  top: 2px;
  margin: 0px 2px 0px 2px;
  outline: none;
}

button.sheet-atkbtn:hover,
button.sheet-aabbtn:hover,
button.sheet-pabbtn:hover,
button.sheet-eqpbtn:hover,
button.sheet-resbtn:hover,
button.sheet-invbtn:hover,
button.sheet-othbtn:hover,
button.sheet-setbtn:hover,
button.sheet-epwbtn:hover,
button.sheet-eswbtn:hover,
button.sheet-ebabtn:hover,
button.sheet-ehgbtn:hover,
button.sheet-eitbtn:hover,
button.sheet-aaabtn:hover,
button.sheet-apabtn:hover,
button.sheet-cwpbtn:hover,
button.sheet-cgnbtn:hover,
button.sheet-cwlbtn:hover,
button.sheet-citbtn:hover,
button.sheet-gmcombatbtn:hover,
button.sheet-gmunitsbtn:hover {
  background-color: #DDD;
}

button.sheet-atkbtn:active,
button.sheet-aabbtn:active,
button.sheet-pabbtn:active,
button.sheet-eqpbtn:active,
button.sheet-resbtn:active,
button.sheet-invbtn:active,
button.sheet-othbtn:active,
button.sheet-setbtn:active,
button.sheet-epwbtn:active,
button.sheet-eswbtn:active,
button.sheet-ebabtn:active,
button.sheet-ehgbtn:active,
button.sheet-eitbtn:active,
button.sheet-aaabtn:active,
button.sheet-apabtn:active,
button.sheet-cwpbtn:active,
button.sheet-cgnbtn:active,
button.sheet-cwlbtn:active,
button.sheet-citbtn:active,
button.sheet-gmcombatbtn:active,
button.sheet-gmunitsbtn:active {
  background-color: #CCC;
}

.sheet-tabstoggle[value="atk"] ~ div button.sheet-atkbtn,
.sheet-tabstoggle[value="aab"] ~ div button.sheet-aabbtn,
.sheet-tabstoggle[value="pab"] ~ div button.sheet-pabbtn,
.sheet-tabstoggle[value="eqp"] ~ div button.sheet-eqpbtn,
.sheet-tabstoggle[value="res"] ~ div button.sheet-resbtn,
.sheet-tabstoggle[value="inv"] ~ div button.sheet-invbtn,
.sheet-tabstoggle[value="oth"] ~ div button.sheet-othbtn,
.sheet-tabstoggle[value="set"] ~ div button.sheet-setbtn,
.sheet-tabstoggle[value="gmcombat"] ~ div button.sheet-gmcombatbtn,
.sheet-tabstoggle[value="gmunits"] ~ div button.sheet-gmunitsbtn {
  background-color: white;
  color: #009eda;
  border-top: 2px solid #555;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
  border-bottom: 2px solid #FFF;
  margin: 0px 0px 0px 0px;
}

button.sheet-epwbtn,
button.sheet-eswbtn,
button.sheet-ebabtn,
button.sheet-ehgbtn,
button.sheet-eitbtn,
button.sheet-aaabtn,
button.sheet-apabtn,
button.sheet-cwpbtn,
button.sheet-cgnbtn,
button.sheet-cwlbtn,
button.sheet-citbtn {
  background-color: #EEE;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 8px 12px;
  font-weight: bold;
  border-bottom: 2px solid #AAA;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
  top: 2px;
  margin: 0px 2px 0px 2px;
  outline: none;
}

.sheet-tabstoggle[value="epw"] ~ div button.sheet-epwbtn,
.sheet-tabstoggle[value="esw"] ~ div button.sheet-eswbtn,
.sheet-tabstoggle[value="eba"] ~ div button.sheet-ebabtn,
.sheet-tabstoggle[value="ehg"] ~ div button.sheet-ehgbtn,
.sheet-tabstoggle[value="eit"] ~ div button.sheet-eitbtn,
.sheet-tabstoggle[value="aaa"] ~ div button.sheet-aaabtn,
.sheet-tabstoggle[value="apa"] ~ div button.sheet-apabtn,
.sheet-tabstoggle[value="cwp"] ~ div button.sheet-cwpbtn,
.sheet-tabstoggle[value="cgn"] ~ div button.sheet-cgnbtn,
.sheet-tabstoggle[value="cwl"] ~ div button.sheet-cwlbtn,
.sheet-tabstoggle[value="cit"] ~ div button.sheet-citbtn {
  background-color: white;
  color: #c1912e;
  border-top: 2px solid #AAA;
  border-left: 2px solid #AAA;
  border-right: 2px solid #AAA;
  border-bottom: 2px solid #FFF;
  margin: 0px 0px 0px 0px;
}

.sheet-tabrow {
  text-align: left;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #555;
}

.sheet-atk .sheet-tabrow,
.sheet-eqp .sheet-tabrow,
.sheet-aab .sheet-tabrow,
.sheet-gmcombat .sheet-tabrow {
  border-bottom: 2px solid #AAA;
}

.sheet-tabrow h2,
.sheet-tabrow h3 {
  display:inline;
  margin-right: 30px;
}

/* Clearfix */
.repitem::after {
  content: "";
  clear: both;
  display: table;
}

.sheet-clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.sheet-help {
  position:relative;
  right: 340px;
  top: 1px;
  float:right;
  width: 4px;
  color: #AAA;
}

/* Dice icon for roll buttons */
button[type=roll].sheet-btn::before {
  /*font-family: 'dicefontd6';*/
  content: '0 ';
}

/* // Roll Template /////////////////////////////////////////////*/

.sheet-rolltemplate-zafir div.sheet-template-container,
.sheet-rolltemplate-zafirwillattack div.sheet-template-container,
.sheet-rolltemplate-zafirskillaction div.sheet-template-container,
.sheet-rolltemplate-zafirdodge div.sheet-template-container,
.sheet-rolltemplate-zafirgrenade div.sheet-template-container {
  border: 2px solid #777;
  border-radius: 8px;
  padding-top: 6px;
  padding-bottom: 8px;
  background-color: white;
  font-family: "Montserrat", "Arial"
}

.sheet-rolltemplate-zafir div.sheet-template-nameplate,
.sheet-rolltemplate-zafirwillattack  div.sheet-template-nameplate,
.sheet-rolltemplate-zafirskillaction  div.sheet-template-nameplate,
.sheet-rolltemplate-zafirdodge  div.sheet-template-nameplate,
.sheet-rolltemplate-zafirgrenade  div.sheet-template-nameplate {
  background-color: #777;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 8px 4px 8px;
  position: relative;
  top: -6px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.sheet-rolltemplate-zafirwillattack  div.sheet-template-nameplate {
  background-color: #8a58ad;
}

.sheet-rolltemplate-zafirskillaction  div.sheet-template-nameplate {
  background-color: #c1912e;
}

.sheet-rolltemplate-zafirdodge  div.sheet-template-nameplate {
  background-color: #009eda;
}

.sheet-rolltemplate-zafir .sheet-enemy div.sheet-template-nameplate,
.sheet-rolltemplate-zafirgrenade .sheet-enemy div.sheet-template-nameplate {
  background-color: #852419;
  /*background: repeating-linear-gradient(
    -45deg,
    #852419,
    #852419 10px,
    #4a130d 10px,
    #4a130d 20px
  );*/
}

.sheet-rolltemplate-zafirwillattack .sheet-enemy  div.sheet-template-nameplate {
  background-color: #472d59;
  /*background: repeating-linear-gradient(
    -45deg,
    #472d59,
    #472d59 10px,
    #271633 10px,
    #271633 20px
  );*/
}

.sheet-rolltemplate-zafirdodge .sheet-enemy  div.sheet-template-nameplate {
  background-color: #00597a;
  /*background: repeating-linear-gradient(
    -45deg,
    #00597a,
    #00597a 10px,
    #002f40 10px,
    #002f40 20px
  );*/
}

.sheet-rolltemplate-zafir .sheet-enemy div.sheet-template-container,
.sheet-rolltemplate-zafirgrenade .sheet-enemy div.sheet-template-container {
  border: 2px solid #852419;
}

.sheet-rolltemplate-zafirwillattack .sheet-enemy  div.sheet-template-container {
  border: 2px solid #472d59;
}

.sheet-rolltemplate-zafirwillattack div.sheet-template-container {
  border: 2px solid #8a58ad;
}

.sheet-rolltemplate-zafirskillaction div.sheet-template-container {
  border: 2px solid #c1912e;
}

.sheet-rolltemplate-zafirdodge div.sheet-template-container {
  border: 2px solid #009eda;
}

.sheet-rolltemplate-zafirdodge .sheet-enemy div.sheet-template-container {
  border: 2px solid #00597a;
}

.sheet-rolltemplate-zafir .sheet-template-header,
.sheet-rolltemplate-zafirwillattack .sheet-template-header,
.sheet-rolltemplate-zafirskillaction .sheet-template-header,
.sheet-rolltemplate-zafirdodge .sheet-template-header,
.sheet-rolltemplate-zafirgrenade .sheet-template-header {
  color: #555;
  font-weight: bold;
  margin: 0px 8px 0px 8px;
  border-bottom: 1px solid #AAA
}

.sheet-rolltemplate-zafirwillattack .sheet-template-header {
  color: #8a58ad;
}

.sheet-rolltemplate-zafirskillaction .sheet-template-header {
  color: #c1912e;
}

.sheet-rolltemplate-zafirdodge .sheet-template-header {
  color: #009eda;
}

.sheet-rolltemplate-zafir .sheet-template-row,
.sheet-rolltemplate-zafirwillattack .sheet-template-row,
.sheet-rolltemplate-zafirskillaction .sheet-template-row,
.sheet-rolltemplate-zafirdodge .sheet-template-row,
.sheet-rolltemplate-zafirgrenade .sheet-template-row {
  line-height: 2em;
  margin: 8px 0px 0px 0px;
  padding: 0px 8px 0px 8px;
  font-weight: bold;
}

.sheet-rolltemplate-zafirskillaction .sheet-responsibility {
  text-transform: capitalize;
  text-align: right;
  font-style: italic;
  color: gray;
  margin-top: 0px;
  font-size: 0.9em;
}

.sheet-rolltemplate-zafir .sheet-hit,
.sheet-rolltemplate-zafirwillattack .sheet-hit,
.sheet-rolltemplate-zafirskillaction .sheet-hit,
.sheet-rolltemplate-zafirdodge .sheet-hit,
.sheet-rolltemplate-zafirgrenade .sheet-hit {
  background: repeating-linear-gradient(
    -45deg,
    #dbffe1,
    #dbffe1 10px,
    #bfffc9 10px,
    #bfffc9 20px
  );
  color: #1c752a;
}

.sheet-rolltemplate-zafirgrenade .sheet-damage {
  background: repeating-linear-gradient(
    -45deg,
    #e8e8e8,
    #e8e8e8 10px,
    #d4d4d4 10px,
    #d4d4d4 20px
  );
}

.sheet-rolltemplate-zafirgrenade .sheet-damage,
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit {
  margin-top: 4px;
}

.sheet-rolltemplate-zafirwillattack .sheet-critsuccess {
  line-height: 1.5em;
}

.sheet-rolltemplate-zafir .sheet-crit-hit,
.sheet-rolltemplate-zafirwillattack .sheet-crit-hit,
.sheet-rolltemplate-zafirskillaction .sheet-crit-hit,
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit {
  color: white;
  font-weight: bolder;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000,
   -1px  0px 0 #000,  
    1px  0px 0 #000,
    0px -1px 0 #000,
    0px  1px 0 #000;
  /*background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);*/
  /*background: linear-gradient(124deg, #ff9685, #eb7a7a, #e0c675, #fcff82, #7aff91, #6dd8de, #a099ff, #f28dfc, #f28dfc);*/

  background: repeating-linear-gradient(
    -45deg,
    #ffc1b3,
    #ffc1b3 10px,
    #ffd1b0 10px,
    #ffd1b0 20px,
    #feffb3 20px,
    #feffb3 30px,
    #adffb1 30px,
    #adffb1 40px,
    #abf9ff 40px,
    #abf9ff 50px,
    #abb6ff 50px,
    #abb6ff 60px,
    #e3abff 60px,
    #e3abff 70px
  );
}

.sheet-rolltemplate-zafir .sheet-enemy .sheet-crit-hit,
.sheet-rolltemplate-zafirwillattack .sheet-enemy .sheet-crit-hit,
.sheet-rolltemplate-zafirgrenade .sheet-enemy .sheet-crit-hit {
  background: repeating-linear-gradient(
    -45deg,
    #737019,
    #737019 10px,
    #4a4a4a 10px,
    #4a4a4a 20px);
}

.sheet-rolltemplate-zafir .sheet-hit .inlinerollresult,
.sheet-rolltemplate-zafir .sheet-miss .inlinerollresult,
.sheet-rolltemplate-zafir .sheet-crit-hit .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-hit .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-miss .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-crit-hit .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-hit .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-miss .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-crit-hit .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-hit .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-miss .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-crit-hit .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-hit .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-crit-hit .inlinerollresult {
  color: black;
  font-weight: bold;
  text-shadow: none;
}

.sheet-rolltemplate-zafir .sheet-miss,
.sheet-rolltemplate-zafirskillaction .sheet-miss,
.sheet-rolltemplate-zafirdodge .sheet-miss {
  background: repeating-linear-gradient(
    -45deg,
    #ffe3e0,
    #ffe3e0 10px,
    #ffd1cc 10px,
    #ffd1cc 20px
  );
  color: #852419;
}

.sheet-rolltemplate-zafirwillattack .sheet-miss {
  background: repeating-linear-gradient(
    -45deg,
    #f4e3ff,
    #f4e3ff 10px,
    #e2b8ff 10px,
    #e2b8ff 20px
  );
  color: #4e1573;
}

.sheet-rolltemplate-zafir .sheet-notes,
.sheet-rolltemplate-zafirwillattack .sheet-notes {
  font-style: italic;
  font-weight: normal;
  color: gray;
  padding-left: 20px;
  line-height: 1em;
}

.sheet-rolltemplate-zafirgrenade .sheet-notes {
  font-style: italic;
  font-weight: normal;
  color: gray;
  padding-left: 20px;
  margin-top: 4px;
  line-height: 1.2em;
}

.sheet-rolltemplate-zafir .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .inlinerollresult,
.sheet-rolltemplate-zafirdodge .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .inlinerollresult {
  display: inline;
  min-width: 1em;
  line-height: 1.3em;
  text-align: center;
  border: 2px solid #AAA;
  float: right;
  margin-top: 2px;
  background-color: white;
}

.sheet-rolltemplate-zafir .inlinerollresult.fullcrit,
.sheet-rolltemplate-zafirwillattack .inlinerollresult.fullcrit,
.sheet-rolltemplate-zafirskillaction .inlinerollresult.fullcrit,
.sheet-rolltemplate-zafirdodge .inlinerollresult.fullcrit,
.sheet-rolltemplate-zafirgrenade .inlinerollresult.fullcrit {
  border: 2px solid #AAA;
}

.sheet-rolltemplate-zafir .inlinerollresult.fullfail,
.sheet-rolltemplate-zafirwillattack .inlinerollresult.fullfail,
.sheet-rolltemplate-zafirskillaction .inlinerollresult.fullfail,
.sheet-rolltemplate-zafirdodge .inlinerollresult.fullfail,
.sheet-rolltemplate-zafirgrenade .inlinerollresult.fullfail {
  border: 2px solid #AAA;
}

.sheet-rolltemplate-zafir .inlinerollresult.importantroll,
.sheet-rolltemplate-zafirwillattack .inlinerollresult.importantroll,
.sheet-rolltemplate-zafirskillaction .inlinerollresult.importantroll,
.sheet-rolltemplate-zafirdodge .inlinerollresult.importantroll,
.sheet-rolltemplate-zafirgrenade .inlinerollresult.importantroll {
  border: 2px solid #AAA;
}

.sheet-rolltemplate-zafir .sheet-aimroll .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-aimroll .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-aimroll .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-aimroll .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-aimroll .inlinerollresult {
  border: 2px solid #a83131;
}

.sheet-rolltemplate-zafir .sheet-critroll .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-critroll .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-critroll .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-critroll .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-critroll .inlinerollresult {
  border: 2px solid #d6c44b;
}

.sheet-rolltemplate-zafir .sheet-resistroll .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-resistroll .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-resistroll .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-resistroll .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-resistroll .inlinerollresult {
  border: 2px solid #6e2999;
}

.sheet-rolltemplate-zafir .sheet-dodgeroll .inlinerollresult,
.sheet-rolltemplate-zafirwillattack .sheet-dodgeroll .inlinerollresult,
.sheet-rolltemplate-zafirskillaction .sheet-dodgeroll .inlinerollresult,
.sheet-rolltemplate-zafirdodge .sheet-dodgeroll .inlinerollresult,
.sheet-rolltemplate-zafirgrenade .sheet-dodgeroll .inlinerollresult {
  border: 2px solid #009eda;
}

/* // Charactermancer /////////////////////////////////////////// */
.sheet-popup-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  background-color: black;
}

.sheet-popup {
  position: absolute;
  width: 300px;
  height: auto;
  background-color: white;
  border: 2px solid #555;
  border-radius: 8px;
  margin: auto;
  left: calc(50% - 150px);
  top: calc(50% - 100px);
}

.sheet-popup-header {
  height: 50px;
  padding-left: 16px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  background-color: #555;
  color: white;
}

.sheet-popup-content {
  padding: 8px 16px;
  font-size: 16px;
}

.sheet-charmancer {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

.sheet-charmancer p {
  font-size: 16px;
}

.sheet-charmancer .sheet-content {
  width: 100%;
}

.sheet-charmancer .sheet-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sheet-charmancer button.sheet-cbtn {
  background-color: #EEE;
  border: none;
  color: #777;
  font-size: 14px;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 8px;
  outline: none;
  margin: 0px 8px 0px 2px;
  text-shadow: none;
  background-image: none;
  box-shadow: none;
  text-align: center;
}

.sheet-charmancer button.sheet-cbtn:hover {
  background-color: #DDD;
}

.sheet-charmancer button.sheet-cbtn:active {
  background-color: #CCC;
}

.sheet-charmancer button.sheet-here {
  background-color: white;
  color: #c1912e;
  border: 2px solid #555;
  margin: 0px 6px 0px 0px;
}

.sheet-charmancer button.sheet-cancel {
  color: white;
  background-color: #d17462;
  margin-left: auto;
  margin-right: 0;
}

.sheet-charmancer button.sheet-cancel:hover {
  background-color: #b36252;
}

.sheet-charmancer button.sheet-cancel:active {
  background-color: #945043;
}

.sheet-charmancer button.sheet-finish {
  color: white;
  background-color: #469c47;
}

.sheet-charmancer button.sheet-finish:hover {
  background-color: #377a38;
}

.sheet-charmancer button.sheet-finish:active {
  background-color: #285929;
}

.sheet-charmancer .sheet-steps {
  position: sticky;
  padding: 6px 0px;
  background-color: white;
  z-index: 100;
  top: 0;
  border-bottom: 2px solid #AAA;
  flex: 100%;
  margin: 0 0 8px 0;
  display: flex;
  flex-flow: row;
}

.sheet-charmancer .sheet-bottomnav {
  position: sticky;
  bottom: -1px;
  border-top: 2px solid #AAA;
  padding: 0.5em 0;
  background: white;
  flex: 100%;
  margin-top: 16px;
  margin-bottom: 0px;
  display: flex;
  flex-flow: row;
}

.sheet-charmancer .sheet-bottomnav .sheet-next {
  margin-left: auto;
  margin-right: 0;
}

.sheet-charmancer .sheet-bottomnav .sheet-back {
  margin-left: 0;
  margin-right: auto;
}

.sheet-charmancer select {
  width: calc(100% - 100px);
}

.sheet-charmancer select option:disabled {
    font-style: italic;
}

.sheet-charmancer hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

.sheet-charmancer h2.sheet-subtitle {
  text-align: center
}

.sheet-charmancer .sheet-weaponlabel {
  width: 100%;
  background-color: #ffe3a0;
  padding:4px;
  margin-bottom: 2px;
}

.sheet-charmancer .sheet-weaponlabel em {
  font-size: 13px;
  font-weight: initial;
}

.sheet-charmancer .sheet-abilitylabel {
  width: 100%;
  background-color: #aadcef;
  padding:4px;
  margin-bottom: 2px;
}