select,
div,
button,
textarea,
span,
input,
img,
label{
    box-sizing: border-box;
}
div{
    margin: 0px;
    padding: 0px;
}
img{
    margin: 0px;
    padding: 0px;
}
table, th, td {
	max-width:850px;
    border: 1px solid black;
    text-align:center;
	font-size: 1.00em;
}


/* ==== CLASSES ==== */
.sheet-top-area {display:block; position:relative; clear:both; overflow:hidden; min-height:200px;}
.sheet-top-area .sheet-left {display:block; position:relative; width:35%; float:left;}
.sheet-top-area .sheet-right {display:block; position:relative; width:35%; float:right;}
.sheet-top-area .sheet-logo {display:block; position:absolute; top:50%; left:38%; right:38%; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sheet-top-area .sheet-logo img {max-width:100%;}

.sheet-icon-text-field {display:table; width:100%; table-layout:fixed; position:relative; border-bottom:1px dashed #333;}
.sheet-icon-text-field.sheet-no-line {border-bottom:0;}
.sheet-icon-text-field input[type="text"] {display:block; position:relative; width:100%; box-sizing:border-box; height:30px; text-align:left; padding:0 10px; color:#000;}
.sheet-icon-text-field input[type="text"].sheet-point {font-weight:800; color:#000;}
.sheet-icon-text-field span {display:table-cell; height:30px; vertical-align:middle; width:85px; padding-left:20px; box-sizing:border-box; color:#777;}
.sheet-icon-text-field span:before {content:""; display:block; position:absolute; top:50%; left:0; width:15px; height:15px; background:url('https://i.imgur.com/wnVubts.png') no-repeat 50% 50%; background-size:contain; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sheet-icon-text-field span + span {width:auto !important; padding-left:0;}
.sheet-icon-text-field span + span:before {display:none;}
.sheet-icon-text-field textarea {height:50px; text-align:left; padding:5px 10px;}

.sheet-icon-text-field.sheet-sub-text span {}
.sheet-icon-text-field.sheet-sub-text span:before {display:none;}

.sheet-icon-text-field .sheet-side {width:60px !important; text-align:center;}
.sheet-icon-text-field .sheet-side input[type="checkbox"] {display:none;}
.sheet-icon-text-field .sheet-side input[type="checkbox"] + label {display:inline-block; position:relative; vertical-align:middle; text-align:left; text-indent:-999px; overflow:hidden; width:15px; height:15px; border-radius:100%; box-sizing:border-box; border:2px solid #000; cursor:pointer; margin:0;}
.sheet-icon-text-field .sheet-side input[type="checkbox"]:checked + label {background:#333;}

.sheet-icon-text-field .sheet-select-group em {display:block; float:left; position:relative;} 
.sheet-icon-text-field .sheet-select-group em + em {padding-left:20px;}
.sheet-icon-text-field .sheet-select-group em + em:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#000; border-radius:100%; left:7px; top:50%; margin-top:-1px;}
.sheet-icon-text-field .sheet-select-group select {height:30px;}

.sheet-icon-text-row {display:block; overflow:hidden; clear:both;}
.sheet-icon-text-row .sheet-cols {width:50%; float:left;}
.sheet-icon-text-row .sheet-icon-text-field span {width:70px;}
.sheet-icon-text-row.sheet-group-3 .sheet-cols {width:33.33%;}

.sheet-design-text-field {text-align:center; margin-top:-20px;}
.sheet-design-text-field .sheet-item {display:inline-block; vertical-align:middle; width:70px; height:70px; background:url('https://i.imgur.com/To23ccc.png') no-repeat 50% 50%; background-size:contain;}
.sheet-design-text-field .sheet-item p {display:block; position:relative; height:55%; margin:0;}
.sheet-design-text-field .sheet-item span {display:block; position:absolute; top:50%; left:0; right:0; color:#fff; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.sheet-design-text-field .sheet-item input[type="text"] {display:block; position:relative; width:80%; margin:0 auto; box-sizing:border-box; text-align:center; color:#000; font-weight:800; font-size:13px;}

.sheet-senario-area {display:block; position:relative; clear:both; overflow:hidden; margin:20px 0;}
.sheet-senario-area .sheet-left {display:block; position:absolute; width:300px; top:0; left:0; }
.sheet-senario-area .sheet-right {display:block; position:relative; margin-left:350px; min-height:270px;}

.sheet-senario-area .sheet-design-text-area {text-align:center; font-weight:800;width:300px; height:271px; padding:45px; background:url('https://i.imgur.com/FqueMIm.png') no-repeat 50% 50%; background-size:contain; box-sizing:border-box;}
.sheet-senario-area .sheet-design-text-area textarea {display:block; margin-top:5px; height:160px; width:100%; text-align:left;}

.sheet-design-graph-bar {display:block; position:relative; line-height:40px; height:40px; overflow:hidden; padding:0 32px 0 135px; background:url('https://i.imgur.com/99M42p7.png') repeat-x 0 50%; background-size: auto 100%;}
.sheet-design-graph-bar:before {content:""; display:block; position:absolute; top:0; left:0; width:40px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 0 50%; background-size:auto 100%; box-sizing:border-box; }
.sheet-design-graph-bar:after {content:""; display:block; position:absolute; top:0; right:0; width:32px; bottom:0; background:url('https://i.imgur.com/M4VO22z.png') no-repeat 100% 50%; background-size:auto 100%; box-sizing:border-box; }
.sheet-design-graph-bar + .sheet-design-graph-bar {margin-top:10px;}
.sheet-design-graph-bar span {display:block; position:absolute; top:0; bottom:0; line-height:40px; padding-left:25px; left:40px; }
.sheet-design-graph-bar select,
.sheet-design-graph-bar input[type="number"] {height:30px; text-align:center; font-weight:800; color:#000; width:40px; margin-bottom:5px; box-sizing:border-box;}
.sheet-design-graph-bar select {margin-bottom:6px;}
.sheet-design-graph-bar .sheet-check-cost {display:block; position:absolute; top:50%; margin-top:-14px; right:30px; width:250px; height:28px; overflow:hidden; text-indent:-999px; background:url('https://i.imgur.com/nsK868s.png') no-repeat 100% 50%; background-size:contain; z-index:1;}
.sheet-design-graph-bar .sheet-check-cost[value="1"] {background-image:url('https://i.imgur.com/pBemetF.png');}
.sheet-design-graph-bar .sheet-check-cost[value="2"] {background-image:url('https://i.imgur.com/gFbfdOo.png');}
.sheet-design-graph-bar .sheet-check-cost[value="3"] {background-image:url('https://i.imgur.com/HfULWWx.png');}
.sheet-design-graph-bar .sheet-check-cost[value="4"] {background-image:url('https://i.imgur.com/ySEJNis.png');}
.sheet-design-graph-bar .sheet-check-cost[value="5"] {background-image:url('https://i.imgur.com/i3obpbB.png');}
.sheet-design-graph-bar .sheet-check-cost[value="6"] {background-image:url('https://i.imgur.com/HEblrpr.png');}
.sheet-design-graph-bar .sheet-check-cost[value="7"] {background-image:url('https://i.imgur.com/5jnF6YT.png');}
.sheet-design-graph-bar .sheet-check-cost[value="8"] {background-image:url('https://i.imgur.com/Iz7QDJV.png');}
.sheet-design-graph-bar .sheet-check-cost[value="9"] {background-image:url('https://i.imgur.com/4zxA5Wu.png');}
.sheet-design-graph-bar .sheet-check-cost[value="10"] {background-image:url('https://i.imgur.com/HAIi346.png');}
.sheet-design-graph-bar .sheet-check-cost[value="11"] {background-image:url('https://i.imgur.com/bxuNE6W.png');}
.sheet-design-graph-bar .sheet-check-cost[value="12"] {background-image:url('https://i.imgur.com/6vPTdjv.png');}
.sheet-design-graph-bar .sheet-check-cost[value="13"] {background-image:url('https://i.imgur.com/6G2RRPK.png');}
.sheet-design-graph-bar .sheet-check-cost[value="14"] {background-image:url('https://i.imgur.com/aKpJOKQ.png');}
.sheet-design-graph-bar .sheet-check-cost[value="15"] {background-image:url('https://i.imgur.com/QPmKcRD.png');}

.sheet-design-graph-bar span:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; background:url('https://i.imgur.com/VV4zOa1.png') no-repeat 50% 50%; background-size:contain;}
.sheet-design-graph-bar.sheet-ty2 span:before {background-image:url('https://i.imgur.com/KGrf90v.png');}

.sheet-sub-design-title {display:block; position:relative; font-size:13px; font-weight:800; margin-top:20px; margin-bottom:10px; background:url('https://i.imgur.com/PQC0K0S.png') no-repeat 50% 50%; background-size:contain; height:40px; text-align:center; line-height:40px;}
.sheet-sub-design-title.sheet-ty2 {background-image:url('https://i.imgur.com/eCvmnOn.png'); width:520px;}
.sheet-sub-design-title.sheet-ty3 {background-image:url('https://i.imgur.com/46qPhvI.png'); width:320px;}

.sheet-floot-roll-box {display:block; clear:both; overflow:hidden;}
.sheet-floot-roll-box .sheet-roll-left {width:40%; float:left;}
.sheet-floot-roll-box .sheet-roll-right {width:58%; float:right;}
.sheet-floot-roll-box table {width:100%; height:100px;}
.sheet-floot-roll-box table td {vertical-align:middle;}
.sheet-floot-roll-box .sheet-roll-right button[type=roll] {height:20px; width:20px; line-height:20px; font-size:1.1em; margin:0; padding:0;}


.sheet-spell-table {position:relative; padding:26px 20px 20px; background:url('https://i.imgur.com/D6OiWLf.png') no-repeat 50% 50%; background-size:100% 100%; box-sizing:border-box;}
.sheet-spell-table .sheet-inner {background:#000;}
.sheet-spell-table table {width:100%; background:#fff; vertical-align:middle;}
.sheet-spell-table .sheet-soul-spec {background:url('https://i.imgur.com/C7AvDtk.png') no-repeat 0 50%; background-size:auto 100%; padding-left:20px;}
.sheet-spell-table .sheet-soul-spec input {height:30px;}

.sheet-other-book-box {clear:both; overflow:hidden; display:block;}
.sheet-other-book-box .sheet-sub-design-title {font-size:16px;}
.sheet-other-book-box .sheet-book-left {width:520px; float:left;}
.sheet-other-book-box .sheet-relation-right {width:320px; float:right;}


/* ==== CLASSES ==== */
.sheet-underlined{
    border-bottom: 1px solid black;
}
.sheet-bordered{
    border: 1px solid black;
    margin-bottom: 4px;
}
.sheet-titled{
    margin-top: -13px;
    padding-top: 25px;
}
.sheet-block{display: block;}
.sheet-inbox{
    padding-left:2px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    text-align: left;
}
.sheet-inboxright{
    padding-right: 2px;
    padding-bottom: 20px;
    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-invisible {
    opacity: 0;
}




/* ==== DIVS ==== */

div.sheet-fullpc{
    display: block;
    vertical-align: top;
    text-align: left;
    width: 850px;
    max-width: 850px;
    background-color: white;
    font-family: 'Times New Roman';
    color: black;
}

div.sheet-myrow{
    width: 100%;
    text-align: left;
}
div.sheet-myrow.sheet-right{
    text-align: right;
}
div.sheet-myrow.sheet-center{
    text-align: center;
}
div.sheet-colhalf{
    display: inline-block;
    vertical-align: top;
    width: 99.6%;
    text-align: left;
}
div.sheet-col1third{
    display: inline-block;
    vertical-align: top;
    width: 276px;
    max-width: 25%;
    margin: 1px;
    text-align: center;
}
div.sheet-col2third{
    display: inline-block;
    vertical-align: top;
    width: 560px;
    max-width: 37%;
}
.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;
}
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;
}
div.sheet-boxed.sheet-greybg{
    background-color: #DDD;
}
div.sheet-subcol {
    display: inline-block;
    vertical-align: top;
}
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: 100px;}
.sheet-identity input[type=text].sheet-small {width: 46px;}
.sheet-initiative .sheet-blacklabel {width: 70px;}

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



.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: 63px;}
.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-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: 180px;}
.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;
}
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;
}

.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-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: 85px;}
.sheet-gear .sheet-wtotal {
    width: 45px;
    color: black;
}
.sheet-gearitem input.sheet-item {width: 260px;}
.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;}

/* ===== 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-abilities .sheet-lab {width: 50px;}
.sheet-hpvalues .sheet-lab {width: 40px;}
.sheet-initiative .sheet-lab {width: 45px;}
.sheet-acvalues .sheet-lab,
.sheet-saves .sheet-lab,
.sheet-babs .sheet-lab,
.sheet-attackmods .sheet-lab,
.sheet-defenses .sheet-lab,
.sheet-speeds .sheet-lab {width: 40px;}

.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;
}
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;
    text-align:center;
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: '';
    font-size: 1.0em;
    color: rgb(85, 85, 85);
    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: 36px;
    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;
    text-align: center;
    text-align-last:center;
    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;
}
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;
}

/* ===== 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{
    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: middle;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
}
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: "✔";
}
/* ==== 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 ===== */
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;
	left:2px;
}
.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-background .sheet-options-flag,
.sheet-background .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 {
    top: -2px;
    left: 5px;
}
.sheet-saves .sheet-options-flag.sheet-reflex,
.sheet-saves .sheet-options-flag.sheet-reflex + span {
    top: -2px;
    left: 148px;
}
.sheet-saves .sheet-options-flag.sheet-will,
.sheet-saves .sheet-options-flag.sheet-will + span {
    top: -2px;
    left: 281px;
}
.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 {
    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;
	margin:5px 10px;
}
.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);
}

