.charsheet div[class^="sheet-sectiontab"] { 	
	display: none;
}

.charsheet input.sheet-tab8:checked ~ div.sheet-sectiontab-configroll {
	display: block;
}



input.sheet-condition-display[value="0"] ~ span.sheet-body {
    display: none;
}



input.sheet-condition-display:not([value="0"]) ~ span.sheet-body {
     float: left; 
}

button[type=roll].sheet-new-roll {
  color: #18650D;
  background-color: #ffffff;
  font-weight: bold;
  text-align:center;
  width: 20px;
  height: 20px;
  margin: 0.0;
  padding: 0.0em;
  border: 1px solid black;
  border-radius: 5px;
}

div,
button,
textarea,
span,
input,
select,
img,
label{
    box-sizing: border-box;
}
div{
    margin: 0px;
    padding: 0px;
}
img{
    margin: 0px;
    padding: 0px;
}
/* ==== CLASSES ==== */
.sheet-help {cursor: help;}
.sheet-debug{
    border: 1px solid red;
}
.sheet-underlined{
    border-bottom: 1px solid black;
}
.sheet-bordered{
    border: 1px solid black;
    margin-bottom: 4px;
}
.sheet-titled{
    margin-top: -13px;
    padding-top: 15px;
}
.sheet-block{display: block;}
.sheet-inbox{
    padding-left:2px;
    padding-bottom: 2px;
    text-align: left;
}
.sheet-inboxright{
    padding-right: 2px;
    padding-bottom: 2px;
    text-align: right;
}
.sheet-indent{
    text-indent: 10px;
}
.sheet-padindent{
    padding-left: 10px;
}
.sheet-margindent {
    margin-left: 10px;
}
.sheet-bold{
    font-weight: bold;
}
.sheet-center{
    text-align: center;
}
.sheet-upper {
    text-transform: uppercase;
}
.sheet-labline {
    line-height: 1em;
    white-space: nowrap;
}
.sheet-labline.sheet-right {
    text-align: right;
}
.sheet-labline.sheet-top {
    margin-top: 2px;
}
.sheet-labline.sheet-bottom {
    margin-bottom: 2px;
}
.sheet-invisible {
    opacity: 0;
}
.sheet-greybg{
    background-color: #DDD;
}
.sheet-grtopbrd{
    border-top: 1px solid #DDD;
    margin-top: 2px;
}
.sheet-grbotbrd{
    border-bottom: 1px solid #DDD;
}
.sheet-w100{
    width: 100px;
}
.sheet-w50{
    width: 50px;
}
.sheet-whitebgrd{
    background: white;
}
.sheet-invisible {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.sheet-invisible:hover {
    opacity: 1;
}
/* ==== DIVS ==== */
div.sheet-statblock {
    display: none;
    vertical-align: top;
    text-align: left;
    width: 600px;
    max-width: 600px;
    background-color: white;
    font-family: sans-serif;
    color: black;
    font-size: 1.0em;
}
div.sheet-fullpc{
    display: block;
    position: relative;
    vertical-align: top;
    text-align: left;
    width: 850px;
    max-width: 850px;
    background-color: white;
    font-family: 'Times New Roman';
    color: black;
}
.sheet-npc_toggle:checked ~ .sheet-statblock {
    display: block;
}
.sheet-npc_toggle:checked ~ .sheet-fullpc {
    display: none;
}
div.sheet-myrow{
    width: 100%;
    text-align: left;
}
div.sheet-myrow.sheet-right{
    text-align: right;
}
div.sheet-myrow.sheet-center{
    text-align: center;
}
.sheet-npc-display div.sheet-myrow {
    margin-top: 2px;
    margin-bottom: 2px;
}
.sheet-topspace {margin-top: 6px;}
div.sheet-abilities{
    width: 500px;
    max-width: 500px;
}
div.sheet-ability {
    margin-bottom: 1px;
}
div.sheet-colhalf{
    display: inline-block;
    vertical-align: top;
    width: 49.8%;
    text-align: left;
}
div.sheet-col1third{
    display: inline-block;
    vertical-align: top;
    width: 276px;
    max-width: 276px;
    margin: 1px;
    text-align: center;
}
.sheet-spells div.sheet-col1third {
    width: 275px;
    max-width: 275px;
    text-align: left;
}
div.sheet-col2third{
    display: inline-block;
    vertical-align: top;
    width: 560px;
    max-width: 560px;
}
.sheet-blacklabel{
    display: inline-flex;
    align-items: center;
    background-color: black;
    color: white;
    text-align: center;
    vertical-align: top;
    height: 24px;
    text-transform: uppercase;
    border: none;
}
.sheet-blacklabel.sheet-pnty {
    flex-flow: row nowrap;
    justify-content: space-between;
}
.sheet-blacklabel.sheet-sqr {
    flex-flow: column wrap;
    justify-content: center;
}
.sheet-blacklabel.sheet-right {
    flex-flow: row nowrap;
    justify-content: flex-end;
}
.sheet-blacklabel .sheet-big {
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.0em;
    font-weight: bold;
}
.sheet-blacklabel .sheet-big.sheet-only {
    flex-grow: 2;
}
.sheet-blacklabel .sheet-med {
    display: block;
    font-size: 0.80em;
    line-height: 0.85em;
}
.sheet-blacklabel .sheet-med.sheet-only {
    align-self: flex-end;
    margin-bottom: 3px;
}
.sheet-blacklabel .sheet-sml {
    display: block;
    font-size: 0.65em;
    line-height: 0.65em;
    font-family: sans-serif;
}
img.sheet-brdleft,
img.sheet-brdright {
    display: inline-block;
    height: inherit;
}
img.sheet-brdleft {margin-right: 4px;}
img.sheet-brdright {margin-left: 4px;}
div.sheet-identity{
    display: inline-block;
    margin-left: 4px;
}
/*
MARK02
*/
div.sheet-boxed {
    display: inline-block;
    border: 1px solid black;
    width: 30px;
    height: 24px;
    vertical-align: top;
    text-align: center;
    background-color: white;
}
div.sheet-boxed.sheet-greybg {background-color: #DDD;}
input.sheet-redbrd:not([value="0"]) + div.sheet-boxed.sheet-redbrd,
.sheet-acvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd,
.sheet-hpvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd {
    border-color: #BE202E;
}
input.sheet-redbrd:not([value="0"]) + div.sheet-boxed.sheet-redbrd span.sheet-pseudoattr,
.sheet-acvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd  span.sheet-pseudoattr,
.sheet-hpvalues input.sheet-redbrd:not([value="0"]) ~ div.sheet-boxed.sheet-redbrd  input[type="number"].sheet-hp {
    color: #BE202E;
}

div.sheet-ability,
div.sheet-acvalues,
div.sheet-initiative,
div.sheet-acitem,
div.sheet-saves,
div.sheet-babs,
div.sheet-attackmods,
div.sheet-defenses,
div.sheet-attack,
div.sheet-skill,
div.sheet-concentration,
div.sheet-spell,
div.sheet-statblock,
div.sheet-encumbrance,
div.sheet-speeds,
div.sheet-gearitem,
div.sheet-skills,
div.sheet-attacks {
    position: relative;
}
div.sheet-abilities,
div.sheet-subcol {
    display: inline-block;
    vertical-align: top;
}
div.sheet-subcol.sheet-hpinit {
    width: 170px;
    max-width: 170px;
}
div.sheet-initiative {display: block;}
.sheet-identity span{
    display: block;
    margin-left: 2px;
    text-transform: capitalize;
    font-size: 1.03em;
    color: black;
}
.sheet-identity input[type=text].sheet-medium {width: 139px;}
.sheet-identity input[type=text].sheet-small {width: 46px;}
.sheet-abilities .sheet-blacklabel {width: 80px;}
.sheet-abilities div.sheet-boxed{
    margin-left: 5px;
    margin-right: 5px;
}
.sheet-initiative .sheet-blacklabel {width: 70px;}

.sheet-initiative div.sheet-boxed {margin-left: 5px;}

.sheet-acvalues .sheet-blacklabel.sheet-ac {width: 40px;}
.sheet-acvalues .sheet-blacklabel.sheet-touch {width: 72px;}
.sheet-acvalues .sheet-blacklabel.sheet-flatfooted {width: 131px;}
.sheet-acvalues .sheet-labline .sheet-lab.sheet-margindent {margin-left: 13px;}

div.sheet-save {display: inline-block;}
div.sheet-saves div.sheet-boxed {width: 35px;}
div.sheet-saves div.sheet-boxed span.sheet-pseudoattr {width: 31px;}
.sheet-fortitude .sheet-blacklabel,
.sheet-reflex .sheet-blacklabel,
.sheet-will .sheet-blacklabel {width: 62px;}

.sheet-babs .sheet-blacklabel.sheet-bab {width: 215px;}
.sheet-babs .sheet-blacklabel.sheet-cmb {width: 75px;}

.sheet-attackmods .sheet-blacklabel.sheet-melee,
.sheet-attackmods .sheet-blacklabel.sheet-ranged {width: 123px;}

.sheet-defenses .sheet-blacklabel.sheet-cmd {width: 84px;}
.sheet-defenses .sheet-blacklabel.sheet-sr {width: 205px;}

.sheet-speeds .sheet-blacklabel.sheet-land {width: 70px;}

.sheet-acitems {
    width: 584px;
    max-width: 584px;
}
.sheet-acitems .sheet-item {width: 190px;}
.sheet-acitems .sheet-equipped {width: 16px;}
.sheet-acitems .sheet-ac,
.sheet-acitems .sheet-flat,
.sheet-acitems .sheet-touch,
.sheet-acitems .sheet-natural,
.sheet-acitems .sheet-deflection,
.sheet-acitems .sheet-dodge,
.sheet-acitems .sheet-check,
.sheet-acitems .sheet-max,
.sheet-acitems .sheet-spellfailure {width: 32px;}
.sheet-acitems .sheet-spacer.sheet-type,
.sheet-acitems .sheet-type {width: 50px;}
.sheet-acitems .sheet-lab.sheet-totals {width: 90px;}
.sheet-acitems .sheet-lab.sheet-shield,
.sheet-acitems .sheet-lab.sheet-armor {width: 50px;}
.sheet-acitem div.sheet-myrow {padding-left: 16px;}
.sheet-acitem .sheet-speed {width: 50px;}
.sheet-acitems .sheet-labline .sheet-lab {width: 28px;}
.sheet-acitems .sheet-labline .sheet-speed {margin-left: 144px;}
.sheet-acitem .sheet-name {width: 209px;}

.sheet-attacks {text-align: right;}
.sheet-attacks div.sheet-padindent {padding-left: 22px;}
.sheet-attacks .sheet-dmgbase {width: 120px;}
.sheet-attacks .sheet-dmgtype {width: 120px;}
.sheet-attacks span.sheet-lbl.sheet-atk {
    width: 55px;
    vertical-align: bottom;
}
.sheet-attacks .sheet-blacklabel .sheet-weapon-title {width: 195px;}
.sheet-attacks .sheet-blacklabel .sheet-atk-title {width: 105px;}
.sheet-attacks .sheet-blacklabel .sheet-damage-title {width: 50px;}
.sheet-attacks .sheet-blacklabel .sheet-ammo-title {width: 40px;}
div.sheet-attack {margin-bottom: 2px;}
.sheet-attack .sheet-weapon {
    display: inline-block;
    width: 208px;
    text-align: left;
    font-size: 1.1em;
    padding-left: 2px;
    vertical-align: top;
}
.sheet-attack .sheet-weapon .sheet-vs {
    width: auto;
    text-align: right;
    font-family: sans-serif;
    font-size: 0.8em;
    white-space: pre;
    vertical-align: top;
}
.sheet-attacks .sheet-atk {
    display: inline-block;
    width: 105px;
    vertical-align: top;
}
.sheet-attacks .sheet-damage {
    display: inline-block;
    width: 50px;
    vertical-align: top;
}
.sheet-attacks .sheet-atk .sheet-pseudoattr,
.sheet-attacks .sheet-damage .sheet-pseudoattr {
    text-align: center;
    font-family: sans-serif;
    font-size: 0.95em;
}
.sheet-attacks .sheet-ammo {width: 40px;}
.sheet-attacks select.sheet-type {width: 55px;}
.sheet-attacks select.sheet-vs {width: 90px;}
.sheet-attacks select.sheet-dmg {width: 70px;}

.sheet-skills .sheet-blacklabel {width: 85%;}
.sheet-skills .sheet-blacklabel.sheet-totalranks {
    width: 165px;
    margin-left: 133px;
}
.sheet-skills .sheet-name {width: 180px;}
.sheet-skill .sheet-number,
.sheet-spellcasting .sheet-number,
.sheet-spells .sheet-number {
    width: 30px;
    text-align: center;
}
.sheet-skill span.sheet-perform,
.sheet-skill span.sheet-craft,
.sheet-skill span.sheet-knowledge,
.sheet-skill span.sheet-profession,
.sheet-skill span.sheet-custom {width: 60px;}
.sheet-skill span.sheet-custom.sheet-only {width: 180px;}
.sheet-skill input[type="text"].sheet-craft,
.sheet-skill input[type="text"].sheet-knowledge,
.sheet-skill input[type="text"].sheet-perform,
.sheet-skill input[type="text"].sheet-profession,
.sheet-skill input[type="text"].sheet-custom {width: 117px;}

.sheet-spellcasting .sheet-perlevel {margin-bottom: 1px;}
.sheet-spellcasting .sheet-perlevel .sheet-lab,
.sheet-spellcasting .sheet-perlevel .sheet-level {
    width: 40px;
    margin: 0px 1px 0px 1px;
}
.sheet-spellcasting .sheet-perlevel .sheet-boxed {margin: 0px 1px 0px 1px;}
.sheet-spells .sheet-blacklabel {width: 60%;}
div.sheet-spell {margin-top: 2px;}
.sheet-spell .sheet-lab {text-align: left;}
span.sheet-std {width: 80px;}
input[type="text"].sheet-std {
    font-size: 1.2em;
    line-height: 1.2em;
}
.sheet-spell input[type="text"].sheet-std {width: 180px;}
.sheet-fullpc .sheet-feat input[type="text"].sheet-std,
.sheet-fullpc .sheet-ability input[type="text"].sheet-std {width: 320px;}
.sheet-statblock .sheet-feat input[type="text"].sheet-std {width: 210px;}
.sheet-autoex.sheet-std {
    display: inline-block;
    vertical-align: bottom;
}
.sheet-spell .sheet-autoex.sheet-std {
    width: 180px;
    max-width: 180px;
}
.sheet-fullpc .sheet-feat .sheet-autoex.sheet-std {
    width: 320px;
    max-width: 320px;
}
.sheet-statblock .sheet-feat .sheet-autoex.sheet-std {
    width: 210px;
    max-width: 210px;
}
.sheet-spell span.sheet-med {width: 95px;}
.sheet-spell input[type="text"].sheet-med {
    width: 150px;
    font-size: 1.2em;
    line-height: 1.2em;
}
.sheet-spell .sheet-atk {width: 50px;}
.sheet-spell .sheet-damage {width: 80px;}
.sheet-spell .sheet-dmgbase {width: 75px;}
.sheet-spell .sheet-dmgtype {width: 75px;}
.sheet-spell span.sheet-lbl.sheet-atk {width: 55px;}
.sheet-spell span.sheet-lbl.sheet-typ {width: 35px;}
.sheet-spell .sheet-spelldsp {
    width: 185px;
    text-align: left;
    font-size: 1.2em;
    padding-left: 2px;
}
.sheet-statblock .sheet-npcatk .sheet-attack {
    display: inline-block;
    position: relative;
}
.sheet-spells .sheet-pseudoattr.sheet-sml {width: 25px;}
.sheet-fullpc .sheet-money .sheet-blacklabel,
.sheet-fullpc .sheet-feats .sheet-blacklabel,
.sheet-fullpc .sheet-traits .sheet-blacklabel,
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-title {width: 95%;}
.sheet-fullpc .sheet-gear .sheet-blacklabel.sheet-total {
    width: calc(100% + 2px);
    padding-right: 2px;
    margin-top: 2px;
    margin-right: -2px;
    margin-bottom: -2px;
}
.sheet-gear .sheet-qty  {width: 50px;}
.sheet-gear .sheet-total {width: 35px;}
.sheet-gear .sheet-weight {width: 75px;}
.sheet-gear .sheet-wtotal {
    width: 45px;
    color: black;
}
.sheet-gearitem input.sheet-item {width: 275px;}
.sheet-gear span.sheet-overload {color: white;}
.sheet-gear input.sheet-overload[value="over"] + span.sheet-overload {
    font-weight: bold;
    color: #BE202E;
    text-transform: uppercase;
}

.sheet-encumbrance .sheet-lab.sheet-std {width: 75px;}

.sheet-conditions-container {

    position: absolute;
    text-align:left;
    left: 0px;
    top: 74px;
    vertical-align: top;
}
.sheet-conditions-container .sheet-lab {
    vertical-align: top;
    font-size: 0.95em;
}
.sheet-conditions-container .sheet-lab.sheet-conditions-display {
    width: 295px;
    white-space: normal;
    color: #BE202E;
    text-align: left;
}
.sheet-options.sheet-conditions {
    position: absolute;
    background: white;
    top: 18px;
    left: 1px;
    z-index: 4;
    border: 1px solid black;
    box-shadow: 3px 3px rgba(128,128,128,0.5);
    padding: 2px;
    white-space: nowrap;
    width: auto;
}
.sheet-options.sheet-conditions input[type="checkbox"].sheet-labelcheck:checked + span.sheet-lbl,
.sheet-options.sheet-conditions input[type="hidden"]:not([value="0"]) + span.sheet-lbl {
    color: #BE202E;
    font-weight: bold;
}

/* ===== SPANS ===== */
span {display: inline-block;}
span.sheet-roundblack {
    background-color: black;
    border-radius: 50%;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
    font-size: 0.8em;
    height: 12px;
    width: 12px;
    line-height: 12px;
    vertical-align: bottom;
    text-align: center;
}
span.sheet-spacer{
    min-width: 10px;
    text-align: center;
}
span.sheet-lab {
    text-align: center;
    vertical-align: bottom;
    font-family: sans-serif;
    font-size: 0.84em;
    line-height: 1.1em;
    text-transform: capitalize;
    white-space: pre;
    color: black;
}
.sheet-lab.sheet-right{text-align: right;}
.sheet-abilities .sheet-lab:first-child {width: 80px;}

/*
.sheet-lab
*/
.sheet-abilities .sheet-lab {width: 40px;}
.sheet-hpvalues .sheet-lab {width: 40px;}
.sheet-initiative .sheet-lab {width: 45px;}
.sheet-acvalues .sheet-lab,
.sheet-babs .sheet-lab,
.sheet-attackmods .sheet-lab,
.sheet-defenses .sheet-lab,
.sheet-speeds .sheet-lab {width: 40px;}
.sheet-saves .sheet-lab {width: 35px;}

.sheet-lbl {
    text-align: left;
    vertical-align: bottom;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1.2em;
    text-transform: capitalize;
    white-space: pre;
}
.sheet-lbl.sheet-right {text-align: right;}
.sheet-lbl.sheet-upper {text-transform: uppercase;}

span.sheet-pseudoattr {
    font-family: 'Patrick Hand';
    font-size: 1.2em;
    line-height: 16px;
    height: 18px;
    vertical-align: bottom;
    white-space: pre-line;
    overflow: hidden;
    color: #211;
}
.sheet-pseudoattr.sheet-redtxt {color: #BE202E;}
div.sheet-boxed span.sheet-pseudoattr {
    min-width: 36px;
    margin-top: 3px;
}
.sheet-acitems div.sheet-boxed {width: 28px;}
.sheet-acitems div.sheet-boxed span.sheet-pseudoattr {
    min-width: 26px;
    width: 26px;
}

.sheet-skills .sheet-lab.sheet-class {width: 20px;}
.sheet-skills .sheet-lab.sheet-name {
    width: 176px;
    text-align: left;
}
.sheet-skills .sheet-lab.sheet-total,
.sheet-skills .sheet-lab.sheet-ability,
.sheet-skills .sheet-lab.sheet-ranks,
.sheet-skills .sheet-lab.sheet-misc {width: 39px;}
.sheet-skills .sheet-lab.sheet-temp {width: 37px;}
.sheet-skill div.sheet-skillability {display: none;}
.sheet-skill input.sheet-skillability[value="strength"] + div.sheet-skillability,
.sheet-skill input.sheet-skillability[value="dexterity"] + div.sheet-skillability {display: inline-block;}

.sheet-fullpc .sheet-feat,
.sheet-fullpc .sheet-ability {margin-top: 2px;}

.sheet-statblock .sheet-senses {width: 350px;}
.sheet-statblock .sheet-type {width: 325px;}
.sheet-statblock .sheet-aura {width: 458px;}
.sheet-statblock .sheet-skill {
    width: 115px;
    text-align: right;
}
span.sheet-npc-section {
    display: block;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 1.15em;
    margin-top: 10px;
    padding-left: 2px;
}

.sheet-multiclass {
    text-align: left;
    white-space: nowrap;
}
.sheet-multiclass .sheet-lab {
    width: 30px;
    font-weight: bold;
}
.sheet-labline.sheet-multiclass.sheet-bord {border-bottom: 1px dotted #CCC;}
.sheet-multiclass .sheet-lab.sheet-spellcasting {
    width: 176px;
    text-transform: uppercase;
    text-align: left;
}
.sheet-multiclass .sheet-lab.sheet-class {width: 140px;}
.sheet-multiclass .sheet-lab.sheet-fav {width: 15px;}
.sheet-multiclass .sheet-lab.sheet-hd {width: 24px;}
.sheet-multiclass .sheet-lab.sheet-spell,
.sheet-multiclass .sheet-spell {
    width: 20px;
    text-align: center;
}
.sheet-multiclass .sheet-ability {width: 70px;}
.sheet-multiclass .sheet-lab.sheet-fail {
    width: 20px;
    text-align: left;
}
.sheet-multiclass .sheet-boxed {width: 30px;}

/* ===== INPUTS ===== */
input, textarea{
    background-color: transparent;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: 'Patrick Hand';
    font-size: 1.2em;
    color: #211;
    border: none;
    border-radius: 0;
    box-shadow: none;
    resize:none;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:hover, select:focus{
    background-color: rgba(230,221,148,0.3);
    outline: none;
}

input[type="text"].sheet-right {text-align: right;}
input[type="text"].sheet-spsml {width: 20px;}
input[type="text"].sheet-sml {width: 30px;}
input[type="text"].sheet-small {width: 45px;}
input[type="text"].sheet-smlmed {width: 80px;}
input[type="text"].sheet-medium {width: 140px;}

input[type="number"]{
    text-align: center;
    vertical-align: middle;
}
input[type="number"].sheet-nospin::-webkit-inner-spin-button,
input[type="number"].sheet-nospin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}
input[type=number].sheet-nospin {
    -moz-appearance:textfield;
}
input[type="number"].sheet-spsml {width: 20px;}
.sheet-npc-display input[type="number"].sheet-spsml {vertical-align: top;}
input[type="number"].sheet-sml {width: 30px;}
div.sheet-boxed input[type="number"]{
    width: 30px;
    height: 18px;
    margin-top: 2px;
}
.sheet-identity input[type="number"],
.sheet-attacks input[type="number"],
.sheet-spells input[type="number"],
.sheet-statblock input[type="number"].sheet-medium {width: 35px;}
.sheet-acitem input[type="number"] {width: 28px;}
.sheet-spells input[type="number"].sheet-sml {width: 25px;}
.sheet-skill input[type="number"],
.sheet-spellcasting input[type="number"] {width: 30px;}

select {
    width: auto;
    height: 1.3em;
    line-height: 1.0em;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: capitalize;
    vertical-align: bottom;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.0em;
    font-family: sans-serif;
    border: none;
    border-radius: 0;
    box-shadow: none;
    resize: none;
    background: transparent;
    color: #211;
}
select.sheet-alignment {width: 110px;}
select.sheet-size {width: 80px;}
.sheet-acitem select{width: 50px;}

/* ===== ABILITIES ===== */
.sheet-baseattr {
    opacity: 0;
    height: 0px;
    width: 0px;
    pointer-events: none;
    display: inline;
    position: absolute;
}
.sheet-finalattr {
    display: inline-block;
}
.sheet-boxed:hover .sheet-baseattr,
.sheet-boxed .sheet-baseattr:focus {
    opacity: 1;
    width: 36px;
    height: 18px;
    pointer-events: auto;
    position: static;
}
.sheet-boxed:hover .sheet-finalattr,
.sheet-boxed .sheet-baseattr:focus ~ .sheet-finalattr {display: none;}
/* ===== FLAGS ===== */
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span,
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span,
.sheet-spells .sheet-attr-flag:not([value="0"]) + span.sheet-prepared {color: #501414;}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + span:after,
.sheet-spellcasting .sheet-attr-flag:not([value="0"]) + span:after,
.sheet-spells .sheet-attr-flag:not([value="0"]) +  span.sheet-prepared:after {
    content: "e";
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    margin-left: 1px;
}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr{color: #501414;}
.sheet-boxed .sheet-attr-flag:not([value="0"]) + .sheet-finalattr:after{
    content: "e";
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    position: absolute;
    margin-left: 1px;
}
.sheet-skill .sheet-attr-flag:not([value="0"]) + span {color: #501414;}
.sheet-skill .sheet-attr-flag:not([value="0"]) + span:after{
    font-family: "Pictos";
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 1px;
}
.sheet-skill .sheet-attr-flag[value="1"] + span:after {
    content: "U";
}
.sheet-skill .sheet-attr-flag[value="2"] + span:after {
    content: "e";
}
.sheet-skill .sheet-attr-flag[value="3"] + span:after {
    content: "Ue";
}
.sheet-spell .sheet-attr-flag + span{
    position: absolute;
    right: 75px;
}
.sheet-spell .sheet-attr-flag:not([value="0"]) + span:after{
    font-family: "Pictos Three";
    font-size: 1.2em;
    font-weight: bold;
    color: #BE202E;
    background: #DDD;
    content: "g";
}
.sheet-spell .sheet-domain-flag + span {
    margin-left: 2px;
}
.sheet-spell .sheet-domain-flag:not([value="0"]) + span:after {
    font-family: "Times New Roman";
    font-size: 0.60em;
    font-weight: normal;
    color: black;
    background: transparent;
    content: "D";
    vertical-align: super;
    line-height: 0.9em;
}

.sheet-picto {
    font-family: "Pictos";
    font-size: 16px;
}
/* === FLAG CONDITION === */
.sheet-abilities div.sheet-ability div.sheet-blacklabel span.sheet-picto,
.sheet-topspace.sheet-initiative span.sheet-picto,
.sheet-saves .sheet-picto,
.sheet-cmb span.sheet-picto,
.sheet-attackmods .sheet-melee span.sheet-picto,
.sheet-attackmods .sheet-ranged span.sheet-picto,
.sheet-attacks .sheet-picto,
.sheet-skills .sheet-picto {
    position: absolute;
    top: 2px;
    color: #ffbac0;
    display: none;
}
.sheet-abilities div.sheet-ability div.sheet-blacklabel span.sheet-picto {left: 63px;}
.sheet-topspace.sheet-initiative span.sheet-picto {left: 53px;}
.sheet-cmb span.sheet-picto {left: 276px;}
.sheet-attackmods .sheet-melee span.sheet-picto {left: 16px;}
.sheet-attackmods .sheet-ranged span.sheet-picto {left: 229px;}
.sheet-saves .sheet-fortitude .sheet-picto {left: 48px;}
.sheet-saves .sheet-reflex .sheet-picto {left: 190px;}
.sheet-saves .sheet-will .sheet-picto {left: 333px;}
.sheet-attacks .sheet-picto {left: 26px;}
.sheet-skills .sheet-picto {left: 50px;}
.sheet-abilities input.sheet-condition-flag:not([value="0"]) ~ div.sheet-ability div.sheet-blacklabel span.sheet-picto,
.sheet-topspace.sheet-initiative input.sheet-condition-flag:not([value="0"]) + span.sheet-picto,
.sheet-tabmain input.sheet-condition-flag.sheet-attacks:not([value="0"]) ~ div span.sheet-picto.sheet-attacks,

.sheet-saves input.sheet-condition-flag:not([value="0"]) ~ .sheet-save span.sheet-picto,
.sheet-skills input.sheet-condition-flag:not([value="0"]) + .sheet-picto
 {display: inline-block;}

/* ===== BUTTONS ===== */
button[type="compendium"].sheet-myrol,
button[type="roll"].sheet-myrol {
    text-align: center;
    text-decoration: none;
    background:none;
    background-image:none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: inherit;
    margin: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    text-align: inherit;
    vertical-align: inherit;
    border-radius: none;
}
button[type="compendium"].sheet-myrol:hover,
button[type="roll"].sheet-myrol:hover,
button[type="roll"].sheet-myrol:hover span,
button[type="roll"].sheet-myrol:hover span.sheet-pseudoattr {
    color: #BE202E;
}
button[type="roll"].sheet-myrol:before{
    content: none;
}
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 1.3em;
    line-height: 1.0em;
}
.sheet-blacklabel button[type="roll"].sheet-myrol.sheet-big.sheet-only {
    flex-grow: 2;
}
button[type="roll"].sheet-myrol.sheet-margindent {margin-left: 14px;}
.sheet-statblock  button[type="roll"].sheet-myrol{margin: 0px 0px 0px 0px;}
button[type="roll"].sheet-myrol.sheet-underl {
    margin-left: 14px;
    border-bottom: 1px dotted #999;
}
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl,
.sheet-spelllike .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {font-style: italic;}
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl {
    margin-right: 2px;
    border-bottom: 1px dotted transparent;
}
button[type="roll"].sheet-myrol.sheet-underl:hover,
.sheet-spells .sheet-spell button[type="roll"].sheet-myrol.sheet-underl:hover {border-bottom: 1px dotted #BE202E;}

.sheet-statblock .sheet-attack .sheet-lbl.sheet-atk {width: 55px;}
.sheet-statblock .sheet-prep {
    width: 55px;
    text-align: center;
}

button[type="compendium"].sheet-myrol {
    display: none;
}
.sheet-fromcompendium:not([value=""]) + button[type="compendium"].sheet-myrol {
    display: inline-block;
}

/* ===== PSEUDO CHECKS and RADIOS ===== */
input[type="checkbox"].sheet-pseudocheck,
input[type="radio"].sheet-pseudocheck {
    opacity: 0;
    width: 13px;
    cursor: pointer;
    z-index: 10;
    margin-top: 3px;
    line-height: 13px;
}
input[type="checkbox"].sheet-pseudocheck + span,
input[type="radio"].sheet-pseudocheck + span {
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    display: inline-block;
    margin-left: -13px;
}
input[type="checkbox"].sheet-pseudocheck + span::before,
input[type="radio"].sheet-pseudocheck + span::before {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    margin-right: 1px;
}
input[type="checkbox"].sheet-pseudocheck + span::before {
    content: "☐";
    line-height: 18px;
    font-size: 18px;
}
input[type="checkbox"].sheet-pseudocheck:checked + span::before {
    content: "☑";
}
input[type="radio"].sheet-pseudocheck + span {
    border: 1px solid black;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    vertical-align: bottom;
}
input[type="radio"].sheet-pseudocheck + span::before {
    content: "";
    margin-top: -4px;
}
input[type="radio"].sheet-pseudocheck:checked + span::before {
    content: "✔";
}
input[type="checkbox"].sheet-labelcheck,
input[type="checkbox"].sheet-pictocheck {
    opacity: 0;
    width: 85px;
    cursor: pointer;
    z-index: 10;
    margin-top: -2px;
    height: 15px;
}
input[type="checkbox"].sheet-labelcheck + span,
input[type="checkbox"].sheet-pictocheck + span {
    margin-left: -85px;
    min-width: 85px;
    text-align: top;
}
input[type="checkbox"].sheet-labelcheck + span::before,
input[type="checkbox"].sheet-pictocheck + span::before {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    margin-right: 1px;
}
input[type="checkbox"].sheet-labelcheck + span::before {
    content: "☐";
    line-height: 18px;
    font-size: 18px;
}
input[type="checkbox"].sheet-labelcheck:hover + span::before {font-weight: normal;}
input[type="checkbox"].sheet-labelcheck:checked + span::before {
    content: "☑";
    font-weight: normal;
}
input[type="checkbox"].sheet-pictocheck + span::before {
    font-family: "Pictos";
    font-size: 1.2em;
}
input[type="checkbox"].sheet-pictocheck + span.sheet-reset::before {content: "1";}
input[type="checkbox"].sheet-pictocheck + span.sheet-condcheck::before {content: "Y";}
input[type="checkbox"].sheet-labelcheck:hover + span,
input[type="checkbox"].sheet-pictocheck:hover + span,
input[type="checkbox"].sheet-labelcheck:checked + span,
input[type="checkbox"].sheet-pictocheck:checked + span {
    font-weight: bold;
}

/* ==== LEFT FILLED RADIO  ==== */
.sheet-dots {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.sheet-spell div.sheet-dots {
    width: 70px;
    text-align: left;
    vertical-align: top;
}
.sheet-dots input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 1;
}
.sheet-dots input[type="radio"],
.sheet-dots input[type="radio"] + span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3px -1px 0px -1px;
}
.sheet-dots input[type="radio"] + span {
    vertical-align: top;
    position: relative;
    background: transparent;
}
.sheet-dots input[type="radio"]:not([value="0"]) + span {
    border: 1px solid black;
    border-radius: 50%;
}
.sheet-dots input[type="radio"]:not([value="0"]) + span::before {
    content: "✔";
    position: absolute;
    top: -3px;
    left: 0px;
}
.sheet-dots input[type="radio"]:checked ~ input[type="radio"] + span::before {
    content: " ";
}
.sheet-dots input[type="radio"][value="0"] + span:before {
    content: "✗";
    font-family: sans-serif;
    font-size: 1.2em;
    line-height: 0.9em;
    position: relative;
}
.sheet-dots input[type="radio"][value="0"]:hover + span:before {
    font-weight: bold;
    color: #BE202E;
}
/* ===== PSEUDO TABS ===== */
/* ===== PSEUDO TABS ===== */
div.sheet-tabmain,
div.sheet-tabadd,
div.sheet-tabspell,
div.sheet-tabconf {
    display: none;
    text-align: center;
    width: 100%;
    border-top: 1px solid black;
    padding-top: 4px;
}
input.sheet-tabmain:checked ~ div.sheet-tabmain{
    display: block;
}
input.sheet-tabadd:checked ~ div.sheet-tabadd{
    display: block;
}
input.sheet-tabspell:checked ~ div.sheet-tabspell{
    display: block;
}
input.sheet-tabconf:checked ~ div.sheet-tabconf{
    display: block;
}
input.sheet-tabmain,
input.sheet-tabadd,
input.sheet-tabspell,
input.sheet-tabconf{
    margin: 0;
    margin-top: -4px;
    margin-bottom: -4px;
    padding: 0;
    display: inline-block;
    opacity: 0;
    width: 110px;
    height: 20px;
    z-index: 2;
}
input.sheet-tabmain + span,
input.sheet-tabadd + span,
input.sheet-tabspell + span,
input.sheet-tabconf + span{
    color: #666666;
    background-color: #BBBBBB;
    font-size: 0.85em;
    text-align:center;
    display: inline-block;
    width: 110px;
    height: 20px;
    margin: 0;
    margin-left: -110px;
    margin-right: -5px;
    padding:0;
    margin-bottom: -1px;
    text-transform: uppercase;
    border: 1px solid #666666;
    border-bottom-color: black;
    z-index: 1;
}
input.sheet-tabmain:checked + span,
input.sheet-tabadd:checked + span,
input.sheet-tabspell:checked + span,
input.sheet-tabconf:checked + span{
    font-weight: bold;
    color: black;
    background-color: white;
    border-left-color: black;
    border-top-color: black;
    border-right-color: black;
    border-bottom-color: white;
}
/* ===== OPTIONS ===== */
.sheet-options-flag {
    opacity: 0;
    position: absolute;
    width: 16px;
    min-height: 16px;
    z-index: 2;
}
.sheet-options-flag + span {
    position: absolute;
    white-space: nowrap;
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: pictos;
    color: #BBBBBB;
    cursor: pointer;
    margin-top: 0px;
    display: none;
}
.sheet-options-flag:hover + span,
.sheet-options-flag:checked + span {
    color: #C3996B;
    display: block;
}
.sheet-abilities .sheet-options-flag,
.sheet-abilities .sheet-options-flag + span,
.sheet-acvalues .sheet-options-flag,
.sheet-acvalues .sheet-options-flag + span,
.sheet-initiative .sheet-options-flag,
.sheet-initiative .sheet-options-flag + span,
.sheet-saves .sheet-options-flag.sheet-fortitude,
.sheet-saves .sheet-options-flag.sheet-fortitude + span,
.sheet-babs .sheet-options-flag.sheet-bab,
.sheet-babs .sheet-options-flag.sheet-bab + span,
.sheet-attackmods .sheet-options-flag.sheet-melee,
.sheet-attackmods .sheet-options-flag.sheet-melee + span,
.sheet-defenses .sheet-options-flag.sheet-cmd,
.sheet-defenses .sheet-options-flag.sheet-cmd + span,
.sheet-attacks .sheet-options-flag,
.sheet-attacks .sheet-options-flag + span,
.sheet-skill .sheet-options-flag,
.sheet-skill .sheet-options-flag + span,
.sheet-concentration .sheet-options-flag,
.sheet-concentration .sheet-options-flag + span,
.sheet-spell .sheet-options-flag,
.sheet-spell .sheet-options-flag + span,
.sheet-speeds .sheet-options-flag,
.sheet-speeds .sheet-options-flag + span,
.sheet-gearitem .sheet-options-flag,
.sheet-gearitem .sheet-options-flag + span,
.sheet-conditions-container  .sheet-options-flag + span {
    top: -2px;
    left: 0px;
}
.sheet-saves .sheet-options-flag.sheet-reflex,
.sheet-saves .sheet-options-flag.sheet-reflex + span {
    top: -2px;
    left: 141px;
}
.sheet-saves .sheet-options-flag.sheet-will,
.sheet-saves .sheet-options-flag.sheet-will + span {
    top: -2px;
    left: 283px;
}
.sheet-babs .sheet-options-flag.sheet-cmb,
.sheet-babs .sheet-options-flag.sheet-cmb + span {
    top: -2px;
    left: 262px;
}
.sheet-attackmods .sheet-options-flag.sheet-ranged,
.sheet-attackmods .sheet-options-flag.sheet-ranged + span {
    top: -2px;
    left: 215px;
}
.sheet-defenses .sheet-options-flag.sheet-sr,
.sheet-defenses .sheet-options-flag.sheet-sr + span {
    top: -2px;
    left: 174px;
}
.sheet-abilities .sheet-ability:hover .sheet-options-flag + span,
.sheet-acvalues:hover .sheet-options-flag + span,
.sheet-initiative:hover .sheet-options-flag + span,
.sheet-acitem:hover .sheet-options-flag + span,
.sheet-saves:hover .sheet-options-flag + span,
.sheet-babs:hover .sheet-options-flag + span,
.sheet-attackmods:hover .sheet-options-flag + span,
.sheet-defenses:hover .sheet-options-flag + span,
.sheet-attack:hover .sheet-options-flag + span,
.sheet-skill:hover .sheet-options-flag + span,
.sheet-concentration:hover .sheet-options-flag + span,
.sheet-spell:hover .sheet-options-flag + span,
.sheet-statblock .sheet-head-info:hover .sheet-options-flag + span,
.sheet-statblock .sheet-npcatk .sheet-attack:hover .sheet-options-flag + span,
.sheet-feat:hover .sheet-options-flag + span,
.sheet-ability:hover .sheet-options-flag + span,
.sheet-metamagic:hover .sheet-options-flag + span,
.sheet-encumbrance:hover .sheet-options-flag + span,
.sheet-speeds:hover .sheet-options-flag + span,
.sheet-gearitem:hover .sheet-options-flag + span,
.sheet-conditions-container:hover .sheet-options-flag + span {
    display: block;
}

.sheet-options,
.sheet-options-fortitude,
.sheet-options-reflex,
.sheet-options-will,
.sheet-options-bab,
.sheet-options-cmb,
.sheet-options-melee,
.sheet-options-ranged,
.sheet-options-cmd,
.sheet-options-sr {
    display: none;
    margin-top: 2px;
    border-top: 1px dotted rgba(195,153,107,0.2);
    border-bottom: 2px dotted #C3996B;
}
.sheet-fullpc .sheet-options,
.sheet-options-fortitude,
.sheet-options-reflex,
.sheet-options-will,
.sheet-options-bab,
.sheet-options-cmb,
.sheet-options-melee,
.sheet-options-ranged,
.sheet-options-cmd,
.sheet-options-sr {
    background-color: rgb(250,250,250);
}
.sheet-spelllike .sheet-options,
.sheet-npcatk .sheet-options {
    background-color: rgb(250,250,250);
    width: 100%;
}

.sheet-options-flag:checked ~ .sheet-options,
.sheet-pictocheck.sheet-option:checked ~ .sheet-options,
.sheet-options-flag.sheet-fortitude:checked ~ .sheet-options-fortitude,
.sheet-options-flag.sheet-reflex:checked ~ .sheet-options-reflex,
.sheet-options-flag.sheet-will:checked ~ .sheet-options-will,
.sheet-options-flag.sheet-bab:checked ~ .sheet-options-bab,
.sheet-options-flag.sheet-cmb:checked ~ .sheet-options-cmb,
.sheet-options-flag.sheet-melee:checked ~ .sheet-options-melee,
.sheet-options-flag.sheet-ranged:checked ~ .sheet-options-ranged,
.sheet-options-flag.sheet-cmd:checked ~ .sheet-options-cmd,
.sheet-options-flag.sheet-sr:checked ~ .sheet-options-sr {
    display: inherit;
}

.sheet-optional-flag,
.sheet-optional-flag0 {display: none;}
.sheet-optional,
.sheet-tabspell.sheet-optional.sheet-inl,
.sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
.sheet-spells .sheet-col1third.sheet-optional.sheet-inl {display: none;}
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-blk,
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-blk {display: block;}
.sheet-optional-flag:not([value=""]) + .sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl,
.sheet-optional-flag0:not([value="0"]) + .sheet-tabspell.sheet-optional.sheet-inl + span.sheet-optional.sheet-inl,
 .sheet-spells .sheet-optional-flag0:not([value="0"]) + .sheet-col1third.sheet-optional.sheet-inl {display: inline-block;}

/* ===== AUTO EXPAND TEXTAREA ===== */
.sheet-autoex {
    position: relative;
    cursor: text;
    font-family: 'Patrick Hand';
    font-size: 1.2em;
    line-height: 1.4em;
    min-height: 1.4em;
    text-align: left;
}
.sheet-autoex span {
    visibility: hidden;
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre-wrap;
    text-align: inherit;
    min-height: inherit;
}
.sheet-autoex textarea {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: pre-wrap;
    text-align: inherit;
    min-height: inherit;
}
.sheet-hpvalues.sheet-autoex {
    font-size: 1.15em;
    line-height: 1.15em;
}
/* ===== REPEATING SECTIONS CTRL ===== */
.sheet-fullpc .repcontrol {
    margin-top: 2px;
    min-height: 27px;
    width: 90%;
    text-align: center;
}
.repcontrol .btn {
    border: none;
    color: white !important;
    background: none;
    box-shadow: none;
    font-size: 0;
}
.sheet-fullpc .repcontrol .btn {padding: 0px 0px 0px 0px;}
.sheet-statblock .repcontrol .btn {
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    display: inline-block;
    width: 25px;
    font-size: 0px;
}

.repcontrol .btn:focus {outline: 0;}
.repcontrol .repcontrol_add:before {
    content: '&';
    font-family: pictos;
    color: black;
    display: inline-block;
}
.sheet-fullpc .repcontrol  .repcontrol_add:before,
.sheet-fullpc .repcontrol .repcontrol_edit:after {
    border: 1px solid black;
    border-radius: 50%;
    font-size: 13px;
    padding: 3px;
    height: 12px;
    width: 12px;
    line-height: 12px;
}
.sheet-statblock .repcontrol .repcontrol_add:before,
.sheet-statblock .repcontrol .repcontrol_edit:after {
    font-size: 12px;
    padding: 2px;
    height: 10px;
    width: 10px;
    line-height: 10px;
}

.repcontrol .repcontrol_edit:after {
    content: '(';
    font-family: pictos;
    color: black;
    display: inline-block;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
    content: ')';
    vertical-align: bottom;
}

.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before {
    color: #C3996B;
    border-color: #C3996B;
}
.repcontainer .repitem .itemcontrol {z-index: 10;}
.repcontainer .repitem .itemcontrol .repcontrol_del {
    float: right;
    font-size: 10px;
    padding: 0px;
    height: 18px;
    width: 18px;
}
.repcontainer .repitem .itemcontrol .repcontrol_move {
    cursor: move;
    float: left;
    font-size: 10px;
    padding: 0px;
    height: 18px;
    width: 18px;
}
.sheet-statblock .sheet-npcatk .repitem,
.sheet-statblock .sheet-npcatk .repcontrol,
.sheet-statblock .sheet-npcatk .repcontainer {vertical-align: top;}
.sheet-statblock .sheet-npcatk .repitem {display: inline-block;}
.sheet-statblock .sheet-npcatk .repcontrol {display: inline-block;}
.sheet-statblock .sheet-npcatk .repcontainer {display: inline;}
.sheet-statblock .sheet-npcatk.sheet-melee .repcontainer,
.sheet-statblock .sheet-npcatk.sheet-feats .repcontainer {max-width: 560px;}
.sheet-statblock .sheet-npcatk.sheet-ranged .repcontainer {max-width: 545px;}
.sheet-statblock .sheet-npcatk.sheet-special .repcontainer {max-width: 500px;}
.sheet-statblock .sheet-npcatk.sheet-spells .repcontainer {max-width: 540px;}

/* ===== ROLL TEMPLATES ===== */
.sheet-rolltemplate-pc,
.sheet-rolltemplate-npc {font-family: sans-serif;}

/* API buttons */
.sheet-rolltemplate-pc a[href^="~"] {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: #182C4A;
    display: inline-block;
    border: none;
    text-align: left;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
    font-weight: bold;
}
.sheet-rolltemplate-pc a:hover {color: #BE202E;}

/* Rolls */
.sheet-rolltemplate-pc .inlinerollresult,
.sheet-rolltemplate-npc .inlinerollresult {
    background-color: transparent;
    border: none;
    padding: 0px 0px;
    font-weight: bold;
    cursor: help;
    font-size: 1.25em;
    padding: 2px;
}
.sheet-rolltemplate-pc .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}

.sheet-rolltemplate-pc .sheet-resright .inlinerollresult,
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
    font-size: 1.6em;
    line-height: 1.45em;
}
.sheet-rolltemplate-pc .sheet-success,
.sheet-rolltemplate-npc .sheet-success {
    color: #247305;
}
.sheet-rolltemplate-pc .sheet-failure,
.sheet-rolltemplate-npc .sheet-failure {
    color: #BE202E;
}
.sheet-rolltemplate-pc .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
    border: none;
    color: #247305;
}
.sheet-rolltemplate-pc .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
    border: none;
    color: #4A57ED;
}
.sheet-rolltemplate-pc .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
    border: none;
    color: #BE202E;
}

/* flex */
.sheet-rolltemplate-pc .sheet-flexatk,
.sheet-rolltemplate-npc .sheet-flexatk {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sheet-rolltemplate-pc .sheet-flexatk {border-top: 1px dotted #182C4A;}
.sheet-rolltemplate-npc .sheet-flexatk {border-top: 1px dotted #3C2517;}

.sheet-rolltemplate-pc .sheet-spacer,
.sheet-rolltemplate-npc .sheet-spacer {flex-grow: 2;}
.sheet-rolltemplate-pc .sheet-flexdmg,
.sheet-rolltemplate-npc .sheet-flexdmg {
    display: flex;
    align-items: center;
}

/* classes */
.sheet-rolltemplate-pc div,
.sheet-rolltemplate-pc span,
.sheet-rolltemplate-pc img,
.sheet-rolltemplate-npc div,
.sheet-rolltemplate-npc span,
.sheet-rolltemplate-npc img {
    box-sizing: border-box;
}
.sheet-rolltemplate-pc div,
.sheet-rolltemplate-npc div {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-pc img,
.sheet-rolltemplate-npc img {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-pc .sheet-center,
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
.sheet-rolltemplate-pc .sheet-right,
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
.sheet-rolltemplate-pc .sheet-ital,
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
.sheet-rolltemplate-pc .sheet-inl,
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
.sheet-rolltemplate-pc .sheet-bold,
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
.sheet-rolltemplate-pc .sheet-vtop,
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}

.sheet-rolltemplate-pc .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
    padding: 0px 1px 0px 2px;
}
.sheet-rolltemplate-pc .sheet-bordered .sheet-myrow:nth-child(odd) {background: linear-gradient(to left,white,#D8DBE6);}
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);}

.sheet-rolltemplate-pc div.sheet-charname {
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    padding: 1px 1px 1px 2px;
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-charname {
    padding: 4px 0px 1px 0px;
    background-color: transparent;
    margin-left: -14px;
    text-shadow: 1px 1px #FDFDFD;
    font-size: 1em;
}

.sheet-rolltemplate-pc div.sheet-notes,
.sheet-rolltemplate-npc div.sheet-notes {
    max-height: 220px;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
    padding: 1px 1px 1px 2px;
    background-color: #DDD;
    border-color: #BBB;
}

.sheet-rolltemplate-pc div.sheet-desc,
.sheet-rolltemplate-npc div.sheet-desc {
    max-height: 220px;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    margin-top: 2px;
    padding: 1px 1px 1px 2px;
}
.sheet-rolltemplate-pc div.sheet-desc {
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-desc {
    border-color: #3C2517;
    background-color: white;
}

.sheet-rolltemplate-pc span.sheet-notes,
.sheet-rolltemplate-npc span.sheet-notes {
    font-family: sans-serif;
    font-size: 0.9em;
    color: black;
}
.sheet-rolltemplate-pc span.sheet-notes.sheet-conditions {color: #BE202E;}

.sheet-rolltemplate-pc .sheet-lbl,
.sheet-rolltemplate-npc .sheet-lbl {
    text-align: left;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
}
.sheet-rolltemplate-pc .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}

.sheet-rolltemplate-pc .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
    border-style: solid;
    border-width: 1px;
    text-align: left;
    vertical-align: top;
    position: relative;
}

/* ICONS */
.sheet-rolltemplate-pc .sheet-icon,
.sheet-rolltemplate-npc .sheet-icon {
    position: absolute;
    top: 6px;
    left: -40px;
    width: 40px;
    text-align: center;
}
.sheet-rolltemplate-pc .sheet-icon::after,
.sheet-rolltemplate-npc .sheet-icon::after {font-size: 1.55em;}
.sheet-rolltemplate-pc .sheet-icon::after {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-icon::after {color: #3C2517;}
.sheet-rolltemplate-pc .sheet-icon.sheet-initiative::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-initiative::after {
    font-family: "Pictos";
    content: 'g';
    font-size: 2em;
}
.sheet-rolltemplate-pc .sheet-icon.sheet-skill::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-skill::after {
    font-family: "Pictos";
    content: 'x';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-hp::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-hp::after {
    font-family: "Pictos";
    content: 'k';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-save::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-save::after {
    font-family: "Pictos Custom";
    content: 'e';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-attackdamage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attackdamage::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: '⚔t';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-attack::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-attack::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: '⚔';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-damage::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-damage::after {
    font-family: "Pictos Custom";
    font-weight: bold;
    content: 't';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-ability::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-ability::after {
    font-family: "Pictos";
    content: 'U';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-feat::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-feat::after {
    font-family: "Pictos";
    content: 'E';
}
.sheet-rolltemplate-pc .sheet-icon.sheet-spell::after,
.sheet-rolltemplate-npc .sheet-icon.sheet-spell::after {
    font-family: "Pictos Three";
    content: 'j';
    font-size: 2em;
}


.sheet-rolltemplate-pc .sheet-bordered {
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc .sheet-bordered {
    background-color: white;
    border-color: #3C2517;
}

.sheet-rolltemplate-pc .sheet-symbol,
.sheet-rolltemplate-npc .sheet-symbol {
    font-family: "Pictos Custom";
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
}
.sheet-rolltemplate-pc .sheet-smallname,
.sheet-rolltemplate-npc .sheet-smallname {
    font-family: sans-serif;
    font-size: 0.9em;
}
.sheet-rolltemplate-pc .sheet-smallname {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-smallname {color: #3C2517;}

/* top bands */
.sheet-rolltemplate-pc img.sheet-brdright,
.sheet-rolltemplate-pc img.sheet-brdleft {
    display: inline-block;
    position: absolute;
    vertical-align: top;
    top: 0px;
}
.sheet-rolltemplate-pc img.sheet-brdleft {left: 0px;}
.sheet-rolltemplate-pc img.sheet-brdright {right: 0px;}

.sheet-rolltemplate-pc .sheet-blacklabel,
.sheet-rolltemplate-npc .sheet-blacklabel {
    display: inline-block;
    vertical-align: top;
    border: none;
    position: relative;
    font-size: 0.9em;
}
.sheet-rolltemplate-pc .sheet-blacklabel {
    background-color: #182C4A;
    color: white;
}
.sheet-rolltemplate-npc .sheet-blacklabel {
    background-color: transparent;
    color: #3C2517;
    font-weight: bold;
}
/* top */
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top {
    height: 36px;
    width: 85%;
    max-width: 85%;
    vertical-align: top;
    padding-right: 27px;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {
    height: 36px;
    width: 78%;
    max-width: 78%;
    vertical-align: top;
    padding-right: 27px;
}

.sheet-rolltemplate-pc .sheet-blacklabel.sheet-top img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top img.sheet-brdright {
    width: 26px;
    height: 36px;
}
/* med */
.sheet-rolltemplate-pc span.sheet-med {
    font-weight: normal;
    font-size: 0.9em;
}
.sheet-rolltemplate-npc span.sheet-med {
    font-style: italic;
    color: #3C2517;
    font-size: 0.9em;
    font-weight: bold;
}

.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
    height: 20px;
    vertical-align: top;
    white-space: nowrap;
    line-height: 1.5em;
    font-weight: bold;
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med {
    min-width: 75px;
    padding: 0px 20px 0px 2px;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med {
    min-width: 70px;
    padding: 0px 2px 0px 2px;
    background: linear-gradient(to right,#c3996b7a,white);
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-right {
    padding: 0px 2px 0px 20px;
    text-align: right;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-right {
    text-align: right;
    background: linear-gradient(to left,#c3996b7a,white);
}
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med.sheet-yellow {
    color: #E6DD94;
    font-weight: normal;
}
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med.sheet-yellow {
    color: #501414;
    font-weight: normal;
}

.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-pc .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
    height: 20px;
}

.sheet-rolltemplate-pc .sheet-blacklabel .sheet-big,
.sheet-rolltemplate-npc .sheet-big {
    display: inline;
    font-family: sans-serif;
    font-size: 1.0em;
    line-height: 1.0em;
    padding-left: 1px;
    font-weight: bold;
    text-transform: uppercase;
}
.sheet-rolltemplate-npc .sheet-big {color: #3C2517;}

.sheet-rolltemplate-pc .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
    display: inline;
    float: right;
    margin-right: 3px;
    clear: both;
}