.sheet-options-flag: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.1em;
    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: 0.9em;
    line-height: 1.5em;
    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-Magic,
.sheet-rolltemplate-npc {font-family: sans-serif;}

/* API buttons */
.sheet-rolltemplate-Magic 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-Magic a:hover {color: #BE202E;}

/* Rolls */
.sheet-rolltemplate-Magic .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-Magic .inlinerollresult {color: #182C4A;}
.sheet-rolltemplate-npc .inlinerollresult {color: #222;}

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

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

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

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

.sheet-rolltemplate-Magic .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
    padding: 5px;
	border:1px solid #182C4A;
	border-top:0px;
	border-bottom:0px;
	background:#fff;
}
.sheet-rolltemplate-Magic .sheet-vtop + .sheet-myrow {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-Magic 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-Magic 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-Magic div.sheet-desc,
.sheet-rolltemplate-npc div.sheet-desc {
    max-height: 220px;
    overflow-y: auto;
    border-width: 1px;
    border-style: solid;
    padding: 1px 1px 1px 2px;
	border-bottom-width:0;
}
.sheet-rolltemplate-Magic div.sheet-desc {
    background-color: white;
    border-color: #182C4A;
}
.sheet-rolltemplate-npc div.sheet-desc {
    border-color: #3C2517;
    background-color: white;
}

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

.sheet-rolltemplate-Magic .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-Magic .sheet-lbl {color: #182C4A;}
.sheet-rolltemplate-npc .sheet-lbl {color: #3C2517;}

.sheet-rolltemplate-Magic .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
/*    border-style: solid;
    border-width: 1px;*/
	border-bottom:1px solid #182C4A;
    text-align: left;
    vertical-align: top;
    position: relative;
}

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

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

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

.sheet-rolltemplate-Magic .sheet-blacklabel,
.sheet-rolltemplate-npc .sheet-blacklabel {
    display: inline-block;
    vertical-align: top;
    border: none;
    position: relative;
    font-size: 0.9em;
}
.sheet-rolltemplate-Magic .sheet-blacklabel {
    background-color: #182C4A;
    color: white;
}
.sheet-rolltemplate-npc .sheet-blacklabel {
    background-color: transparent;
    color: #3C2517;
    font-weight: bold;
}
.sheet-rolltemplate-Magic .sheet-img {padding-bottom:10px;}
.sheet-rolltemplate-Magic .sheet-img img,
.sheet-rolltemplate-npc .sheet-img img {display:block; margin:0 auto;}
/* top */
.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-top,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-top {display:block; border-radius:5px 5px 0 0; overflow:hidden; padding:10px; font-size:14px; text-align:center;}

/* med */
.sheet-rolltemplate-Magic 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-Magic .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-Magic .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-Magic .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-Magic .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-Magic .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdleft,
.sheet-rolltemplate-Magic .sheet-blacklabel.sheet-med img.sheet-brdright,
.sheet-rolltemplate-npc .sheet-blacklabel.sheet-med img.sheet-brdright {
    height: 20px;
}

.sheet-element-to-determine-style-A2[value='1'] ~ div .sheet-element-to-style-A2,
.sheet-element-to-determine-style-B2[value='1'] ~ div .sheet-element-to-style-B2,
.sheet-element-to-determine-style-C2[value='1'] ~ div .sheet-element-to-style-C2,
.sheet-element-to-determine-style-D2[value='1'] ~ div .sheet-element-to-style-D2,
.sheet-element-to-determine-style-E2[value='1'] ~ div .sheet-element-to-style-E2,
.sheet-element-to-determine-style-F2[value='1'] ~ div .sheet-element-to-style-F2,
.sheet-element-to-determine-style-A3[value='1'] ~ div .sheet-element-to-style-A3,
.sheet-element-to-determine-style-B3[value='1'] ~ div .sheet-element-to-style-B3,
.sheet-element-to-determine-style-C3[value='1'] ~ div .sheet-element-to-style-C3,
.sheet-element-to-determine-style-D3[value='1'] ~ div .sheet-element-to-style-D3,
.sheet-element-to-determine-style-E3[value='1'] ~ div .sheet-element-to-style-E3,
.sheet-element-to-determine-style-F3[value='1'] ~ div .sheet-element-to-style-F3,
.sheet-element-to-determine-style-A4[value='1'] ~ div .sheet-element-to-style-A4,
.sheet-element-to-determine-style-B4[value='1'] ~ div .sheet-element-to-style-B4,
.sheet-element-to-determine-style-C4[value='1'] ~ div .sheet-element-to-style-C4,
.sheet-element-to-determine-style-D4[value='1'] ~ div .sheet-element-to-style-D4,
.sheet-element-to-determine-style-E4[value='1'] ~ div .sheet-element-to-style-E4,
.sheet-element-to-determine-style-F4[value='1'] ~ div .sheet-element-to-style-F4,
.sheet-element-to-determine-style-A5[value='1'] ~ div .sheet-element-to-style-A5,
.sheet-element-to-determine-style-B5[value='1'] ~ div .sheet-element-to-style-B5,
.sheet-element-to-determine-style-C5[value='1'] ~ div .sheet-element-to-style-C5,
.sheet-element-to-determine-style-D5[value='1'] ~ div .sheet-element-to-style-D5,
.sheet-element-to-determine-style-E5[value='1'] ~ div .sheet-element-to-style-E5,
.sheet-element-to-determine-style-F5[value='1'] ~ div .sheet-element-to-style-F5,
.sheet-element-to-determine-style-A6[value='1'] ~ div .sheet-element-to-style-A6,
.sheet-element-to-determine-style-B6[value='1'] ~ div .sheet-element-to-style-B6,
.sheet-element-to-determine-style-C6[value='1'] ~ div .sheet-element-to-style-C6,
.sheet-element-to-determine-style-D6[value='1'] ~ div .sheet-element-to-style-D6,
.sheet-element-to-determine-style-E6[value='1'] ~ div .sheet-element-to-style-E6,
.sheet-element-to-determine-style-F6[value='1'] ~ div .sheet-element-to-style-F6,
.sheet-element-to-determine-style-A7[value='1'] ~ div .sheet-element-to-style-A7,
.sheet-element-to-determine-style-B7[value='1'] ~ div .sheet-element-to-style-B7,
.sheet-element-to-determine-style-C7[value='1'] ~ div .sheet-element-to-style-C7,
.sheet-element-to-determine-style-D7[value='1'] ~ div .sheet-element-to-style-D7,
.sheet-element-to-determine-style-E7[value='1'] ~ div .sheet-element-to-style-E7,
.sheet-element-to-determine-style-F7[value='1'] ~ div .sheet-element-to-style-F7,
.sheet-element-to-determine-style-A8[value='1'] ~ div .sheet-element-to-style-A8,
.sheet-element-to-determine-style-B8[value='1'] ~ div .sheet-element-to-style-B8,
.sheet-element-to-determine-style-C8[value='1'] ~ div .sheet-element-to-style-C8,
.sheet-element-to-determine-style-D8[value='1'] ~ div .sheet-element-to-style-D8,
.sheet-element-to-determine-style-E8[value='1'] ~ div .sheet-element-to-style-E8,
.sheet-element-to-determine-style-F8[value='1'] ~ div .sheet-element-to-style-F8,
.sheet-element-to-determine-style-A9[value='1'] ~ div .sheet-element-to-style-A9,
.sheet-element-to-determine-style-B9[value='1'] ~ div .sheet-element-to-style-B9,
.sheet-element-to-determine-style-C9[value='1'] ~ div .sheet-element-to-style-C9,
.sheet-element-to-determine-style-D9[value='1'] ~ div .sheet-element-to-style-D9,
.sheet-element-to-determine-style-E9[value='1'] ~ div .sheet-element-to-style-E9,
.sheet-element-to-determine-style-F9[value='1'] ~ div .sheet-element-to-style-F9,
.sheet-element-to-determine-style-A10[value='1'] ~ div .sheet-element-to-style-A10,
.sheet-element-to-determine-style-B10[value='1'] ~ div .sheet-element-to-style-B10,
.sheet-element-to-determine-style-C10[value='1'] ~ div .sheet-element-to-style-C10,
.sheet-element-to-determine-style-D10[value='1'] ~ div .sheet-element-to-style-D10,
.sheet-element-to-determine-style-E10[value='1'] ~ div .sheet-element-to-style-E10,
.sheet-element-to-determine-style-F10[value='1'] ~ div .sheet-element-to-style-F10,
.sheet-element-to-determine-style-A11[value='1'] ~ div .sheet-element-to-style-A11,
.sheet-element-to-determine-style-B11[value='1'] ~ div .sheet-element-to-style-B11,
.sheet-element-to-determine-style-C11[value='1'] ~ div .sheet-element-to-style-C11,
.sheet-element-to-determine-style-D11[value='1'] ~ div .sheet-element-to-style-D11,
.sheet-element-to-determine-style-E11[value='1'] ~ div .sheet-element-to-style-E11,
.sheet-element-to-determine-style-F11[value='1'] ~ div .sheet-element-to-style-F11,
.sheet-element-to-determine-style-A12[value='1'] ~ div .sheet-element-to-style-A12,
.sheet-element-to-determine-style-B12[value='1'] ~ div .sheet-element-to-style-B12,
.sheet-element-to-determine-style-C12[value='1'] ~ div .sheet-element-to-style-C12,
.sheet-element-to-determine-style-D12[value='1'] ~ div .sheet-element-to-style-D12,
.sheet-element-to-determine-style-E12[value='1'] ~ div .sheet-element-to-style-E12,
.sheet-element-to-determine-style-F12[value='1'] ~ div .sheet-element-to-style-F12,
.sheet-element-to-determine-style-MuLian[value='1'] ~ div .sheet-element-to-style-MuLian,
.sheet-element-to-determine-style-MuoChie[value='1'] ~ div .sheet-element-to-style-MuoChie,
.sheet-element-to-determine-style-Soul[value='1'] ~ div .sheet-element-to-style-Soul {
  background-color: red;
}

.sheet-element-to-determine-style-A[value='1'] ~ div .sheet-element-to-style-A,
.sheet-element-to-determine-style-B[value='1'] ~ div .sheet-element-to-style-B,
.sheet-element-to-determine-style-C[value='1'] ~ div .sheet-element-to-style-C,
.sheet-element-to-determine-style-D[value='1'] ~ div .sheet-element-to-style-D,
.sheet-element-to-determine-style-E[value='1'] ~ div .sheet-element-to-style-E,
.sheet-element-to-determine-style-Z[value='1'] ~ div .sheet-element-to-style-Z{
  background-color: black;

}

.sheet-rolltemplate-Magic .sheet-blacklabel .sheet-big,
.sheet-rolltemplate-npc .sheet-big {display:block; font-size:12px; padding:0 0 5px; text-align:center; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); margin-bottom:5px;}
.sheet-rolltemplate-npc .sheet-big {color: #3C2517;}

.sheet-rolltemplate-Magic .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
    display: block;
	text-align:center;
	border: 1px solid #182C4A;
    border-top: 0px;
    border-bottom: 0px;
	background:#fff;
    clear: both;
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 1.0em;

}

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

/* Modulation Table */
.sheet-rolltemplate-modulation-table table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-modulation-table caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-modulation-table td {
  padding: 2px;
  border-bottom: 1px solid black;
}


/* Fate-mutation Table */
.sheet-rolltemplate-fate-mutation-table table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-fate-mutation-table caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-fate-mutation-table td {
  padding: 2px;
  border-bottom: 1px solid black;
}


/* Ordinary Scene Table */
.sheet-rolltemplate-ordinary-scene-table table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-ordinary-scene-table caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-ordinary-scene-table td {
  padding: 2px;
  border-bottom: 1px solid black;
}


/* Fumble Table */
.sheet-rolltemplate-fumble-table table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-fumble-table caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-fumble-table td {
  padding: 2px;
  border-bottom: 1px solid black;
}


/* Event Table */
.sheet-rolltemplate-event-table table {
    width: 100%;
    border: 1px solid black;
    color: black;
    background: #FFFFFF;
}
.sheet-rolltemplate-event-table caption {
    text-align: center;
    background: black;
    color: white;
    font-weight: bold;
    padding: 2px;
  border: 1px solid black;
  line-height: 1.6em;
}
.sheet-rolltemplate-event-table td {
  padding: 2px;
  border-bottom: 1px solid black;
}

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

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