roll20-character-sheets-tester/Official Savage Worlds/SavageWorldsCharSheet.css

/*------ Fonts ------*/

/* for Headers */
@import url('https://fonts.googleapis.com/css?family=Rye|Teko|Monoton|DM+Mono&display=swap');
/*@import url('https://fonts.googleapis.com/css?family=Rye|Teko|EB+Garamond|IM+Fell+English|DM+Mono|EB+Garamond:ital,wght@0,400;0,600;1,400;1,700|Oswald:wght@300;400;700&display=swap');*/
/*|MedievalSharp|EB+Garamond:ital,wght@0,400;0,600;1,400;1,700|Oswald:wght@300;400;700*/
/*@import url('https://fonts.googleapis.com/css2?family=Rye&family=Teko&family=Monoton&family=DM+Mono&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Teko&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=DM+Mono:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');*/

/*------------------*/
.sheet-compendium_warning {
    display: none;
}

.sheet-compendium_warning {
    background: rgba(230,221,148,0.8);
}

.sheet-sheet-maindiv.active-drop-target.dropping ~ .sheet-compendium_warning {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 50%;
    left: 25%;
    z-index: 100;
    border: 2px solid black;
    text-align: center;
    width: 500px;
    height: 220px;
    box-shadow: 6px 6px 6px rgba(128,128,128,0.5);
}
/*------ HTML Transformations ------->*/
input[type=number].sheet-derivedStat::-webkit-inner-spin-button,
input[type=number].sheet-derivedStat::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].sheet-derivedStat {
    -moz-appearance: textfield;
}

select.sheet-dtype {
    width: 41.31px;
    height: 27px;
    margin: 0px;
    vertical-align: top;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
    color: black;
}

input,
select {
    border: none;
    border-bottom: 1px solid black;
    background-color: transparent;
    font-weight: 400;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    width: 94%;
    resize: vertical;
    background-color: transparent;
}

.sheet-basicinputext,
input[type=number].sheet-basicinputext {
    width: 100%;
    border: none;
    border-bottom: 1px solid black;
    font-weight: bold;
}

label.sheet-left30 {
    margin-left: 30px;
}

.sheet-normallabel {
    font-size: 13px;
    font-weight: normal;
    color: rgb(64,64,64);
}

/*------ End Transformations -------->*/

.sheet-maindiv {
    margin: 0px;
    padding: 0px;
    width: 860px;
    border: 1px solid black;
}

/*----------- Background Info -----------*/

.sheet-background {
    /*background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/Parchement_Background2.jpg);*/
    margin: 0px;
    padding: 0px;
}

/*----No Background Image----*/
input[value="1"]:checked ~ .sheet-background {
    /*background-image: none;*/
    background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/Parchement_Background2.jpg);
    background-color: rgba(244,244,244);
}

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

/*----Logo Stuff----*/
.sheet-Deadlands,
.sheet-SWADE {
    display: none;
}

input[value="Deadlands"].sheet-showLogo ~ .sheet-Deadlands,
input[value="SavageWorlds"].sheet-showLogo ~ .sheet-SWADE {
    display: inline-block;
}

.sheet-logoblock {
    align-items: center;
}

.sheet-logo {
    width: 75%;
}

.sheet-gamelogo {
    width: max-content;

}
/*------------------*/

.sheet-base {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.sheet-buttonbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0;
    background: rgba(255,255,255,0.75);
}

.sheet-navbuttons,
.sheet-functions,
.sheet-docbuttons {
    flex: 1 0 33%;
}

.sheet-navbuttons {
    text-align: left;
}

.sheet-topbuttons {
    background-color: transparent;
    font-family: "Pictos";
    font-size: 2em;
    border: none;
    background-image: none;
    font-weight: bold;
    box-shadow: none;
    text-shadow: none;
    height: 28px;
    margin: 0px;
    padding: 0 5px 0 5px;
}

.sheet-showFear,
.sheet-fearButton {
    display: none;
}

.sheet-showFear:checked + .sheet-fearButton {
    display: inline-block;
}

.sheet-noEditMode {
    color: forestgreen;
}

.sheet-editMode {
    color: maroon;
}

.sheet-showMiniDisplay:checked ~ .sheet-noEditMode,
.sheet-showMiniDisplay:not(:checked) ~ .sheet-editMode {
    display: none;
}

.sheet-characterprofile,
.sheet-vehicletab,
.sheet-journaltab,
.sheet-configurationtab,
.sheet-releasenotesbutton,
.sheet-documentationbutton {
    color: silver;
}

.sheet-ontab,
.sheet-jumpto {
    display: none;
}

input:not([value="1"]).sheet-tabselected ~ .sheet-characterprofile .sheet-jumpto,
input:not([value="3"]).sheet-tabselected ~ .sheet-vehicletab .sheet-jumpto,
input:not([value="4"]).sheet-tabselected ~ .sheet-journaltab .sheet-jumpto,
input:not([value="2"]).sheet-tabselected ~ .sheet-configurationtab .sheet-jumpto,
input:not([value="7"]).sheet-tabselected ~ .sheet-combatOptionstab .sheet-jumpto {
    display: inline;
}

.sheet-tabselected[value="1"] ~ .sheet-characterprofile .sheet-ontab,
.sheet-tabselected[value="3"] ~ .sheet-vehicletab .sheet-ontab,
.sheet-tabselected[value="4"] ~ .sheet-journaltab .sheet-ontab,
.sheet-tabselected[value="2"] ~ .sheet-configurationtab .sheet-ontab,
.sheet-tabselected[value="7"] ~ .sheet-combatOptionstab .sheet-ontab {
    color: black;
    display: inline;
}

.sheet-tabselected[value="5"] ~ .sheet-newcontent[value="read"] + .sheet-releasenotesbutton,
.sheet-tabselected[value="6"] ~ .sheet-newdocumentation[value="read"] + .sheet-documentationbutton {
    color: black;
}

.sheet-newcontent[value="unread"] + .sheet-releasenotesbutton > .sheet-readReleaseNotes {
    display: none;
}

.sheet-newcontent[value="read"] + .sheet-releasenotesbutton > .sheet-unreadReleaseNotes {
    display: none;
}

.sheet-newcontent[value="unread"] + .sheet-releasenotesbutton {
    color: maroon;
}

.sheet-newdocumentation[value="unread"] + .sheet-documentationbutton {
    color: blue;
}

input:not([value="1"]).sheet-tabselected ~ .sheet-noEditMode,
input:not([value="1"]).sheet-tabselected ~ .sheet-editMode {
    display: none;
}

.sheet-functions {
    text-align: center;
}

.sheet-docbuttons {
    text-align: right;
}

.sheet-toprow {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border: 1px solid black;
    display: inline-block;
}

.sheet-character,
.sheet-config,
.sheet-vehicles,
.sheet-notes,
.sheet-release,
.sheet-documentation,
.sheet-combatOptions {
    display: none;
}

.sheet-showVehicles:not(:checked) ~ .sheet-vehiclesT,
.sheet-showVehicles:not(:checked) + span.sheet-vehiclesT,
.sheet-showVehicles:not(:checked) ~ span.sheet-vehiclesT {
    display: none;
}

/*.sheet-characterT:checked ~ div.sheet-character,
.sheet-configT:checked ~ div.sheet-config,
.sheet-vehiclesT:checked ~ div.sheet-vehicles,
.sheet-journalT:checked ~ div.sheet-notes,
.sheet-releaseN:checked ~ div.sheet-release,
.sheet-documentatioN:checked ~div.sheet-documentation */
input.sheet-selectedTab[value="1"] ~ .sheet-character,
input.sheet-selectedTab[value="2"] ~ div.sheet-config,
input.sheet-selectedTab[value="3"] ~ div.sheet-vehicles,
input.sheet-selectedTab[value="4"] ~ div.sheet-notes,
input.sheet-selectedTab[value="5"] ~ div.sheet-release {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*flex-flow: column;*/
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

input.sheet-selectedTab[value="6"] ~ div.sheet-documentation {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 5px;
}

input.sheet-selectedTab[value="7"] ~ div.sheet-combatOptions {
    display: flex;
    width: 100%;
    margin: 0px;
    padding: 0px;
    /*flex-flow: column;*/
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

.sheet-topThree,
.sheet-middleThree {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.sheet-showVehicles:checked ~ .sheet-vehicleTypes {
    display: inline-block;
}

.sheet-left,
.sheet-center,
.sheet-right {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
    align-items: flex-start;
    /* box-sizing: border-box; */
    width: 33%;
    background: rgba(255,255,255,0.25);
}

.sheet-groupHeader {
    font-family: Teko;
    text-align: center;
    width: 100%;
    font-weight: bolder;
    color: maroon;
    margin: 10px 0 10px 0;
}

.sheet-headerInput {
    font-family: Teko;
    text-align: center;
    font-weight: bolder;
    color: maroon;
    border: none;
    background-color: transparent;
    font-size: 30px;
    width: 500px;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.sheet-basetrait {
    display: flex;
    flex-wrap: wrap;
    border: none;
    border-bottom: 1px dotted black;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    width: 100%;
}

.sheet-moremods + span {
    opacity: 0;
}

.sheet-moremods {
    width: 15px; /*was 35px*/
    position: absolute;
    left: 270px; /*was 265px*/
    top: 15px;
    z-index: 9999;
    opacity: 0;
}


.sheet-moremods + span {
    font-family: "Pictos";
    color: gray;
    position: absolute;
}

.sheet-moremods + span {
    top: 15px;
    left: 272px; /*was 267px*/
}

.sheet-moremods:hover + span {
    opacity: 1;
}

.sheet-moremods:checked + span {
    color: black;
    opacity: 1;
}

.sheet-basetrait:hover {
    border: 1px solid maroon;
}

.sheet-basetrait:hover ~ .sheet-moremods + span {
    opacity: 1;
}

.sheet-basetrait:hover > .sheet-moremods + span {
    opacity: 1;
}

/*----- button Configuration start -----*/
button[type=roll].sheet-traitbutton,
button[type=roll].sheet-skillbutton,
button[type=roll].sheet-unskilledbutton,
button[type=roll].sheet-hindranceOutput,
button[type=roll].sheet-edgeOutput,
button[type=roll].sheet-shipcrewbutton,
button[type=roll].sheet-APIOutput,
button[type=roll].sheet-statblock,
button[type=roll].sheet-linkButton {
    border: none;
    background-color: transparent;
    background-image: none;
    font-size: 1.05em;
    font-weight: bold;
    box-shadow: none;
    text-shadow: none;
    height: 28px;
    margin: 0px;
    padding: 0px;
}

button[type=roll].sheet-linkButton {
    padding-bottom: 3px;
    color: maroon;

}

button[type=roll].sheet-unskilledbutton {
    font-size: .9em;
    width: 130px;
}

button[type=roll].sheet-hindranceOutput::before,
button[type=roll].sheet-shipcrewbutton::before,
button[type=roll].sheet-edgeOutput::before,
button[type=roll].sheet-APIOutput::before,
button[type=roll].sheet-statblock::before,
button[type=roll].sheet-linkButton::before,
button[type=roll].sheet-fearButton::before {
    content: '';
}

button[type=roll].sheet-hindranceOutput,
button[type=roll].sheet-edgeOutput,
button[type=roll].sheet-shipcrewbutton,
button[type=roll].sheet-APIOutput {
    font-family: "Pictos";
}

/*----- button Configuration end -----*/

/*--- Attribute Stuff ---*/
.sheet-traitflexattbutton {
    width: 84px; /* was 100px then was 94px and that worked in Chrome, but FF put the mod box on the next row*/
    text-align: left;
}

button[type=roll].sheet-specbutton {
    width: 20px;
}

input:not([value="0"]).sheet-deltabutton + .sheet-traitflexattbutton,
input:not([value="0"]).sheet-deltabutton + .sheet-skillflexattbutton,
input:not([value="0"]).sheet-deltabutton + .sheet-smallskillflexattbutton,
input:not([value="0"]).sheet-deltabutton ~ .sheet-otherskill {
    color: maroon;
    font-style: italic;
}

input:not([value="0"]).sheet-deltabutton + .sheet-traitflexattbutton::after,
input:not([value="0"]).sheet-deltabutton + .sheet-skillflexattbutton::after,
input:not([value="0"]).sheet-deltabutton + .sheet-smallskillflexattbutton::after {
    content: '*';
    color: maroon;
}

.sheet-traitlabel,
.sheet-wclabel {
    display: inline;
    padding: 0px;
    margin-right: 5px;
}

.charsheet .sheet-wclabel {
    font-size: .95em;
    margin: 0;
}

.sheet-traitradio {
    opacity: 0;
    margin-right: -18px;
}

.sheet-useAlphaNum {
    display: none;
}

.sheet-d4a,
.sheet-d6a,
.sheet-d8a,
.sheet-d10a,
.sheet-d12a {
    display:none;
}

.sheet-d4,
.sheet-d6,
.sheet-d8,
.sheet-d10,
.sheet-d12 {
    display: inline;
    color: silver;
    position: relative;
    top: 5px;
}

.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d4,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d6,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d8,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d10,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d12 {
    display: none;
}

.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d4a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d6a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d8a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d10a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d12a {
    display: inline-block;
    color: gray;
    /* font-family: 'DM Mono', monospace; */
    font-size: 1em;
    font-weight: normal;
    text-align:center;
    margin: 3px -1px 0 0;
    padding: 0;
}

.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d4a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d6a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d8a {
    width: 25px;
}

.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d10a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-d12a {
    width: 30px;
}

.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-traitradio:checked ~ .sheet-d4a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-traitradio:checked ~ .sheet-d6a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-traitradio:checked ~ .sheet-d8a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-traitradio:checked ~ .sheet-d10a,
.sheet-useAlphaNum:checked ~ .sheet-traitlabel .sheet-traitradio:checked ~ .sheet-d12a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel .sheet-traitradio:checked ~ .sheet-d4a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel .sheet-traitradio:checked ~ .sheet-d6a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel .sheet-traitradio:checked ~ .sheet-d8a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel .sheet-traitradio:checked ~ .sheet-d10a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel .sheet-traitradio:checked ~ .sheet-d12a {
    /* border: 1px solid maroon; */
    color: black;
    border-radius: 25px;
    font-weight: bold;
    /* padding: 5px; */
}

.sheet-d4::before {
    font-family: dicefontd4;
    font-size: 2em;
    content: 'd';
}

.sheet-d6::before {
    font-family: dicefontd6;
    font-size: 2em;
    content: 'f';
}

.sheet-d8::before {
    font-family: dicefontd8;
    font-size: 2em;
    content: 'h';
}

.sheet-d10::before {
    font-family: dicefontd10;
    font-size: 2em;
    content: 'k';
}

.sheet-d12::before {
    font-family: dicefontd12;
    font-size: 2em;
    content: 'l';
}

.sheet-traitradio:checked + .sheet-d4,
.sheet-traitradio:checked + .sheet-d6,
.sheet-traitradio:checked + .sheet-d8,
.sheet-traitradio:checked + .sheet-d10,
.sheet-traitradio:checked + .sheet-d12 {
    color: black;
}

.sheet-wildDieDesc {
    border: none;
    width: 181px;
    margin: 0px;
    font-size: .85em;
}

.sheet-ModDesc {
    border: none;
    width: 220px; /*was 230px*/
    margin: 0px;
    font-size: .85em;
}

.sheet-traitmodplus {
    display: none;
}

.sheet-moremods:checked ~ .sheet-traitmodplus {
    display: block;
    width: 100%;
    border: none;
    margin-top: 10px;
}

.sheet-moremods:checked + .sheet-traimodplus {
    display: block;
}

hr.sheet-modsection {
    margin: 10px 0 10px 0;
}

.sheet-whispercheck {
    margin-right: 25px;
}

.sheet-delta {
    display: inline-block;
    width: 220px; /*was 230px*/
    font-weight: normal;
    font-size: .9em;
}

.sheet-traitdie {
    border: none;
    width: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    margin: 0px;
}

input[type=number].sheet-otraitmod {
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 33px; /*was 28px*/
    height: 28px;
    /*-webkit-appearance: textfield;
    -moz-appearance: textfield;*/
}

input[type=number].sheet-deltamod {
    border: none;
    border-bottom: 1px solid black;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 28px;
    height: 28px;
    /*-webkit-appearance: textfield;
    -moz-appearance: textfield;*/
}
/*--- End Attribute Stuff ---*/

.sheet-WClabel {
    display: inline-block;
    width: fit-content;
    padding: 0;
    margin: 0 5px 0 0;
}

.sheet-isWC {
    opacity: 0;
    width: 0px;
}

.sheet-isWC + span {
    /*margin-left: -10px;*/
    font-size: 1.5em;
    color: silver;
    /*position: relative;*/
    /*top: 3px;*/
}

.sheet-isWC:not(:checked) + span {
    color: black;
}

.sheet-wciContainer {
    text-align: center;
    width: 29px;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.sheet-basicinfolableleft,
.sheet-basicinfolableright,
.sheet-basicinfolablecenter  {
    font-size: .8em;
    font-weight: normal;
    width: 100%;
    margin-bottom: 2px;
}

.sheet-basicinfolableleft {
    text-align: left;
}

.sheet-basicinfolableright {
    text-align: right;
}

.sheet-basicinfolablecenter {
    text-align: center;
}

.sheet-charDemoStart {
    margin: 5px 0 0 0;
}

.sheet-basicCharName {
    width: 88%;
    font-size: 1.75em;
}

input[value="smallHeader"] + .sheet-basicCharName {
    font-size: 1.25em;
}

.sheet-basicCharNameLabel {
    margin-left: 34px;
    width: 88%;
    padding: 0;
}

.sheet-race,
.sheet-gender {
    display: inline-block;
    width: 49%;
    margin: 0;
    padding: 0;
}

.sheet-characterAge,
.sheet-characterHeight,
.sheet-characterWeight {
    display: inline-block;
    width: 22%;
    margin: 0;
    padding: 0;
}

.sheet-characterSize {
    width: 30%;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
}

.sheet-advances,
.sheet-characterRank,
.sheet-conviction {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sheet-manuallySetAdvance {
    display: none;
}

.sheet-manuallySetAdvance:checked ~ .sheet-autoAdvance,
.sheet-manuallySetAdvance:not(:checked) ~ .sheet-manualAdvance {
    display: none;
}

.sheet-manuallySetAdvance:not(:checked) ~ .sheet-autoAdvance,
.sheet-manuallySetAdvance:checked ~ .sheet-manualAdvance {
    display: inline-block;
}

.sheet-advances {
    width: 18%;
}
.sheet-characterRank {
    width: 60%;
}

.sheet-rank {
    width: 100%;
    margin: 0;
    padding: 0;
}

label.sheet-advancesLabel,
label.sheet-rankLabel {
    font-size: .75em;
    font-weight: normal;
    width: 45px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sheet-conviction {
    text-align: center;
}

label.sheet-labelConviction {
    font-size: .75em;
    font-weight: normal;
    display: block;
    margin: 0;
    padding: 0;
}

input.sheet-hasconviction {
    z-index: 9999;
    opacity: 0;
    font-size: 1.5em;
    width: 20px;
    height: 20px;
    margin-top: -8px;
}

.sheet-convictiontoken {
    margin-left: -18px;
}

.sheet-hasconviction:not(:checked) + .sheet-convictiontoken::before {
    content: "♥";
    font-size: 2em;
    color: silver;
}

.sheet-hasconviction:checked + .sheet-convictiontoken::before {
    content: "♥";
    font-size: 2em;
    color: maroon;
}

/*--- Health ----*/
.sheet-characterWounds,
.sheet-characterShakenInc,
.sheet-characterFatigue {
    display: inline-block;
    width: 32%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.charsheet .sheet-standardHealth {
    width: 35% !important;
    border: none;
    border-bottom: 1px solid black;
    text-align: center;
}

.charsheet input[type=number].sheet-standardHealthMod {
    width: 15%;
    border: none;
    border-bottom: 1px solid black;
    text-align: center;
}

.sheet-nerves {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: none;
    padding: 5px;
    text-align: left
}

.sheet-healthlabel {
    display: inline-block;
    width: 58px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    font-size: 1em;
    font-weight: normal;
}

.sheet-standardHealthInfo {
    width: 145px;
    border: none;
    border-bottom: 1px solid black;
    text-align: left;
}

.sheet-expansionBox {
    display: none;
    position: relative;
    left: -10px;
    top: 13px;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.sheet-healthmods {
    opacity: 0;
    z-index: 9999;
}

.sheet-healthmods + span {
    font-family: Pictos;
    font-size: 1.25em;
    margin-left: -12px;
    color: gray;
}

.sheet-healthmods:checked + span {
    color: black;
}

.sheet-woundmod,
.sheet-fatiguemod,
.sheet-loadconfig {
    display: none;
}

.sheet-woundLabelButton,
.sheet-fatigueLabelButton {
    font-weight: bold;
    border: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 27px;
    background-color: transparent;
    color: maroon;
}

.sheet-cog {
    font-family: Pictos;
    display: none;
}

.sheet-showWoundmodCheck:checked ~ .sheet-woundLabelButton > span.sheet-cog,
.sheet-showFatiguemodCheck:checked ~ .sheet-fatigueLabelButton > span.sheet-cog {
    color: black;
    display: inline;
}

.sheet-showWoundmodCheck:checked ~ .sheet-woundLabelButton > span.sheet-cog {
    background-color: #ffb3b3;
}

.sheet-showFatiguemodCheck:checked ~ .sheet-fatigueLabelButton > span.sheet-cog {
    background-color: #b3ffff;
}

.sheet-showWoundmodCheck:not(:checked) ~ .sheet-woundLabelButton > span.sheet-cog,
.sheet-showFatiguemodCheck:not(:checked) ~ .sheet-fatigueLabelButton > span.sheet-cog {
    color: silver;
}

.sheet-characterWounds:hover button > span.sheet-cog,
.sheet-characterFatigue:hover button > span.sheet-cog {
    display: inline;
}

.sheet-loadmods {
    width: 35px;
    position: relative;
    left: 185px;
    top: -15px;
    z-index: 9999;
    opacity: 0;
}

.sheet-loadmods + span {
    font-family: Pictos;
    color: gray;
    position: relative;
    top: -15px;
    left: 155px;
    opacity: 0;
}

.sheet-useLoad:not(:checked) + .sheet-loadstuff {
    display: none;
}

.sheet-useLoad:not(:checked) ~ .sheet-loadmods,
.sheet-useLoad:not(:checked) ~ .sheet-loadconfig {
    display: none;
}

.sheet-loadstuff:hover + .sheet-loadmods + span,
.sheet-loadmods:hover + span,
.sheet-loadmods:checked + span {
    opacity: 1;
}

.sheet-loadmods:checked + span {
    color: black;
}

.sheet-showWoundmod:checked + .sheet-woundmod,
.sheet-showFatiguemod:checked + .sheet-fatiguemod,
.sheet-showLoadConfig:checked ~ .sheet-loadconfig {
    display: inline-block;
    text-align: center;
    width: 98%;
}

.sheet-shakenbox,
.sheet-incbox {
    display: inline-block;
    width: 35px;
    height: auto;
    margin: 0px 0px 0px 8px;
    padding: 0;
    /*position: relative;
    top: -10px;
    left: -10px;*/
}

.sheet-shaken,
.sheet-inc {
    opacity: 0;
    z-index: 9999;
}

.sheet-shaken + span,
.sheet-inc + span {
    font-family: Pictos;
    margin-left: -20px;
    font-size: 2em;
}

.sheet-shaken:checked + span {
    color: orange;
}

.sheet-inc:checked + span {
    color: maroon;
    font-weight: bold;
}

.sheet-incinfo,
.sheet-shakeninfo {
    display: block;
    font-size: .75em;
    margin-top: -10px;
    font-weight: bold;
}

.sheet-shakeninfo {
    margin-left: -11px;
}

/*----------- Start Recovery Stuff -----------*/
.sheet-recovery {
    width: 100%;
    display: inline-block;
    margin: 5px 0 15px 0;
}

.sheet-unshakebutton,
.sheet-soakbutton {
    display: none;
    border-bottom: none;
    width: 49%;
    box-sizing: border-box;
}
.sheet-useunshakebutton:checked + .sheet-unshakebutton,
.sheet-usesoakbutton:checked + .sheet-soakbutton {
    display: inline-flex;
    border: none;
}

.sheet-unshake,
.sheet-soak {
    width: 100%;
}

.sheet-recoverymods {
    width: 35px;
    position: absolute;
    left: 100px;
    top: 15px;
    z-index: 9999;
    opacity: 0;
}

.sheet-recoverymods:hover + span,
.sheet-basetrait:hover .sheet-recoverymods + span {
    opacity: 1;
}

.sheet-recoverymods + span {
    position: absolute;
    top: 15px;
    left: 110px;
    font-family: Pictos;
    color: gray;
    opacity: 0;
}

.sheet-recoverymods:checked + span {
    color: black;
    opacity: 1;
}

.sheet-recoverymods:not(:checked) ~ .sheet-unshakemodplus,
.sheet-recoverymods:not(:checked) ~ .sheet-soakmodplus {
    display: none;
}

.sheet-woundmod,
.sheet-soakmodplus {
    background-color: #ffb3b3; /*red-ish pink*/
}

.sheet-fatiguemod,
.sheet-unshakemodplus {
    background-color: #b3ffff; /*cyan*/
}

.sheet-whisperGM {
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.sheet-shortLabelInput {
    width: 67%;
    font-size: .7em;
}

/*----------- End Recovery Stuff -----------*/

/*---- Pace, Parry, Toughness ----*/
 .sheet-invisbutton {
    border: none;
    border-bottom: 1px solid black;
    height: 27px;
    font-size: .9em;
    background-color: transparent;
    cursor: default;
 }

.sheet-parryPaceToughness,
.sheet-health {
    width: 100%;
    margin: 10px 0 10px 0;
}

.sheet-imageContainer {
    text-align: center;
    margin: 0;
    padding: 0;
}

.sheet-statCircle {
    margin: 0 0 -35px 0;
    height: 50%;
    width: 50%;
}

.sheet-characterPace,
.sheet-characterParry,
.sheet-characterToughness {
    display: inline-block;
    width: 32%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sheet-characterPace:hover,
.sheet-characterParry:hover,
.sheet-characterToughness:hover {
    border: 1px solid maroon;
}

.sheet-characterPace:hover .sheet-imageContainer .sheet-curPaceButton > .sheet-cog,
.sheet-characterParry:hover .sheet-parryLabelButton > .sheet-cog,
.sheet-characterToughness:hover .sheet-toughnessLabelButton > .sheet-cog {
    display: inline-block;
    color: silver;
}

.sheet-moremods:checked + .sheet-curPaceButton > span {
    display: inline-block;
    color: black !important;
    background-color: #ffffb3;
}

.sheet-moremods:checked + .sheet-parryLabelButton > span.sheet-cog {
    display: inline-block;
    color: black !important;
    background-color: #b3ffff;
}

.sheet-moremods:checked + .sheet-toughnessLabelButton > span.sheet-cog {
    display: inline-block;
    color: black !important;
    background-color: #ffb3b3;
}

.sheet-curPaceButton,
.sheet-curParryButton,
.sheet-curToughnessButton {
    width: 100%;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
}

.sheet-parryLabelButton,
.sheet-toughnessLabelButton {
    font-weight: bold;
    border: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 27px;
    background-color: transparent;
    color: maroon;
}

/*.sheet-moremods:checked + .sheet-curPaceButton {
    background-color: #ffffb3;
}*/

/*.sheet-moremods:checked + .sheet-parryLabelButton {
    background-color: #b3ffff;
}*/

/*.sheet-moremods:checked + .sheet-curToughnessButton {
    background-color: #ffb3b3;
}*/

.sheet-paceButton {
    width: 100%;
}

.sheet-pacemodplus,
.sheet-parrymodplus,
.sheet-toughnessmodplus {
    display: none;
}

.sheet-moremods:checked + .sheet-pacemodplus {
    display: inline-block;
    background-color: #ffffb3;
}

.sheet-moremods:checked + .sheet-parrymodplus {
    display: inline-block;
    background-color: #b3ffff;
}

.sheet-moremods:checked + .sheet-toughnessmodplus {
    display: inline-block;
    background-color: #ffb3b3;
}

.charsheet {
    background-color: transparent;
}

.sheet-paceLabel,
.sheet-paceLabelInput,
.sheet-parryLabel,
.sheet-parryLabelInput,
.sheet-toughnessLabel,
.sheet-toughnessLabelInput {
    display: inline-block;
    width: 210px;
    font-size: 1em;
}

.sheet-sizeInfo {
    display: inline-block;
    width: 45.5px;
    text-align: center;
}

.charsheet .sheet-parryScoreLabel,
.charsheet .sheet-toughnessScoreLabel {
    text-align: center;
    font-size: 1.05em !important;
    margin: 0;
    padding: 0;
}

.sheet-paceLabelInput,
.sheet-parryLabelInput,
.sheet-toughnessLabelInput {
    width: 220px;
    margin-bottom: 10px;
}

.sheet-paceInput,
.sheet-parryInput,
.sheet-toughnessInput {
    text-align: center;
}

input.sheet-showPaceWounds[value="0"] ~ .sheet-paceWounds {
    display: none;
}

.sheet-inlineDiv {
    display: inline-block;
    text-align: center;
    width: 45.5px;
}

select.sheet-paceDietype {
    width: 3.5em;
    height: 27px;
    margin: 0px;
    vertical-align: top;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
    color: black;
}

.sheet-inputLabel {
    margin-bottom: 10px;
}

.sheet-configHeader {
    text-align: center;
    width: 100%;
}

/*---- Conditions ----*/
.sheet-conditions {
    text-align: center;
    display:none;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: 0px;
    white-space: nowrap;
    margin: 15px 0 10px 0;
}

.sheet-showconditions:checked ~ .sheet-conditions {
    display:flex;
}


.sheet-distracted,
.sheet-vulnerable,
.sheet-stunned {
    box-sizing: border-box;
    /*border: 1px solid red;*/
    margin: 0px 2px 2px 2px;
    width: 31%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 31%;
    flex: 1 0 31%;
}

.sheet-conditionlabel {
    text-align: center;
    font-weight: normal;
    font-size: .75em;
}

.sheet-conditionlabel:hover {
    cursor: pointer;
}

.sheet-uhoh {
    color: maroon;
    font-size: 1.75em;
    margin-left: -15px;
}

.sheet-conditionspan {
    display: block;
    /*font-size: .75em;*/
    margin-top: -5px;
    font-weight: bold;
}

.sheet-isdistracted,
.sheet-isvulnerable,
.sheet-isstunned {
    opacity: 0;
    z-index: 9999;
}

.sheet-isdistracted:not(:checked) + .sheet-uhoh::before {
    content: "♢";
    font-size: 1.5em;
}
.sheet-isdistracted:checked + .sheet-uhoh::before {
    content: "♦";
    font-size: 1.5em;
}

.sheet-isvulnerable:not(:checked) + .sheet-uhoh::before {
    content: "♤";
    font-size: 1.5em;
}

.sheet-isvulnerable:checked + .sheet-uhoh::before {
    content: "♠";
    font-size: 1.5em;
}

.sheet-isstunned:not(:checked) + .sheet-uhoh::before {
    content: "♧";
    font-size: 1.5em;
}

.sheet-isstunned:checked + .sheet-uhoh::before {
    content: "♣";
    font-size: 1.5em;
}

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

/* ---- Remove the hide button for Skills for now... ----
.sheet-hideSkills:checked ~ .sheet-abilities {
    display: none;
}

.sheet-hideSkills {
    width: 60px;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    z-index: 9999;
    top: -40px;
    left: 0px;
    position: relative;
}

.sheet-hideSkills + .sheet-showhide {
    top: -40px;
    left: -60px;
    position: relative;
}

.sheet-hideSkills:not(:checked) + span.sheet-showhide::before {
    font-family: "Pictos";
    content: "J";
}

.sheet-hideSkills:checked + span.sheet-showhide::before {
    font-family: "Pictos";
    content: "E";
}
--------*/

.sheet-hideskillsconfig,
.lang-de .sheet-hideskillconfig {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 1.25em;
    position: relative;
    left: 180px;
    top: 45px;
    opacity: 0;
    z-index: 9999;
}

.lang-de .sheet-hideskillconfig {
    left: 200px;
}

.charsheet span.sheet-skillList,
.lang-de span.sheet-skillList {
    font-family: "Pictos";
    margin-left: -35px;
    font-size: 1.25em;
    position: relative;
    left: 219px;
    top: 29px;
}

.lang-de span.sheet-skillList {
    left: 239px;
}

.sheet-hideskillsconfig:not(:checked) + span.sheet-skillList::before {
    content:"x";
}

.sheet-hideskillsconfig:checked + span.sheet-skillList::before {
    content: "2";
    color: green;
}

.sheet-isSkillConfig {
    display: none;
    position: relative;
    margin: 0px;
    /*top:-40px;*/
    /*background: rgba(255,255,255,0.75);*/
}

.sheet-hideskillsconfig:checked ~ .sheet-fullSectionView .sheet-isSkillConfig {
    display: inline-block;
}

.sheet-SkillListLabel {
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.sheet-isSkillList {
    display: inline-flex;
    flex-flow: column wrap;
    height: 345px;
}

.sheet-StaticSkill {
    font-size: 1.25em;
    z-index: 9999;
    opacity: 0;
    width: 15px;
}
.sheet-StaticSkill + span {
    font-family: "Pictos";
    font-size: 1.25em;
    margin-left: -13px;
}

.sheet-StaticSkill:not(:checked) + span::before {
    content: "*";
    color: maroon;
}

.sheet-StaticSkill:checked + span::before {
    content: "3";
    margin-left: -1.5px;
    color: green;
}

.sheet-staticOther {
    margin: 0px;
    padding: 0px;
}

.sheet-SkillSpec,
/*--- Begin Static Skills ---*/
.sheet-staticAcademics,
.sheet-staticAthletics,
.sheet-staticBattle,
.sheet-staticBoating,
.sheet-staticCommonKnowledge,
.sheet-staticClimbing,
.sheet-staticDriving,
.sheet-staticElectronics,
.sheet-staticFaith,
.sheet-staticFighting,
.sheet-staticFocus,
.sheet-staticGambling,
.sheet-staticGuts,
.sheet-staticHacking,
.sheet-staticHealing,
.sheet-staticIntimidation,
.sheet-staticInvestigation,
.sheet-staticLanguage,
.sheet-staticLockpicking,
.sheet-staticNotice,
.sheet-staticOccult,
.sheet-staticPerformance,
.sheet-staticPersuasion,
.sheet-staticPiloting,
.sheet-staticPsionics,
.sheet-staticRepair,
.sheet-staticResearch,
.sheet-staticRiding,
.sheet-staticScience,
.sheet-staticShooting,
.sheet-staticSpellcasting,
.sheet-staticStealth,
.sheet-staticStreetwise,
.sheet-staticSurvival,
.sheet-staticSwimming,
.sheet-staticTaunt,
.sheet-staticThievery,
.sheet-staticThrowing,
.sheet-staticTracking,
.sheet-staticRitual,
.sheet-staticWeirdScience,
.sheet-staticOther {
    display: none;
}
/*--- End Static Skills ---*/
/* .sheet-staticFighting, */
.sheet-otherSkillDiv,
.sheet-StaticSkill:checked + .sheet-staticAcademics,
.sheet-StaticSkill:checked + .sheet-staticAthletics,
.sheet-StaticSkill:checked + .sheet-staticBattle,
.sheet-StaticSkill:checked + .sheet-staticBoating,
.sheet-StaticSkill:checked + .sheet-staticCommonKnowledge,
/*.sheet-StaticSkill:checked + .sheet-staticClimbing,*/
.sheet-StaticSkill:checked + .sheet-staticDriving,
.sheet-StaticSkill:checked + .sheet-staticElectronics,
.sheet-StaticSkill:checked + .sheet-staticFaith,
.sheet-StaticSkill:checked + .sheet-staticFighting,
.sheet-StaticSkill:checked + .sheet-staticFocus,
.sheet-StaticSkill:checked + .sheet-staticGambling,
/*.sheet-StaticSkill:checked + .sheet-staticGuts,*/
.sheet-StaticSkill:checked + .sheet-staticHacking,
.sheet-StaticSkill:checked + .sheet-staticHealing,
.sheet-StaticSkill:checked + .sheet-staticIntimidation,
/*.sheet-StaticSkill:checked + .sheet-staticInvestigation,*/
.sheet-StaticSkill:checked + .sheet-staticLanguage,
/*.sheet-StaticSkill:checked + .sheet-staticLockpicking,*/
.sheet-StaticSkill:checked + .sheet-staticNotice,
.sheet-StaticSkill:checked + .sheet-staticOccult,
.sheet-StaticSkill:checked + .sheet-staticPerformance,
.sheet-StaticSkill:checked + .sheet-staticPersuasion,
.sheet-StaticSkill:checked + .sheet-staticPiloting,
.sheet-StaticSkill:checked + .sheet-staticPsionics,
.sheet-StaticSkill:checked + .sheet-staticRepair,
.sheet-StaticSkill:checked + .sheet-staticResearch,
.sheet-StaticSkill:checked + .sheet-staticRiding,
.sheet-StaticSkill:checked + .sheet-staticScience,
.sheet-StaticSkill:checked + .sheet-staticShooting,
.sheet-StaticSkill:checked + .sheet-staticSpellcasting,
.sheet-StaticSkill:checked + .sheet-staticStealth,
/*.sheet-StaticSkill:checked + .sheet-staticStreetwise,*/
.sheet-StaticSkill:checked + .sheet-staticSurvival,
/*.sheet-StaticSkill:checked + .sheet-staticSwimming,*/
.sheet-StaticSkill:checked + .sheet-staticTaunt,
.sheet-StaticSkill:checked + .sheet-staticThievery,
/*.sheet-StaticSkill:checked + .sheet-staticThrowing,*/
/*.sheet-StaticSkill:checked + .sheet-staticTracking,*/
/*.sheet-StaticSkill:checked + .sheet-staticRitual,*/
.sheet-StaticSkill:checked + .sheet-staticWeirdScience,
.sheet-StaticSkill:checked + .sheet-staticOther {
    display: block;
}

.sheet-useSkillSpec:checked + .sheet-SkillSpec {
    display: block;
    width: 90%;
}

.sheet-SkillSpec {
    margin-left: 20px;
    margin-bottom: 15px;
}

.sheet-unskilledOptions {
    margin: 0 0 0 10px;
}

.sheet-joat {
    font-family: Pictos;
    font-size: 1.5em;
    color: silver;
    position: relative;
    top: 3px;
}

.sheet-traitradio:checked + .sheet-joat {
    color: black;
}

.sheet-skilldielabel{
    display: inline;
    padding: 0px;
    margin-right: 5px;
}

.sheet-skillbutton {
    width: 188px; /*was 198px*/
    text-align: left;
    font-size: .9em !important;
    /*margin-right: 5px;*/
}

.sheet-skillbutton + span {
    font-size: .75em;
}

/* Skill Rank Selection */
/* .sheet-skillRankContainer { */
    /*width: 30px;*/
    /*border-bottom: 1px solid black;*/
/* } */

.sheet-skillRankContainer,
.sheet-skillRankChild {
    display: inline-block;
}

.sheet-skillRankChild {
    vertical-align: middle;
    width: 30px;
    height: 28px;
}

.sheet-skillRankChild label {
    display: none;
    z-index: 1;
}

.sheet-skillRankChild:hover {
    border-radius: 10px;
    background: AliceBlue; //was silver
    /*background: rgba(117,121,127,1);*/
    position:absolute;
    width: 115px;
    margin-top: -4px;
    margin-left: -90px; /*was -90*/
    height: auto;
    z-index: 1;
    padding: 5px;
}

.sheet-skillRankChild:hover label {
    display: inline;
    /*margin-left: -5px;*/
}

.sheet-skillRankChild:hover .sheet-useAlphaNum:checked ~ label,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild:hover label {
    display: inline;
    margin-left: 3px;
}

.sheet-useAlphaNum:checked ~ .sheet-skilldielabel span.sheet-d4,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel span.sheet-d6,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel span.sheet-d8,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel span.sheet-d10,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel span.sheet-d12,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel span.sheet-d4,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel span.sheet-d6,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel span.sheet-d8,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel span.sheet-d10,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel span.sheet-d12  {
    display:none;
}

.sheet-useAlphaNum:checked ~ .sheet-skilldielabel div.sheet-d4a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel div.sheet-d6a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel div.sheet-d8a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel div.sheet-d10a,
.sheet-useAlphaNum:checked ~ .sheet-skilldielabel div.sheet-d12a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel div.sheet-d4a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel div.sheet-d6a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel div.sheet-d8a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel div.sheet-d10a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild .sheet-skilldielabel div.sheet-d12a {
    display: inline-block;
    font-weight: normal;
}

.sheet-skillRankChild:hover label span,
.sheet-skillRankChild:hover label div {
    color: black;
    font-size: .75em;
}

div.sheet-d4Selected,
div.sheet-d6Selected,
div.sheet-d8Selected,
div.sheet-d10Selected,
div.sheet-d12Selected {
    /*width: 100px;
    height: 28px;
    line-height:28px;*/
    color: black;
    /*border-bottom: 1px solid black;*/
    text-align: center;
    display: none;
    margin-top: -8px;
}

.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="4"] ~ div.sheet-d4Selected,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="6"] ~ div.sheet-d6Selected,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="8"] ~ div.sheet-d8Selected,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="10"] ~ div.sheet-d10Selected,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="12"] ~ div.sheet-d12Selected {
    display: block;
}

.sheet-useAlphaNum:checked ~ div.sheet-d4Selected span.sheet-d4,
.sheet-useAlphaNum:checked ~ div.sheet-d6Selected span.sheet-d6,
.sheet-useAlphaNum:checked ~ div.sheet-d8Selected span.sheet-d8,
.sheet-useAlphaNum:checked ~ div.sheet-d10Selected span.sheet-d10,
.sheet-useAlphaNum:checked ~ div.sheet-d12Selected span.sheet-d12,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d4Selected span.sheet-d4,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d6Selected span.sheet-d6,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d8Selected span.sheet-d8,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d10Selected span.sheet-d10,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-124Selected span.sheet-d12 {
    display: none;
}

.sheet-useAlphaNum:checked ~ div.sheet-d4Selected,
.sheet-useAlphaNum:checked ~ div.sheet-d6Selected,
.sheet-useAlphaNum:checked ~ div.sheet-d8Selected,
.sheet-useAlphaNum:checked ~ div.sheet-d10Selected,
.sheet-useAlphaNum:checked ~ div.sheet-d12Selected,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d4Selected,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d6Selected,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d8Selected,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d10Selected,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d12Selected {
    margin: 5px;
}

.sheet-useAlphaNum:checked ~ div.sheet-d4Selected div.sheet-d4a,
.sheet-useAlphaNum:checked ~ div.sheet-d6Selected div.sheet-d6a,
.sheet-useAlphaNum:checked ~ div.sheet-d8Selected div.sheet-d8a,
.sheet-useAlphaNum:checked ~ div.sheet-d10Selected div.sheet-d10a,
.sheet-useAlphaNum:checked ~ div.sheet-d12Selected div.sheet-d12a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d4Selected div.sheet-d4a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d6Selected div.sheet-d6a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d8Selected div.sheet-d8a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d10Selected div.sheet-d10a,
.sheet-useAlphaNum:checked ~ .repcontainer .repitem .sheet-otherSkillDiv .sheet-skillRankContainer .sheet-skillRankChild div.sheet-d12Selected div.sheet-d12a {
    display: block;
    font-weight: bold;
}

.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="4"] ~ div.sheet-d4Selected span.sheet-d4,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="6"] ~ div.sheet-d6Selected span.sheet-d6,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="8"] ~ div.sheet-d8Selected span.sheet-d8,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="10"] ~ div.sheet-d10Selected span.sheet-d10,
.sheet-skillRankChild:not(:hover) input.sheet-traitradio[value="12"] ~ div.sheet-d12Selected span.sheet-d12 {
    color: black;
}

label.sheet-skilldielabel:hover > span,
label.sheet-skilldielabel:hover > div {
    /*background-color: orange;*/
    /*color: black;*/
    color: maroon; /*was orange*/
    font-weight: bold;
}

.sheet-LinkedAttSelect {
    width: 185px;
}

.sheet-linkedAtt {
    width: 50px;
    height: 28px;
    line-height: 28px;
    display: inline-flex;
}

.sheet-LAAGI,
.sheet-LASMA,
.sheet-LASPI,
.sheet-LASTR,
.sheet-LAVIG {
    display: none;
}

input.sheet-selectedLinkedAtt[value="(SMA)"] ~ .sheet-LASMA,
.sheet-LAA:checked ~ .sheet-LAAGI,
.sheet-LASm:checked ~ .sheet-LASMA,
.sheet-LASp:checked ~ .sheet-LASPI,
.sheet-LASt:checked ~ .sheet-LASTR,
.sheet-LAV:checked ~ .sheet-LAVIG {
    display: inline-block;
}

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

/*---- Derived Stats ----*/
.sheet-block-separator {
    border: .45px dashed silver;
    margin: -4px 0px 8px 0px;
}

.sheet-corederived {
    position: relative;
}

.sheet-basederived {
    display: flex;
    flex-wrap: wrap;
    border: none;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
    position: relative;
}

.sheet-derivedHeaderRow {
    font-weight: bold;
    font-size: .75em;
}

.sheet-derivelabel,
.sheet-derivebase,
.sheet-derivemisc,
.sheet-derivemod,
.sheet-derivecurrent {
    text-align: center;
}

.sheet-derivebase > input.sheet-derivedStat,
.sheet-derivemisc > input.sheet-derivedStat,
.sheet-derivemod > input.sheet-derivedStat,
.sheet-derivecurrent >input.sheet-derivedStat {
    width: 41.31px;
}

.sheet-derivelabel {
    display: inline-block;
    width: 40%;
    text-align: left;
    font-weight:bold;
    line-height: 2em;
}

.sheet-derivedStateName {
    width: 100%;
    font-size: .9em;
    padding: 4px;
    border: none;
}

.sheet-derivebase {
    display: inline-block;
    width: 15%;
}

.sheet-derivebaseplus {
    display: inline-block;
    width: 25%;
}

.sheet-derivemod {
    display: inline-block;
    width: 15%;
}

.sheet-derivemisc {
    display: inline-block;
    width: 15%;
}

.sheet-derivecurrent {
    display: inline-block;
    width: 15%;
}

.sheet-derivedStat {
    text-align: center;
}

.sheet-miscderived {
    margin: 10px 0 10px 0;
}

.sheet-hideMisc:checked ~ .sheet-miscderived {
    display: none;
}

.sheet-showadditional {
    display: none;
}

.sheet-additionalDerived {
    display: none;
}

.sheet-showadditional:checked ~ .sheet-additionalDerived {
    display: block;
}

/*---- Consumeables ----*/

.sheet-showconsumables {
    display: none;
}

.sheet-useConsumeables[value="1"] + .sheet-showconsumables {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sheet-consumables {
    width: 75%;
}

.sheet-consumableInput {
    width: 90%;
}
/*---- Wealth ----*/
.sheet-usewealth,
.sheet-wealthmod,
.sheet-usewealthmod,
.sheet-usewealth:checked ~ .sheet-nonwealth,
.sheet-usewealth:checked ~ .sheet-lankhmar,
.sheet-usewealth:checked + .sheet-useLankhmar:checked + .sheet-lankhmar,
/*.sheet-lankhmar,*/
.sheet-money,
.sheet-Credits {
    display: none;
}

.sheet-usewealth:checked ~ .sheet-usewealth,
.sheet-usewealth:not(:checked) ~ .sheet-nonwealth,
.sheet-usewealth:checked + .sheet-showwealthwilddie,
.sheet-usewealth:checked ~ .sheet-usewealthmod,
.sheet-useLankhmar:checked + .sheet-lankhmar,
/*input[value="3"].sheet-usePieces ~ .sheet-lankhmar,*/
input[value="3"].sheet-usePieces ~ .sheet-money,
input[value="0"].sheet-usePieces ~ .sheet-money,
/*input[value="1"].sheet-usePieces ~ .sheet-PofE,*/
/*input[value="2"].sheet-usePieces ~ .sheet-Clams,*/
/*input[value="5"].sheet-usePieces ~ .sheet-Livre,*/
input[value="4"].sheet-usePieces ~ .sheet-Credits {
    display: flex;
}

.sheet-useWealthMod:checked ~ .sheet-wealthmod {
    display: inline;
}

input:not([value="3"]).sheet-usePieces ~ .sheet-derivebase > .sheet-moneyfield {
    width: 165px;
}

.sheet-mischr {
    border: .45px dashed silver;
    margin: -4px 0px 8px 0px;
}

/*---- Hindrances, Edges/Advances, Special Abilities ----*/
.sheet-specAbilities {
    display: none;
}

.sheet-showSpecAbilities[value="1"] ~ .sheet-specAbilities {
    display: block;
}

.sheet-hindrances {
    margin: 0 0 20px 0;
}

.sheet-whispercheck:not(:checked) + button > span.sheet-whispericon::before {
    content: 'q';
    font-size: 1.15em;
}

.sheet-whispercheck:checked + button > span.sheet-whispericon::before {
    content: 'w';
    font-size: 1.15em;
}

hr.sheet-seperator {
    margin: 5px 0 5px 0;
}

.sheet-showhide {
    /*margin-left: -58px;*/
    font-size: 1.5em;
}

.sheet-hinfield,
.sheet-hintype,
.sheet-edgefield {
    border: none;
    border-bottom: 1px solid black;
}

.sheet-hinfield {
    width: 65%;
}
.sheet-edgefield {
    width: 90%;
}

.sheet-hintype {
    width: 75px;
    text-align: center;
}

.sheet-edgeTypeLabel {
    width: 63%;
}

.sheet-edgeTypeDropdown {
    width: 33%;
}

.sheet-hindrancefield,
.sheet-edgefield {
    border: none;
    border-bottom: 1px solid black;
}

.sheet-hindranceNedge {
    box-sizing: border-box;
}

.sheet-hindranceNedge:hover {
    border: 1px solid maroon;
}

.sheet-hindranceNedge:hover > .sheet-moremods + span {
    opacity: 1;
}

/*MiniDisplay*/
.sheet-hindranceName,
.sheet-hindranceComma,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hinfield,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-edgefield,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hintype,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-moremods,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-moremods + span,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-traitmodplus,
.sheet-showMiniDisplay:checked ~ .repcontrol {
    display: none;
}

.sheet-showMiniDisplay:checked ~ .repcontainer {
    display: flex;
    flex-flow: wrap;

}

.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hindranceOutput > .sheet-hindranceName,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hindranceOutput > .sheet-hindranceComma,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-edgeOutput > .sheet-hindranceName,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-edgeOutput > .sheet-hindranceComma,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge {
    display: inline;
    width: auto;
}

.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hindranceOutput > .sheet-hindranceName,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-hindranceOutput > .sheet-hindranceComma,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-edgeOutput > .sheet-hindranceName,
.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem > .sheet-hindranceNedge > .sheet-edgeOutput > .sheet-hindranceComma {
    font-family: sans-serif;
}

.sheet-showMiniDisplay:checked ~ .repcontainer > .repitem:last-child > .sheet-hindranceNedge > .sheet-hindranceOutput > .sheet-hindranceComm {
    display: none;
}


/*---- Gear ----*/
.sheet-gearList {
    height: 28px;
}

.sheet-gear {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
}

/*.sheet-worn,
.sheet-stashed {
    flex: 1 0 50%;
}*/

.sheet-item {
    width: 45%;
    text-align: left;
    margin-left: 10px;
    padding: 0 0 4px 0;
}

.sheet-itemweight,
input[type=number].sheet-itemweight {
    width: 15%;
    text-align: center;
    padding: 0 0 4px 0;
}

.sheet-itemqty,
input[type=number].sheet-itemqty {
    width: 15%;
    text-align: center;
    padding: 0 0 4px 0;
}

.sheet-itemcarried {
    width: 20%;
    text-align: center;
    padding: 0 0 4px 0;
    box-sizing: border-box;
    display: inline;
}

.sheet-gearCarriedLabel {
    font-size: .95em;
    display: inline;
}

.sheet-gearCarriedLabel:hover {
    cursor: pointer;
}

.sheet-gearweight {
    display: inline-block;
    width: 75%;
}

input[type=number].sheet-gearitemweight {
    width: 23%;
    text-align: center;
}

.sheet-gearisCarried {
    z-index: 9999;
    opacity: 0;
}

.sheet-gearisCarriedIcon {
    font-family: Pictos;
    margin-top: -8px;
    font-size: 1.5em;
    padding: 0px;
}

.sheet-gearisCarried:checked + .sheet-gearisCarriedIcon::before {
    content: "2";
}

.sheet-gearisCarried:not(:checked) + .sheet-gearisCarriedIcon::before {
    content: "D";
}

/*---Placeholder styling for if/when I add a Notes field to the Gear items---*/
/*[data-groupname=repeating_gear] > .repitem {
    box-sizing: border-box;
}

[data-groupname=repeating_gear] > .repitem:hover {
    border: 1px solid red;
}*/


.sheet-bottomHalf {
    margin: 30px 0 0 0;
}

.sheet-bottomArmorAndShields {
    margin: 30px 0 0 0;
    display: flex;
    flex-flow: rows nowrap;
    align-items: flex-start;
    align-content: flext-start;
}

.sheet-sectionSeperator {
    margin: 15px 0 15px 0;
}
/*---- Weapons ----*/
.sheet-weaponsSection,
.sheet-powerSection,
.sheet-armorSection,
.sheet-shieldSection {
    margin-top: -35px;
}

/* .sheet-hideArmor:checked + span + h1 + .sheet-armor, */
.sheet-hideArmor:checked ~ .sheet-armor,
.sheet-hideWeapons:checked + span  + h1 + .sheet-weapons,
.sheet-hideGear:checked + span  + h1 + .sheet-gear,
.sheet-hidePowers:checked + span  + h1 ~ .sheet-arcane,
.sheet-hideShields:checked + span + h1 ~ .sheet-shield {
    display: none;
}

.sheet-hiddenButton,
.sheet-hiddenInput {
    display: none;
}

.sheet-hideArmor,
.sheet-hideWeapons,
.sheet-hideGear,
.sheet-hidePowers,
.sheet-hideShields {
    opacity: 0;
    z-index: 9999;
    width: 20px;
    height: 20px !important;
}

.sheet-showNhide {
    margin-left: -15px;
    font-size: 1.5em;
}

.sheet-hideArmor:not(:checked) + span.sheet-showNhide::before,
.sheet-hideWeapons:not(:checked) + span.sheet-showNhide::before,
.sheet-hideGear:not(:checked) + span.sheet-showNhide::before,
.sheet-hidePowers:not(:checked) + span.sheet-showNhide::before,
.sheet-hideShields:not(:checked) + span.sheet-showNhide::before {
    font-family: "Pictos";
    content: "J";
}

.sheet-hideArmor:checked + span.sheet-showNhide::before,
.sheet-hideWeapons:checked + span.sheet-showNhide::before,
.sheet-hideGear:checked + span.sheet-showNhide::before,
.sheet-hidePowers:checked + span.sheet-showNhide::before,
.sheet-hideShields:checked + span.sheet-showNhide::before {
    font-family: "Pictos";
    content: "E";
}

.sheet-weapons {
  display: inline-flex;
  width: 863px;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.sheet-weaponHeader {
    font-size: 14px;
    font-weight: bold;
}

.sheet-weaponItem {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0 0 4px 0;
  box-sizing: border-box;
}

.sheet-button,
.sheet-weapon,
.sheet-range,
.sheet-rof,
.sheet-damage,
.sheet-shots,
.sheet-weaponap,
.sheet-weaponweight,
.sheet-weaponcarried,
.sheet-weaponTotalWeight {
  text-align: center;
  display: inline-block;
}

 .sheet-button,
 .sheet-damage {
   width: 85px !important;
 }

.sheet-shots {
   width: 115px !important;
 }

 input[type="number"].sheet-weaponshots {
    width: 47px; /*was 33px*/
 }

 .sheet-invisbutton {
    border: none;
    border-bottom: 1px solid black;
    height: 27px;
    font-size: .9em;
    background-color: transparent;
    cursor: default;
 }

 .sheet-highlight:checked + .sheet-configlabels {
     background-color: cyan;
     color: maroon;
 }

 .sheet-weapon {
   width: 230px; /*(was 265px)*/
   text-align: left !important;
 }

 .sheet-range {
   width: 113px !important;
 }

 .sheet-rof {
   width: 45px !important; /*was 35px*/
 }

 .sheet-weaponap,
 .sheet-weaponweight,
 .sheet-weaponcarried {
   width: 60px !important;
 }

 .sheet-itemCarried {
     width: 50px;
 }

 .sheet-weaponnotes {
   width: 89.5%;
   height: 50px;
 }

.sheet-configlabels {
    display: inline;
    font-weight: bold;
    font-size: 1em;
    margin-left: 5px;
    /*width: 55px;*/
}

.sheet-isCarried {
    z-index: 9999;
    opacity: 0;
}

.sheet-isCarriedIcon {
    font-family: Pictos;
    margin-left: -40px;
    margin-top: -8px;
    font-size: 1.5em;
    padding: 0px;
}

.sheet-isCarriedIcon {
    margin-left: -45px;
}

.sheet-isCarried:checked + .sheet-isCarriedIcon::before {
    content: "2";
}

.sheet-isCarried:not(:checked) + .sheet-isCarriedIcon::before {
    content: "D";
}

.sheet-weaponbutton {
    width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sheet-weaponskill {
    display: none;
}

.sheet-weapondamage,
.sheet-weaponbutton[value="0"] + .sheet-weaponskill,
.sheet-weaponbutton[value="2"] + .sheet-weaponskill {
    display: block;
    margin-left: 10px;
}

.sheet-buttonand,
.sheet-buttondo,
.sheet-buttonma,
.sheet-buttonsk {
    display: none;
}

.sheet-weaponbutton[value="0"] + .sheet-buttonand,
.sheet-weaponbutton[value="1"] ~ .sheet-buttondo,
.sheet-weaponbutton[value="2"] ~ .sheet-buttonma {
    display: inline;
    font-size: .7em;
    margin-left: 5px;
}

input[value="0"].sheet-showmultiattack ~ select > .sheet-multiattack {
    display: none;
}

.sheet-weaponbutton[value="1"] + .sheet-button::before {
    content: "Damage";
}

.sheet-weaponatt {
    width: 105px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sheet-weaponnum {
    width: 35px !important;
}

.sheet-moreweapon {
    z-index: 9999;
    opacity: 0;
    margin-top: 0px;
    margin-left: 85px;
}

.sheet-morearmor {
    z-index: 9999;
    opacity: 1;
    margin-top: -25px;
    margin-left: 35px;
}

.sheet-moreshields {
    z-index: 9999;
    opacity: 1;
    margin-top: -15px;
    margin-left: 35px;
}

.sheet-moreweapon {
    margin-top: -15px;
}

.sheet-moreweapon + span {
    font-family: "Pictos";
    /*margin-left: -12px;*/
    margin-right: -18px;
    margin-top: -17px;
    margin-left: -26px;
    color: gray;
    opacity: 0;
}

.sheet-showarmorconfig,
.sheet-showshieldconfig {
    opacity: 0;
    width: 0;
}

.sheet-showarmorconfig + span,
.sheet-showshieldconfig + span {
    font-family: "Pictos";
    /*margin-left: -12px;*/
    /*margin-right: -18px;
    margin-top: -17px;
    margin-left: -26px;*/
    color: gray;
    opacity: 0;
}

.sheet-fullrow {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
}

.sheet-weapons:hover > .sheet-moreweapon + span,
.sheet-moreweapon:hover + span,
.sheet-moreweapon:checked + span,
.sheet-armor:hover > label.sheet-morearmor,
.sheet-shield:hover > label.sheet-moreshields,
[data-groupname=repeating_armor]:hover > .repitem:hover label.sheet-morearmor > span,
[data-groupname=repeating_shields]:hover > .repitem:hover label.sheet-moreshields > span,
.sheet-showarmorconfig:checked + span,
.sheet-showarmorconfig:hover + span,
.sheet-showshieldconfig:checked + span,
.sheet-showshieldconfig:hover + span {
    opacity: 1;
}

.sheet-moreweapon:checked + span,
.sheet-showarmorconfig:checked + span,
.sheet-showshieldconfig:checked + span {
    color: black;
}

.sheet-weaponconfig,
.sheet-armorconfig,
.sheet-shieldconfig {
    display: none;
}

.sheet-moreweapon:checked ~ .sheet-weaponconfig {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid silver;
    background-color: cornsilk;
}

.sheet-showarmorconfig:checked ~ .sheet-armorconfig,
.sheet-showshieldconfig:checked ~ .sheet-shieldconfig {
    display: inline-block;
    width: 97%;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid silver;
    background-color: cornsilk;
}

.sheet-armorconfig,
.sheet-shieldconfig {
    padding: 5px 10px 5px 10px;
}

.sheet-moreweapon:not(:checked) ~ .sheet-weaponnotes,
.sheet-showarmorconfig:not(:checked) ~ .sheet-armorDesc,
.sheet-showshieldconfig:not(:checked) ~ .sheet-shieldDesc {
    min-height: 25px;
    height: 25px;
}

.sheet-armorweight,
.sheet-shieldweight {
    display: inline-block;
}

/*--- Weapons & Spells Faux Select Input ----*/
.sheet-ab1,
.sheet-ab2,
.sheet-ab3,
.sheet-ab4,
.sheet-ab5,
.sheet-powerdisplay {
    font-size: .85em;
    font-weight: normal;
}

.sheet-powerdisplay,
.sheet-select-radio + span {
    padding-left: 10px;
}

input.sheet-select-radio.sheet-ab1,
input.sheet-select-radio.sheet-ab2,
input.sheet-select-radio.sheet-ab3,
input.sheet-select-radio.sheet-ab4,
input.sheet-select-radio.sheet-ab5,
input.sheet-select-radio.sheet-athletics,
input.sheet-select-radio.sheet-faith,
input.sheet-select-radio.sheet-focus,
input.sheet-select-radio.sheet-performance,
input.sheet-select-radio.sheet-psionics,
input.sheet-select-radio.sheet-ritual,
input.sheet-select-radio.sheet-spellcasting,
input.sheet-select-radio.sheet-weirdscience,
input.sheet-select-radio.sheet-unskilled,
input.sheet-select-radio.sheet-fighting,
input.sheet-select-radio.sheet-athletics,
input.sheet-select-radio.sheet-shooting,
input.sheet-select-radio.sheet-throwing {
    display: none;
}

.sheet-container {
    width: 100px;
    border-bottom: 1px solid black;
}

.sheet-container,
.sheet-child,
.sheet-child2,
.sheet-child3 {
    display: inline-block;
}

.sheet-child,
.sheet-child2,
.sheet-child3 {
    vertical-align: middle;
    width: 100px;
    height: 28px;
}

.sheet-child label,
.sheet-child2 label,
.sheet-child3 label {
    display: none;
    z-index: 1;
}

.sheet-ddmenu,
.sheet-abmenu {
    font-weight: normal;
    font-size: 1em;
    width: 95%;
}

.sheet-child:hover {
    border-radius: 10px;
    background: silver;
    position:absolute;
    width: 100px;
    margin-top: -14px;
    height: auto;
    z-index: 1;
    padding: 5px;
}

.sheet-child2:hover,
.sheet-child3:hover {
    border-radius: 10px;
    border: 1px solid black;
    background: white;
    position:absolute;
    width: 100px;
    margin-top: -14px;
    height: auto;
    z-index: 1;
    padding: 5px;
}

.sheet-child:hover label,
.sheet-child2:hover label,
.sheet-child3:hover label.sheet-ab1,
input:not([value="1"]).sheet-showmultipleabs ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3:hover label.sheet-ab2,
input:not([value="1"]):not([value="2"]).sheet-showmultipleabs ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3:hover label.sheet-ab3,
input:not([value="1"]):not([value="2"]):not([value="3"]).sheet-showmultipleabs ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3:hover label.sheet-ab4,
input:not([value="1"]):not([value="2"]):not([value="3"]):not([value="4"]).sheet-showmultipleabs ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3:hover label.sheet-ab5 {
    display: inline-block;
    margin-left: -5px;
    font-size: .93em;
}

input.sheet-select-radio.sheet-white,
input.sheet-select-radio.sheet-red,
input.sheet-select-radio.sheet-blue,
input.sheet-select-radio.sheet-green,
input.sheet-select-radio.sheet-purple {
  opacity: 0;
}

div.sheet-fighting,
div.sheet-athletics,
div.sheet-shooting,
div.sheet-unskilled,
div.sheet-faith,
div.sheet-focus,
div.sheet-performance,
div.sheet-psionics,
div.sheet-ritual,
div.sheet-spellcasting,
div.sheet-weirdscience,
div.sheet-white,
div.sheet-red,
div.sheet-blue,
div.sheet-green,
div.sheet-purple,
.sheet-child3 div.sheet-ab1,
.sheet-child3 div.sheet-ab2,
.sheet-child3 div.sheet-ab3,
.sheet-child3 div.sheet-ab4,
.sheet-child3 div.sheet-ab5 {
    width: 100px;
    height: 28px;
    line-height:28px;
    color: black;
    border-bottom: 1px solid black;
    text-align: center;
    display: none;
}

.sheet-child:not(:hover) input.sheet-select-radio[value="fighting"] ~ div.sheet-fighting,
.sheet-child:not(:hover) input.sheet-select-radio[value="athletics"] ~ div.sheet-athletics,
.sheet-child:not(:hover) input.sheet-select-radio[value="shooting"] ~ div.sheet-shooting,
/*.sheet-child:not(:hover) input.sheet-select-radio[value="weirdscience"] ~ div.sheet-weirdscience,*/
.sheet-child:not(:hover) input.sheet-select-radio[value="unskilled"] ~ div.sheet-unskilled,
.sheet-child:not(:hover) input.sheet-select-radio[value="faith"] ~ div.sheet-faith,
.sheet-child:not(:hover) input.sheet-select-radio[value="focus"] ~ div.sheet-focus,
.sheet-child:not(:hover) input.sheet-select-radio[value="performance"] ~ div.sheet-performance,
.sheet-child:not(:hover) input.sheet-select-radio[value="psionics"] ~ div.sheet-psionics,
.sheet-child:not(:hover) input.sheet-select-radio[value="ritual"] ~ div.sheet-ritual,
.sheet-child:not(:hover) input.sheet-select-radio[value="spellcasting"] ~ div.sheet-spellcasting,
.sheet-child:not(:hover) input.sheet-select-radio[value="weirdscience"] ~ div.sheet-weirdscience,
.sheet-child2:not(:hover) input.sheet-select-radio[value="white"] ~ div.sheet-white,
.sheet-child2:not(:hover) input.sheet-select-radio[value="red"] ~ div.sheet-red,
.sheet-child2:not(:hover) input.sheet-select-radio[value="blue"] ~ div.sheet-blue,
.sheet-child2:not(:hover) input.sheet-select-radio[value="green"] ~ div.sheet-green,
.sheet-child2:not(:hover) input.sheet-select-radio[value="purple"] ~ div.sheet-purple,
.sheet-child3:not(:hover) input.sheet-select-radio[value="ab1"] ~ div.sheet-ab1,
.sheet-child3:not(:hover) input.sheet-select-radio[value="ab2"] ~ div.sheet-ab2,
.sheet-child3:not(:hover) input.sheet-select-radio[value="ab3"] ~ div.sheet-ab3,
.sheet-child3:not(:hover) input.sheet-select-radio[value="ab4"] ~ div.sheet-ab4,
.sheet-child3:not(:hover) input.sheet-select-radio[value="ab5"] ~ div.sheet-ab5 {
    display: block;
}

label.sheet-ddmenu:hover {
    background-color: orange;
}

.sheet-child:hover > label.sheet-ddmenu > .sheet-select-radio:checked + span,
.sheet-child3:hover > label.sheet-abmenu > .sheet-select-radio:checked + span {
    font-weight: bold;
    font-size: .93em;
}

label.sheet-abmenu:hover {
  border: 1px solid cyan;
}

.sheet-ab1color[value=white] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab1,
.sheet-ab2color[value=white] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab2,
.sheet-ab3color[value=white] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab3,
.sheet-ab4color[value=white] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab4,
.sheet-ab5color[value=white] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab5 {
    background: rgba(255,255,255,.15);
}

.sheet-ab1color[value=red] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab1,
.sheet-ab2color[value=red] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab2,
.sheet-ab3color[value=red] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab3,
.sheet-ab4color[value=red] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab4,
.sheet-ab5color[value=red] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab5 {
    background: rgba(255,0,0,.15);
}

.sheet-ab1color[value=blue] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab1,
.sheet-ab2color[value=blue] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab2,
.sheet-ab3color[value=blue] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab3,
.sheet-ab4color[value=blue] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab4,
.sheet-ab5color[value=blue] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab5 {
    background: rgba(0,0,255,.15);
}

.sheet-ab1color[value=green] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab1,
.sheet-ab2color[value=green] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab2,
.sheet-ab3color[value=green] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab3,
.sheet-ab4color[value=green] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab4,
.sheet-ab5color[value=green] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab5 {
    background: rgba(0,128,0,.15);
}

.sheet-ab1color[value=purple] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab1,
.sheet-ab2color[value=purple] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab2,
.sheet-ab3color[value=purple] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab3,
.sheet-ab4color[value=purple] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab4,
.sheet-ab5color[value=purple] ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-showabindicatorselection > .sheet-powerconfiglabel > .sheet-container > .sheet-child3 > .sheet-ab5 {
    background: rgba(128,0,128,.15);
}

.sheet-white {
  background: rgba(255,255,255,.15);
}

.sheet-red {
  background: rgba(255,0,0,.15);
}

.sheet-blue {
  background: rgba(0,0,255,.15);
}

.sheet-green {
  background: rgba(0,128,0,.15);
}

.sheet-purple {
  background: rgba(128,0,128,.15);
}

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

.sheet-hideArcanum:checked + .sheet-arcanum,
.sheet-showMiniDisplay:checked ~ .sheet-hideArcanum:checked + .sheet-arcanum {
    display: none;
}

.sheet-hidePowers {
    opacity: 0;
    z-index: 9999;
    width: 20px;
    height: 20px !important;
}

.sheet-buttonright {
    margin: -30px 0 0 785px;
}
.sheet-powerpoints {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    margin: 0px 0 30px 0;
}

.sheet-label2,
.sheet-label3,
.sheet-label4,
.sheet-label5 {
    display: none;
}

input:not([value="1"]).sheet-showmultipleabs ~ .sheet-label2,
input:not([value="1"]):not([value="2"]).sheet-showmultipleabs ~ .sheet-label3,
input:not([value="1"]):not([value="2"]):not([value="3"]).sheet-showmultipleabs ~ .sheet-label4,
input:not([value="1"]):not([value="2"]):not([value="3"]):not([value="4"]).sheet-showmultipleabs ~ .sheet-label5 {
    display: inline-flex;
}

.sheet-showmultipleabs[value="1"] ~ .sheet-removeab,
.sheet-showmultipleabs[value="5"] ~ .sheet-addab {
    color: gray;
    cursor: default;
}

.sheet-addab,
.sheet-removeab,
.sheet-configbutton {
    color: transparent;
    box-shadow: none;
    background: transparent;
    border-color: transparent;
    text-shadow:none;
    width: 60px;
    font-family: pictos;
    font-size: 1.6em;
}

.sheet-addab {
  color: darkgreen;
  margin: 0 250px 0 0;
}

.sheet-removeab {
  color: crimson;
}

.sheet-configbutton {
  color: black;
  font-size: 1.25em;
}

.sheet-abcolor[value="white"] + .sheet-ppcontainer,
.sheet-powercolor[value="white"] + .sheet-fullrow {
    background: rgba(255,255,255,.15);
}

.sheet-abcolor[value="red"] + .sheet-ppcontainer,
.sheet-powercolor[value="red"] + .sheet-fullrow {
    background: rgba(255,0,0,.15);
}

.sheet-abcolor[value="purple"] + .sheet-ppcontainer,
.sheet-powercolor[value="purple"] + .sheet-fullrow {
    background: rgba(128,0,128,.15);
}

.sheet-abcolor[value="blue"] + .sheet-ppcontainer,
.sheet-powercolor[value="blue"] + .sheet-fullrow {
    background: rgba(0,0,255,.15);
}

.sheet-abcolor[value="green"] + .sheet-ppcontainer,
.sheet-powercolor[value="green"] + .sheet-fullrow {
    background: rgba(0,128,0,.15);
}

.sheet-ppcontainer {
    /*display: flex;*/
    flex-direction: column;
    flex-wrap: nowrap;
    box-sizing: border-box;
    width: 125px;
    justify-content: center;
    align-items: center;
    margin: 2px 5px 0 5px;
}

.sheet-ablabel,
.sheet-abpplabel {
    width: 100%;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
}

.sheet-ablabel {
    font-size: 1em;
}

.sheet-abpplabel {
    font-size: .85em;
}

.sheet-ppvalue {
    text-align: center;
    width: 45px;
}

.sheet-NoPP:checked + .sheet-powerpoints {
    display: none;
}

.sheet-pplabel {
    font-size: 1.05em;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.sheet-ppfields {
    text-align: center;
}

.sheet-spacer {
    margin: 0 5px 0 10px;
    font-weight: bold;
}

.sheet-ISP {
    display: none;
}

.sheet-useISP:checked + .sheet-ISP {
    display: inline-block;
}

.sheet-arcane {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: flex-start;
}

.sheet-powerrow {
    flex: 1 0 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    align-content: flex-start;
    /* margin-top: -15px; */
}

.sheet-spellOutput {
    box-sizing: border-box;
    flex: 0 0 14px;
    width: 14px !important;
    text-align: center;
}

.sheet-powerbutton,
.sheet-powerdamage {
    box-sizing: border-box;
    flex: 0 0 85px;
    width: 85px !important;
    text-align: center;
}

.sheet-actualpowerbutton {
    margin: 0 0 0 -1px;
}

.sheet-power {
    box-sizing: border-box;
    flex: 0 0 356px;
    text-align: left;
    width: 370px !important;
}

.sheet-pp,
.sheet-duration {
    box-sizing: border-box;
    flex: 0 1 65px;
    text-align: center;
    width: 65px !important;
}

.sheet-powerrange {
    box-sizing: border-box;
    flex: 0 0 113px;
    text-align: center;
    width: 113px !important;
}

.sheet-invested {
    box-sizing: border-box;
    flex: 0 0 65px;
    text-align: center;
    width: 65px !important;
}

.sheet-trappings {
    box-sizing: border-box;
    flex: 1 0 100%;
    border: 1px solid black;
}

.sheet-powerconfig {
    box-sizing: border-box;
    flex: 1 0 100%;
    border: 1px solid silver;
    width: 100%;
}

.sheet-powerconfig {
  display: none;
}

.sheet-showpowerconfig:checked + .sheet-powerconfig {
  display: inline-block;
  background-color: cornsilk;
}

.sheet-spellnotes {
    width: 98%;
    height: 50px;
    box-sizing: border-box;
    padding-left: 15px;
    margin: -5px 0 0 2%;
    /*margin-top: -18px;*/
}

.sheet-spelldamage {
    display: none;
    /*width: 400px;*/
}

.sheet-spellatt {
    width: 105px;
}

.sheet-showabindicatorselection {
    display: none;
}

input:not([value="1"]).sheet-showmultipleabs ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig .sheet-showabindicatorselection {
    display: block;
}

.sheet-spellbutton {
    width: 100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sheet-spellskill {
    display: none;
}

.sheet-spellnotesconfig,
.sheet-spellbutton[value="1"] ~ .sheet-spelldamage,
.sheet-spellbutton[value="0"] ~ .sheet-spelldamage,
.sheet-spellbutton[value="0"] + .sheet-spellskill,
.sheet-spellbutton[value="2"] + .sheet-spellskill {
    display: inline-block;
    margin-left: 10px;
}

.sheet-spellbutton[value="0"] + .sheet-buttonand,
.sheet-spellbutton[value="1"] ~ .sheet-buttondo,
.sheet-spellbutton[value="2"] ~ .sheet-buttonsk {
    display: inline;
    font-size: .7em;
    margin-left: 5px;
}

.sheet-speallatt {
    width: 105px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sheet-spellnum {
    width: 35px !important;
}

.sheet-morespell {
    z-index: 9999;
    opacity: 0;
    margin-top: 0px;
    margin-left: 85px;
}

.sheet-morespell + span,
.sheet-morespell {
    font-family: "Pictos";
    margin-left: -8px;
    position: absolute;
    top: 15px;
    left: 104px;
    color: gray;
    opacity: 0;
}

.sheet-powerrow:hover + .sheet-morespell + span,
.sheet-morespell:hover + span,
.sheet-morespell:checked + span {
    opacity: 1;
}

.sheet-morespell:checked + span {
    color: black;
}

.sheet-spellconfig {
    display: none;
}

.sheet-morespell:checked ~ .sheet-spellconfig {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid silver;
    background-color: cornsilk;
}

.sheet-morespell:not(:checked) ~ .sheet-spellnotes,
.sheet-spelltrappings {
    min-height: 25px;
    height: 25px;
}

.sheet-spelltrappings {
    width: 98%;
    box-sizing: border-box;
    padding-left: 15px;
    margin: 0 0 0 2%;
}

/*---- Variable Damage ----*/
.sheet-vdamage {
    display: none;
}

.sheet-vdamage:checked ~ [data-groupname=repeating_weapons] > .repitem > .sheet-weapons > .sheet-weaponconfig .sheet-vbonusdamage,
.sheet-vdamage:checked ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig .sheet-spellbutton[value="0"] ~ .sheet-vbonusdamage,
.sheet-vdamage:checked ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig .sheet-spellbutton[value="1"] ~ .sheet-vbonusdamage {
    display: block;
}

/*---- Hide Skills Character Doesn't have in Weapons and Spells ----*/
/*---- Weapons ----*/
.sheet-AthleticsStaticSkill:not(:checked) ~ [data-groupname=repeating_weapons] > .repitem > .sheet-weapons > .sheet-weaponconfig > .sheet-weaponskill > .sheet-container > .sheet-child > label.sheet-athletics,
.sheet-ShootingStaticSkill:not(:checked) ~ [data-groupname=repeating_weapons] > .repitem > .sheet-weapons > .sheet-weaponconfig > .sheet-weaponskill > .sheet-container > .sheet-child > label.sheet-shooting,
.sheet-WSStaticSkill:not(:checked) ~ [data-groupname=repeating_weapons] > .repitem > .sheet-weapons > .sheet-weaponconfig > .sheet-weaponskill > .sheet-container > .sheet-child > label.sheet-weirdscience,
/*---- Spells ----*/
.sheet-AthleticsStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-athletics,
.sheet-WSStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-weirdscience,
.sheet-FaithStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-faith,
.sheet-FocusStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-focus,
.sheet-PerformanceStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-performance,
.sheet-PsionicsStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-psionics,
.sheet-SpellcastingStaticSkill:not(:checked) ~ [data-groupname=repeating_spells] > .repitem > .sheet-fullrow > .sheet-spellconfig > .sheet-spellskill > .sheet-container > .sheet-child > label.sheet-spellcasting {
    display: none;
}

/*---- Armor ----*/
div.sheet-armorHalf {
    width: 55%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.sheet-shieldHalf {
    width: 45%;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
}
.sheet-hideArmor:checked + span + h1 + .sheet-armor,
.sheet-hideShields:checked + span + h1 + .sheet-shield {
    display: none;
}

.sheet-armor {
    display: flex;
    flex-wrap: wrap;
}

.sheet-armorWorn,
.sheet-armorProtected,
.sheet-armorProtection,
.sheet-armorProtectionType,
.sheet-armorWeight,
.sheet-armorCarried,
.sheet-armorDesc,
.sheet-armorTotalWeight,
.sheet-shieldWorn,
.sheet-shieldType,
.sheet-shieldParry,
.sheet-shieldCover,
.sheet-shieldWeight,
.sheet-shieldCarried {
    margin-right: 5px;
    display: inline-block;
    text-align: center;
}

.charsheet .sheet-armorTotalWeight {
    margin: 0 0 3px 170px;
    width: 98%;
    text-align: left;
}

.charsheet .sheet-shieldTotalWeight {
    margin: 0 0 3px 100px;
    width: 98%;
    text-align: left;
}

.sheet-armorWornContainer,
.sheet-armorCarriedContainer,
.sheet-shieldWornContainer,
.sheet-shieldCarriedContainer {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
    width: 45px; /*50px;*/
}
.sheet-armorWorn,
.sheet-shieldWorn {
    width: 50px;
}

.sheet-isWorn,
.sheet-armorisCarried,
.sheet-shieldisCarried {
    z-index: 9999;
    opacity: 0;
}

.sheet-isWornIcon,
.sheet-armorisCarriedIcon,
.sheet-shieldisCarriedIcon {
    font-family: Pictos;
    margin-left: -40px;
    margin-top: -8px;
    font-size: 1.5em;
    padding: 0px;
}

.sheet-armorisCarriedIcon,
.sheet-shieldisCarriedIcon {
    margin-left: -45px;
}

.sheet-isWorn:checked + .sheet-isWornIcon::before,
.sheet-armorisCarried:checked + .sheet-armorisCarriedIcon::before,
.sheet-shieldisCarried:checked + .sheet-shieldisCarriedIcon::before {
    content: "2";
}

.sheet-isWorn:not(:checked) + .sheet-isWornIcon::before,
.sheet-armorisCarried:not(:checked) + .sheet-armorisCarriedIcon::before,
.sheet-shieldisCarried:not(:checked) + .sheet-shieldisCarriedIcon::before {
    content: "D";
}

.sheet-armorType,
input.sheet-armorType,
.sheet-shieldType,
input.sheet-shieldType {
    /*width: 320px;*/
    width: 120px;
    margin-right: 5px;
}

h4.sheet-shieldType {
    margin-left: -10px;
}

input.sheet-shieldType {
    text-align: left;
}

.sheet-armorMinStr,
.sheet-shieldMinStr {
    width: 55px;
}

select.sheet-armorMinStr {
    margin-right: 5px;
    width: 55px;
}

.sheet-armorProtected,
input.sheet-armorProtected {
    /*width: 135px;*/
    width: 115px;
}

.sheet-shieldParry,
input.sheet-shieldParry {
    width: 50px;
}

h4.sheet-shieldParry {
    margin-left: -5px;
}

.sheet-armorProtection,
input.sheet-armorProtection,
.sheet-shieldCover,
input.sheet-shieldCover {
    width: 50px; /*75px;*/
}

.sheet-armorStacks,
input.sheet-armorStacks {
    width: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.sheet-armorWeight,
input.sheet-armorWeight,
.sheet-shieldWeight,
input.sheet-shieldWeight {
    width: 50px;
}

h4.sheet-shieldWeight {
    margin-left: -5px;
}

.sheet-armorCarried,
input.sheet-armorCarried,
.sheet-shieldCarried,
input.sheet-shieldCarried {
    width: 50px;
}

.sheet-armorDesc,
.sheet-shieldDesc {
    width: 98%;
    text-align: left;
    margin: 0px 0px 0px 3.5px;
}

.sheet-showarmorconfig:checked ~ .sheet-armorDesc,
.sheet-showshieldconfig:checked ~ .sheet-shieldDesc {
    min-height: 25px;
    height: 50px;
}

.sheet-armorConfigHeader,
.sheet-shieldConfigHeader {
    display: inline-block;
    width: 75px;
}

/*---- Notes Page ----*/
.sheet-standardDiv {
    background: rgba(255,255,255,0.25);
}

.sheet-flexdiv {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.sheet-standardTextArea {
    width: 98%;
    box-sizing: content-box;
    background: none;
    margin: 0 0 0 3px;
    /*border: none;*/
}

.sheet-BGDesc {
    width: 100%;
}

.sheet-Injuries,
.sheet-WorstNightmare {
    display: none;
    width: 49%;
    flex-grow: 2;
}

.sheet-useInjuries:checked + .sheet-Injuries,
.sheet-useWorstNightmare:checked + .sheet-WorstNightmare {
    display: block;
}

.sheet-charnotes {
    width: 100%;
    background: rgba(255,255,255,0.25);
}

.sheet-QuestLog {
    display: none;
}

.sheet-useQuestLog:checked + .sheet-QuestLog {
    display: block;
    width: 100%;
}

.sheet-questlogHeader {
    margin: -35px 0 20px 0;
}

.sheet-hideQL {
    width: 60px;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    z-index: 9999;
}

.sheet-showQL {
    width: 60px;
    font-family: "Pictos";
    font-size: 1.5em;
    margin-left: -60px;
}

.sheet-hideQL:checked + .sheet-showQL::before {
    content: 'E';
}

.sheet-hideQL:not(:checked) + .sheet-showQL::before {
    content: 'J';
}

.sheet-hideQL:checked + .sheet-QL {
    display: none;
}

.sheet-QL {
  display: inline-flex;
  width: 100%;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.sheet-qlItem {
  /*border: 1px solid red;*/
  flex: 0 0 auto;
  align-self: flex-start;
  box-sizing: border-box;
  margin: 0 0 4px 0;
}

.sheet-title,
.sheet-boss,
.sheet-goal {
    width: 30%;
    margin: 0 0 0 2px;
}

.sheet-qlComplete {
    width: 8%;
    margin: 0 2px 0 0;
    text-align: center;
}

.sheet-qlNotes {
    width: 97%;
    border: none;
    margin: 2px 0 0 0;
    height: 25px;
    max-width: 97%;
    min-width: 97%;
    min-height: 25px;
    background-color: transparent;
}

.sheet-goalDone {
    width: 30px;
    z-index: 9999;
    opacity: 0;
}

.sheet-goalCheck {
    width:30px;
    margin-left: -30px;
    font-family: "pictos";
}

.sheet-goalDone:checked + .sheet-goalCheck {
    color: green;
}

.sheet-goalDone:not(:checked) + .sheet-goalCheck {
    color: maroon;
}

.sheet-goalDone:checked + .sheet-goalCheck::before {
    content: "3";
}

.sheet-goalDone:not(:checked) + .sheet-goalCheck::before {
    content: "*";
}

h3.sheet-title,
h3.sheet-boss,
h3.sheet-goal,
h3.sheet-qlComplete {
  /*display: inline-flex;*/
  border: none;
  font-size: 14px;
}

input.sheet-boss,
input.sheet-title,
input.sheet-goal {
    background-color: transparent;
}

/*----------- Start Vehicle ------------*/
.sheet-hideShip,
.sheet-hideshiprepeating {
    width:60px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    opacity: 0;
    z-index: 9999;
}

.sheet-showShip,
.sheet-showshiprepeating {
    width: 60px;
    font-family: "Pictos";
    font-size: 1.5em;
    margin-left: -60px;
}

.sheet-hideShip:checked + .sheet-showShip::before,
.sheet-hideshiprepeating:checked + .sheet-showshiprepeating::before {
    content: 'E';
}

.sheet-hideShip:not(:checked) + .sheet-showShip::before,
.sheet-hideshiprepeating:not(:checked) + .sheet-showshiprepeating::before {
    content: 'J';
}

.sheet-shipWeapons {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
}

.sheet-hideShip:checked ~ .sheet-ship,
.sheet-hideshiprepeating:checked ~ .sheet-shipWeapons {
    display: none;
}

.sheet-ship {
    width: 863px;
    padding: none;
    width: 0 0 0 0;
}
.sheet-shipheaderrow {
    display: inline-flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.sheet-shipField {
  width: 100%;
  border: none;
  border-bottom: 1px solid black;
  text-align: center !important;
  font-size: 1.25em;
  background-color: transparent;
  color: black;
}

.sheet-shiplabel {
  width:100%;
  text-align: center !important;
  font-weight: bold;
  font-size: .75em;
}

.sheet-shipItem {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0 0 4px 0;
  box-sizing: border-box;
  width: 33%;
}

.sheet-shipMainSection {
  display: inline-flex;
  /*width: 100%;*/
  width: 845px;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 5px 15px 5px;
}

.sheet-shipMainColumn1,
.sheet-shipMainColumn2,
.sheet-shipMainColumn3 {
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  background: rgba(255,255,255,0.25);
}

.sheet-shipMainSubColumn {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.sheet-shipMainColumn1 {
  width: 30%;
}

.sheet-shipMainColumn2,
.sheet-shipMainColumn3 {
  width: 34.25%;
}

.sheet-shipMainItem {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0 0 5px 0;
  width: 100%;
}

.sheet-shipMainLabel {
  display: inline-block;
  width: 35%;
  font-weight: bold;
  font-size: 1em;
}

label.sheet-shipMainStatLabel {
    display: inline-block;
    width: 80px;
    font-weight: bold;
    font-size: 1em;
    /*margin-left: 100px;*/
    text-align: center;
    padding: 0;
}

.sheet-shipMainInput {
  width: 45% !important;
  border: none;
  border-bottom: 1px solid black;
  background-color: transparent;
  color: black;
}

input[type=number].sheet-shipMainStatsInput,
input[type=text].sheet-shipMainStatsInput {
  width: 55px;
  border: none;
  background-color: transparent;
  color: black;
  text-align: center;
  margin: 0 0 0 -5px;
  padding: 15px 0 0 0;
  font-size: 1.05em;
  font-weight: bold;
}

input[type=number].sheet-shipWound {
  border: none;
  border-bottom: 1px solid black;
  width: 16%;
  background-color: transparent;
  color: black;
  text-align: center;
}

.sheet-vehicle-incbox {
    display: inline-block;
    width: 35px;
    height: auto;
    margin: 0px 0px 0px 4px;
    padding: 0;
    /*position: relative;
    top: -10px;
    left: -10px;*/
}

.sheet-vehicle-inc {
    opacity: 0;
    z-index: 9999;
}

.sheet-vehicle-inc + div {
    display: inline-block;
    width: 35px;
    height: 28px;
    background: url("https://github.com/finderski/SWT/blob/master/Icons/v-inc.png?raw=true");
    background-size: 35px;
    /*background-image: url("https://github.com/finderski/SWT/blob/master/Icons/v-inc.png");*/
}

.sheet-vehicle-inc:checked + div {
    background: url("https://github.com/finderski/SWT/blob/master/Icons/v-inc-selected.png?raw=true");
    background-size: 35px;
}

.sheet-vehicle-incbox:hover {
    cursor: pointer;
}

div.sheet-vehicleSizeBox,
div.sheet-vehicleHandlingBox,
div.sheet-vehicleTopSpeedBox,
div.sheet-vehicleToughnessBox,
div.sheet-vehicleCrewBox {
    width: 80px; /*50*/
    height: 50px; /*40*/
    text-align: center;
    /*margin-left: 110px;*/
}

div.sheet-vehicleSizeBox {
    background: url("https://github.com/finderski/SWT/blob/master/redCircle1.png?raw=true");
    background-size: 65px; /*45*/
    background-repeat: no-repeat;
    background-position: center;
}

div.sheet-vehicleHandlingBox {
    background: url("https://github.com/finderski/SWT/blob/master/redCircle2.png?raw=true");
    background-size: 65px; /*45*/
    background-repeat: no-repeat;
    background-position: center;
}

div.sheet-vehicleTopSpeedBox {
    background: url("https://github.com/finderski/SWT/blob/master/redCircle3.png?raw=true");
    background-size: 65px; /*45*/
    background-repeat: no-repeat;
    background-position: center;
}

div.sheet-vehicleToughnessBox {
    background: url("https://github.com/finderski/SWT/blob/master/redCircle5.png?raw=true");
    background-size: 65px; /*45*/
    background-repeat: no-repeat;
    background-position: center;
}

div.sheet-vehicleCrewBox {
    background: url("https://github.com/finderski/SWT/blob/master/redCircle4.png?raw=true");
    background-size: 65px; /*45*/
    background-repeat: no-repeat;
    background-position: center;
}

.sheet-shipArmaments {
    background: rgba(255,255,255,0.25);
}
.sheet-shipbutton {
   width: 10%;
}

.sheet-shipweapon {
   width: 25%;
   text-align: left !important;
}

.sheet-shiprange {
    width: 15%;
}
.sheet-shipdamage {
   width: 18%;
}

.sheet-shipDamageMod {
    width: 55px;
}

.sheet-shiprof,
.sheet-shipAP {
   width: 5% !important;
}

.sheet-shipplacement {
   width: 15% !important;
}

.sheet-shipweaponnotes {
   width: 99%;
   height: 50px;
   min-height: 25px;
   resize: vertical;
   background-color: transparent;
   color: black;
}

/*.sheet-vehicle-inc:checked + span {
    color: red;
    font-weight: bold;
}*/

/*.sheet-incinfo {
    display: block;
    font-size: .75em;
    margin-top: -10px;
    font-weight: bold;
}*/

/*----------- Start Configuration Window -----------*/

.sheet-configSection {
    display: block;
    width: 100%;
    background: rgba(255,255,255,0.75);
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
}

.sheet-showPowerTypes:checked ~ .sheet-PowerTypes {
    display: inline-block;
}

.sheet-customLabel {
    width: 125px;
    height: 18px;
}

.sheet-hideButton {
    display: inline-block;
    margin-top: -50px;
}

.sheet-hideOST,
.sheet-hideCSN,
.sheet-hideSRM {
    width:60px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    opacity: 0;
    z-index: 9999;
}

.sheet-showOST,
.sheet-showCSN,
.sheet-showSRM {
    width: 60px;
    font-family: "Pictos";
    font-size: 1.5em;
    margin-left: -60px;
}

.sheet-configSectionTitle {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 10px;
    background-color: lightgray;
}

.sheet-hideOST:checked + .sheet-showOST::before,
.sheet-hideCSN:checked + .sheet-showCSN::before,
.sheet-hideSRM:checked + .sheet-showSRM::before {
    content: 'E';
}

.sheet-hideOST:not(:checked) + .sheet-showOST::before,
.sheet-hideCSN:not(:checked) + .sheet-showCSN::before,
.sheet-hideSRM:not(:checked) + .sheet-showSRM::before {
    content: 'J';
}

.sheet-hideOST:checked ~ .sheet-miscconfig,
.sheet-hideCSN:checked ~ .sheet-csnconfig,
.sheet-hideSRM:checked ~ .sheet-srmconfig {
    display: none;
}

.sheet-miscconfig,
.sheet-csnconfig,
.sheet-srmconfig { /* Parent/Container for the Quick Settings */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: space-around;
    margin: 0 5px 5px 5px;
    padding: 0 0 0 0;
    box-sizing: content-box;
    /*background: rgba(255,255,255,0.75);*/
}

.sheet-srmconfig {
    height: 90px;
}

.sheet-injury {
    width: 100px;
}

.sheet-injurytable {
    display: none;
}

.sheet-usegritty:checked + .sheet-srmconfig {
    height: 150px;
}

.sheet-usegritty:checked + .sheet-injurytable {
    display: inline;
}

.sheet-miscconfig {
    height: 235px;
}

.sheet-fnconfig {
    height: 150px;
}

.sheet-csnconfig {
    height: 550px;
}

.sheet-miscItem,
.sheet-fnItem,
.sheet-srmItem {
    flex: 0 1 auto;
    font-weight: normal;
    cursor: pointer;
    width: auto;
    font-size: 1em;
}

.sheet-miscItem {
    margin-bottom: 8px;
}

.sheet-csnItem {
    flex: 0 1 auto;
    font-weight: normal;
    cursor: pointer;
    width: 325px;
    font-size: 1em;
}
/*
.sheet-configcheckbox {
    cursor: pointer;
}

.sheet-configbox {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}*/

/*.sheet-configitem {
    width: 23%;
    margin: auto;
}*/

.sheet-csnLabel {
    display: inline-block;
    width: 135px;
    font-weight: bold;
    font-size: 1em;
}

.sheet-csnInput {
    width: 150px;
}

.sheet-wci {
    width: 50px;
    font-size: 1.35em;
    text-align: center;
}

/*----------- End Configuration Window -----------*/

/*----------- Start Combat Options Display -----------*/
.sheet-combatOptionDetails {
    display: flex;
    width: 100%;
    height: 1530px;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

div.sheet-combatoptionItem:nth-child(odd) {
    background-color: #CEC7A9;
}

.sheet-combatoptionItem {
    box-sizing: border-box;
    margin: 5px;
    padding: 0;
    width: 45%;
}

.sheet-optionLabel {
    font-weight: bold;
    color: maroon;
    font-size: 1.2em;
}

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

/*----------- End Combat Options Display -----------*/

/*----------- Start Release Notes Display -----------*/
.sheet-release {
    background: rgba(255,255,255,0.25);
}

.sheet-releaseNotesSubHeader {
    font-family: Teko;
    text-align: left;
    width: 100%;
    font-weight: bolder;
    color: maroon;
    margin: 10px 0 10px 0;
}

.sheet-rowlabel {
    width: 100%;
    display: inline-block;
    color: #363636;
}

div.sheet-releasenotes {
    width: 100%;
    display: block;
    margin: 0 5px 0 5px;
    padding: 0 0 0 0;
    box-sizing: border-box;
}

.sheet-releasenotes:checked + div.sheet-releasenotes {
    display: none;
}

input.sheet-releasenotes {
    cursor: pointer;
    position: relative;
    opacity: 0;
    z-index: 9999;
}

span.sheet-releasenotes {
    margin-left: -13px;
}

input.sheet-releasenotes:checked + span.sheet-releasenotes::before {
    content: '&';
    font-family: Pictos;
}

input.sheet-releasenotes:not(:checked) + span.sheet-releasenotes::before {
    content: '_';
    font-family: Pictos;
}

.sheet-rnversion {
    display: inline-block;
    color: #363636;
}

ul.sheet-releaseNotesList {
    list-style-type: square;
    color: maroon;
}

span.sheet-black {
    color: black;
}

/*----------- End Release Notes Display -----------*/

/*----------- Start Documentation Display -----------*/
.sheet-documentation {
    background: rgba(255,255,255,0.25);
}

.sheet-documentationHeader {
    font-size: 3em;
}

.sheet-docHeading {
    display: block;
    font-family: Teko;
    font-size: 2.5em;
    border-bottom: .5px solid maroon;
    width: 99%;
}

.sheet-docSubHeading {
    margin: 5px 0 5px 0;
}

.sheet-pictos {
    font-family: Pictos;
    font-size: 1.5em;
}

.sheet-docparagraph {
    width: 99%;
    margin: 5px 0 5px 0;
}

ul.sheet-docList {
    list-style-type: none;
}

li.sheet-docList::before {
    content: "■ ";
    color: maroon;
}

.sheet-infotable {
    width: 99%;
    margin: 15px 0 15px 0;
}

.sheet-infotable th, td {
    border: none;
    padding: 5px;
    margin: 10px 0 10px 0;
}

.sheet-infotable th.sheet-titleLeft,
.sheet-infotable th.sheet-titleRight {
    background-color: maroon;
    color: white;
    text-align: center;
    font-size: 1.25em;
}

.sheet-infotable th.sheet-titleLeft {
    border-radius: 5px 0 0 0;
}

.sheet-infotable th.sheet-titleRight {
    border-radius: 0 5px 0 0;
}

.sheet-infotable th.sheet-colLabels {
    background-color: black;
    color: white;
}

.sheet-infotable th.sheet-results {
    width: 75px;
}

.sheet-infotable th.sheet-subeffect {
    width: 90px;
}

.sheet-infotable th.sheet-tableweight {
    width: 116px;
    text-align: right;
}

.sheet-infotable tr:nth-child(even) {background: #EEEADF;}
.sheet-infotable tr:nth-child(odd) {background: #DCD3B9;}

.sheet-infotable td.sheet-tableweight {
    text-align: right;
}

.sheet-infotable tr:last-child {
    border-radius: 0 0 5px 5px;
}

.sheet-configtextarea {
    font-size: 2em;
    max-width: 145px;
    max-height: 16px;
    resize: none;
    position: relative;
    left: -285px;
    float: right;
}

.sheet-forestgreen {
    color: forestgreen;
}

.sheet-maroon {
    color: maroon;
}

/*----------- End Combat Options Display -----------*/

/*----------- Start Repeating Button Display -----------*/
[data-groupname=repeating_armor],
[data-groupname=repeating_weapons],
[data-groupname=repeating_spells],
[data-groupname=repeating_gear],
[data-groupname=repeating_quests],
[data-groupname=repeating_shipweapons] {
    width: 100%;
}
.repcontrol_add,
.repcontrol_edit,
.repcontrol_move,
.repcontrol_del {
    opacity: 0.6;
}

.repcontrol_add:hover,
.repcontrol_edit:hover,
.repcontrol_move:hover,
.repcontrol_del:hover{
    opacity: 1.0;
    outline: none;
}
.repcontrol_add:focus,
.repcontrol_edit:focus,
.repcontrol_move:focus,
.repcontrol_del:focus {
    outline: none;
}
.repcontrol_move{
    height: 11px;
    line-height: 11px;
    margin-top: 2px;
}
.repcontrol_del {
    height: 22px;
    line-height: 12px;
    margin-top: 2px;
    width: 30px;
    background: none;
    border: none;
    color: maroon;
    font-size: 1.5em;
}
.repcontrol_add,
.repcontrol_edit {
    color: transparent;
    box-shadow: none;
    background: transparent;
    border-color: transparent;
    text-shadow:none;
    width: 80px;
}
.repcontrol_add:before {
    content: '+';
    visibility: visible;
    font-family: pictos;
    border: none;
    font-size: 18px;
    height: 18px;
    width: 18px;
    padding: 2px 0 0 0;
    color: darkgreen;
}
.repcontrol_edit:after {
    content: '(';
    visibility: visible;
    font-family: pictos;
    border: none;
    font-size: 18px;
    height: 18px;
    width: 18px;
    padding: 2px 0 0 0;
    color: crimson;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
    content: ')';
}

[data-groupname=repeating_skills] > .repitem > .itemcontrol,
[data-groupname=repeating_derivedstats] > .repitem > .itemcontrol {
    z-index: 10000;
}
/*----------- End Repeating Button Display -----------*/

/*----------- Start Mini Display -----------*/
.sheet-useSkillSpecMini,
.sheet-staticAcademics,
.sheet-staticAthletics,
.sheet-staticBattle,
.sheet-staticBoating,
.sheet-staticCommonKnowledge,
.sheet-staticDriving,
.sheet-staticElectronics,
.sheet-staticFaith,
.sheet-staticFighting,
.sheet-staticFocus,
.sheet-staticGambling,
.sheet-staticHacking,
.sheet-staticHealing,
.sheet-staticIntimidation,
.sheet-staticLanguage,
.sheet-staticNotice,
.sheet-staticOccult,
.sheet-staticPerformance,
.sheet-staticPersuasion,
.sheet-staticPiloting,
.sheet-staticPsionics,
.sheet-staticRepair,
.sheet-staticResearch,
.sheet-staticRiding,
.sheet-staticScience,
.sheet-staticShooting,
.sheet-staticSpellcasting,
.sheet-staticStealth,
.sheet-staticSurvival,
.sheet-staticTaunt,
.sheet-staticThievery,
.sheet-staticWeirdScience,
.sheet-staticKnowledgeOther,
.sheet-academics,
.sheet-athletics,
.sheet-battle,
.sheet-boating,
.sheet-commonknowledge,
.sheet-driving,
.sheet-electronics,
.sheet-faith,
.sheet-fighting,
.sheet-focus,
.sheet-gambling,
.sheet-hacking,
.sheet-healing,
.sheet-intimidation,
.sheet-language,
.sheet-notice,
.sheet-occult,
.sheet-performance,
.sheet-persuasion,
.sheet-piloting,
.sheet-psionics,
.sheet-repair,
.sheet-research,
.sheet-riding,
.sheet-science,
.sheet-shooting,
.sheet-spellcasting,
.sheet-stealth,
.sheet-survival,
.sheet-taunt,
.sheet-thievery,
.sheet-weirdscience,
.sheet-knowledgeother, {
    display: none;
}

.sheet-staticAcademics:checked ~ .sheet-academics,
.sheet-staticAthletics:checked ~ .sheet-athletics,
.sheet-staticBattle:checked ~ .sheet-battle,
.sheet-staticBoating:checked ~ .sheet-boating,
.sheet-staticCommonKnowledge:checked ~ .sheet-commonknowledge,
.sheet-staticDriving:checked ~ .sheet-driving,
.sheet-staticElectronics:checked ~ .sheet-electronics,
.sheet-staticFaith:checked ~ .sheet-faith,
.sheet-staticFighting:checked ~ .sheet-fighting,
.sheet-staticFocus:checked ~ .sheet-focus,
.sheet-staticGambling:checked ~ .sheet-gambling,
.sheet-staticHacking:checked ~ .sheet-hacking,
.sheet-staticHealing:checked ~ .sheet-healing,
.sheet-staticIntimidation:checked ~ .sheet-intimidation,
.sheet-staticLanguage:checked ~ .sheet-language,
.sheet-staticNotice:checked ~ .sheet-notice,
.sheet-staticOccult:checked ~ .sheet-occult,
.sheet-staticPerformance:checked ~ .sheet-performance,
.sheet-staticPersuasion:checked ~ .sheet-persuasion,
.sheet-staticPiloting:checked ~ .sheet-piloting,
.sheet-staticPsionics:checked ~ .sheet-psionics,
.sheet-staticRepair:checked ~ .sheet-repair,
.sheet-staticResearch:checked ~ .sheet-research,
.sheet-staticRiding:checked ~ .sheet-riding,
.sheet-staticScience:checked ~ .sheet-science,
.sheet-staticShooting:checked ~ .sheet-shooting,
.sheet-staticSpellcasting:checked ~ .sheet-spellcasting,
.sheet-staticStealth:checked ~ .sheet-stealth,
.sheet-staticSurvival:checked ~ .sheet-survival,
.sheet-staticTaunt:checked ~ .sheet-taunt,
.sheet-staticThievery:checked ~ .sheet-thievery,
.sheet-staticWeirdScience:checked ~ .sheet-weirdscience,
.sheet-staticKnowledgeOther:checked ~ span.sheet-knowledgeother {
    display: inline-flex;
}

.sheet-useSkillSpecMini:checked ~ span > .repcontrol,
.sheet-staticKnowledgeOther:checked ~ span > .repcontrol,
.sheet-collapsedSectionView > .repcontrol {
    display: none;
}

.sheet-useSkillSpecMini:not(:checked) ~ span.sheet-SkillSpecMini {
    display: none;
}

/* The below causes Specializations to show up, if any exist, even if the Parent skill is unchecked */
.sheet-useSkillSpecMini:checked ~ span.sheet-SkillSpecMini {
    display: inline-flex;
    margin: 0;
}

.sheet-SkillSpecMini > .repcontainer,
.sheet-knowledgeother > .repcontainer,
.sheet-collapsedSectionView > .repcontainer {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.sheet-showMiniDisplay {
    display: none;
}

div.sheet-collapsedSectionView {
    display: none;
}

.sheet-showMiniDisplay:checked ~ .sheet-fullSectionView,
.sheet-showMiniDisplay:checked ~ .hideskillsconfig,
.sheet-showMiniDisplay:checked ~ .sheet-skillList,
.sheet-showMiniDisplay:checked + .sheet-bottomHalf {
    display: none;
}

.sheet-showMiniDisplay:checked ~ .sheet-collapsedSectionView {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    /* text-align: left; */
    align-items: flex-start;
    align-content: space-around;
    width: 100%;
}

button[type=roll].sheet-miniButton::before {
    content: '';
}

button[type=roll].sheet-miniButton {
    margin: 5px;
}

.sheet-isCarriedMini {
    display: none;
}

span.sheet-miniView {
    font-size: .7em;
}


















/*----------- Start Roll Template Info -----------*/

.sheet-rolltemplate-roll div,
.sheet-rolltemplate-roll span,
.sheet-rolltemplate-roll h1,
.sheet-rolltemplate-roll h2,
.sheet-rolltemplate-damage div,
.sheet-rolltemplate-damage span,
.sheet-rolltemplate-damage h1,
.sheet-rolltemplate-damage h2,
.sheet-rolltemplate-gritty div {
	box-sizing: border-box;
}

.sheet-rolltemplate-roll span.sheet-templateCondition {
    font-size: .5em;
}

.sheet-rolltemplate-roll,
.sheet-rolltemplate-damage {
    background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/graph_paper_web.jpg");
}

.sheet-rolltemplate-roll .sheet-templateMain,
.sheet-rolltemplate-damage .sheet-templateMain,
.sheet-rolltemplate-info .sheet-templateMain {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
	/*background-color: white;*/
	padding: 0px;
	/*border: 1px solid black;*/
	/*white-space: nowrap;*/
}

.sheet-rolltemplate-roll .sheet-templateMain,
.sheet-rolltemplate-damage .sheet-templateMain {
    background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2.png") no-repeat;
}

.sheet-rolltemplate-roll .sheet-templateHeader,
.sheet-rolltemplate-damage .sheet-templateHeader {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 20px 0 0 0;
}

.sheet-rolltemplate-roll .sheet-templateBody,
.sheet-rolltemplate-damage .sheet-templateBody {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

.sheet-rolltemplate-roll .sheet-buttonsnsuch,
.sheet-rolltemplate-damage .sheet-buttonsnsuch {
    width: 100%;
    margin: 0;
    padding: 0;
}

.sheet-rolltemplate-roll .sheet-unshakeRow {
    /*background-color: white;*/
    width: 100%;
    border: none;
    text-align: center;
}

.sheet-rolltemplate-bonusDamage .sheet-templateMain {
    width: 100%;
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
    background-color: white;
    border: 1px solid black;
    box-sizing: border-box;
}

.sheet-rolltemplate-bonusDamage .sheet-rollDieType {
    color: #900C3F;
}

.sheet-rolltemplate-bonusDamage .sheet-rollContainer {
    font-weight: bold;
}

/*.sheet-rolltemplate-roll h2,
.sheet-rolltemplate-roll h3,*/
.sheet-rolltemplate-roll .sheet-templateBlack,
.sheet-rolltemplate-roll .sheet-templateBlue,
.sheet-rolltemplate-damage h2,
.sheet-rolltemplate-damage h3 {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 100%;
	        flex: 1 0 100%;
	text-align: center;
	/*color: white;*/
    color: #663300; /*#993300;*/
	/*background-color: black;*/
	width: 100%;
	/*margin: 0px;*/
}

.sheet-rolltemplate-roll h2,
.sheet-rolltemplate-damage h2 {
    font-family: Teko;
    font-weight: normal;
    font-size: 2em;
    margin: 10px 0 -10px 0;
    line-height: 25px;
}

.sheet-rolltemplate-roll h2.sheet-normalHeader,
.sheet-rolltemplate-damage h2.sheet-normalHeader {
    font-size: 2em;
}

.sheet-rolltemplate-roll h2.sheet-smallHeader,
.sheet-rolltemplate-damage h2.sheet-smallHeader {
    font-size: 1.5em;
}

.sheet-rolltemplate-roll .sheet-templateBlue {
    /*background-color: #035096;*/
    /*color: #7DF9FF; --original color*/
    /*color: #B3FBFF;*/
    color: #035096;
}

.sheet-rolltemplate-roll h4.sheet-templateBlue {
    font-size: 12px;
}

/*.sheet-rolltemplate-damage h2,
.sheet-rolltemplate-damage h3 {
    background-color: #900C3F;
}*/

/*.sheet-rolltemplate-roll h2,*/
.sheet-rolltemplate-damage h2{
    color: #800000;
}

.sheet-rolltemplate-damage h3 {
    color: #800000;
}

.sheet-rolltemplate-roll h3,
.sheet-rolltemplate-damage h3{
	font-size: 1em;
	margin-top: -10px;
}

.sheet-rolltemplate-roll .sheet-templateRoll,
.sheet-rolltemplate-damage .sheet-templateRoll {
	width: 50%;
	/*background-color: white;*/
	/*border: 1px solid black;*/
	border-bottom: 1.5px solid black;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
}

.sheet-rolltemplate-roll .sheet-convictionRoll {
    width: 100%;
    text-align: center;
    border-bottom: 1.5px solid black;
}

.sheet-rolltemplate-roll .sheet-trollLeft,
.sheet-rolltemplate-damage .sheet-trollLeft {
	border-right: 1px solid black;
}

.sheet-rolltemplate-roll .sheet-trollRight,
.sheet-rolltemplate-damage .sheet-trollRight {
	border-left: 1px solid black;
}

.sheet-rolltemplate-roll .sheet-rollLabel,
.sheet-rolltemplate-damage .sheet-rollLabel {
	display: block;
	font-size: .75em;
    font-weight: bold;
	margin: 5px;
	width: 100%;
	text-align: center;
}

.sheet-rolltemplate-roll .sheet-rollContainer,
.sheet-rolltemplate-damage .sheet-rollContainer {
	display: block;
	font-size: 2em;
	text-align: center;
	width: 100%;
	margin: 5px;
}

.sheet-rolltemplate-roll .sheet-templateModifiers,
.sheet-rolltemplate-damage .sheet-templateModifiers {
    width: 100%;
    font-size: .75em;
    padding: 5px;
    text-align: center;
	/*background-color: white;*/
	/*border: 1.5px solid black;*/
	border-top: none;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 100%;
	        flex: 1 0 100%;
}

.sheet-rolltemplate-roll .sheet-templateButton,
.sheet-rolltemplate-damage .sheet-templateButton {
    flex: 1 0 100%;
    width: 100%;
    /*background-color: white;*/
    text-align: center;
	/*border: 1.5px solid black;*/
	/*border-top: none;*/
	padding: 2.5px;
}

.sheet-rolltemplate-info .sheet-templateHeaderRow {
    width: 100%;
    margin: 0 0 0 0;
    padding: 4px 0 0 0;
    background-color: #770912;
    border: 1px solid #770912;
    border-radius: 10px 10px 0 0;
}

.sheet-rolltemplate-info .sheet-templateheader,
.sheet-rolltemplate-info .sheet-templatesubheader {
    width: 100%;
    margin: 0 0 0 0;
    /*padding: 2px 2px 2px 2px;
    background-color: #e8d394;
    color: #770912;*/
    color: white;
    text-align: center;
    /*border: 1px solid #A48623;
    border-bottom: none;*/
}

.sheet-rolltemplate-info .sheet-templateheader {
    font-family: Teko;
    font-size: 1.75em; /*was 2.5em*/
}

.sheet-rolltemplate-info .sheet-templatesubheader {
    border: 1px solid black;
    background-color: black;
    font-size: 1em; /*was 1.1em*/
    font-weight: normal;
}

.sheet-rolltemplate-info .sheet-templatedescription {
    background-color: white;
    color: black;
    font-size: .8em;
    padding: 5px;
    width: 100%;
    border: 1px solid black;
}

/*.sheet-rolltemplate-traitroll table.sheet-templatetable,
.sheet-rolltemplate-tr_dmg_roll table.sheet-templatetable,
.sheet-rolltemplate-dmg_roll table.sheet-templatetable,
.sheet-rolltemplate-description table.sheet-templatetable {
	border: 1px solid black;
	background-color: white;
	width: 100%;
	padding: 5px;
}

.sheet-rolltemplate-traitroll .sheet-theader,
.sheet-rolltemplate-tr_dmg_roll .sheet-theader,
.sheet-rolltemplate-dmg_roll .sheet-theader,
.sheet-rolltemplate-description .sheet-theader {
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: black;
	margin: 0px;
	padding: 5px;
	color: white;
	text-align: center;
	font-family: 'Souvenir', 'Bookman', Georgia, serif;
}

.sheet-rolltemplate-traitroll td.sheet-wccontent {
    text-align: center;
    vertical-align: top;
    border: 1px solid black;
    width: 50%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.sheet-rolltemplate-traitroll .sheet-troll,
.sheet-rolltemplate-tr_dmg_roll .sheet-troll,
.sheet-rolltemplate-dmg_roll .sheet-troll {
	display: table-cell;
	border: 1px solid black;
	background-color: white;
	color: black;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}

.sheet-rolltemplate-tr_dmg_roll td.sheet-rollresults,
.sheet-rolltemplate-dmg_roll td.sheet-rollresults {
	text-align: right;
}*/

.sheet-rolltemplate-roll .inlinerollresult,
.sheet-rolltemplate-damage .inlinerollresult,
.sheet-rolltemplate-info .inlinerollresult/*,
.sheet-rolltemplate-traitroll .inlinerollresult,
.sheet-rolltemplate-tr_dmg_roll .inlinerollresult,
.sheet-rolltemplate-dmg_roll .inlinerollresult*/ {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-weight: normal;
    font-size: 1em;
}

.sheet-rolltemplate-bonusDamage .inlinerollresult {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-weight: bold;
    font-size: 1em;
}

.sheet-rolltemplate-roll .inlinerollresult.fullcrit,
.sheet-rolltemplate-damage .inlinerollresult.fullcrit,
/*.sheet-rolltemplate-traitroll .inlinerollresult.fullcrit,
.sheet-rolltemplate-tr_dmg_roll .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg_roll .inlinerollresult.fullcrit,*/
.sheet-rolltemplate-unshake .inlinerollresult.fullcrit,
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit {
	color: #3FB315;
    border: none;
    font-weight: bold;
}

.sheet-rolltemplate-info .inlinerollresult.fullcrit,
.sheet-rolltemplate-info .inlinerollresult.fullfail,
.sheet-rolltemplate-info .inlinerollresult.importantroll {
    border: none;
    color: black;
    font-weight: normal;
}

.sheet-rolltemplate-roll .inlinerollresult.fullfail,
.sheet-rolltemplate-damage .inlinerollresult.fullfail,
/*.sheet-rolltemplate-traitroll .inlinerollresult.fullfail,
.sheet-rolltemplate-tr_dmg_roll .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg_roll .inlinerollresult.fullfail,*/
.sheet-rolltemplate-unshake .inlinerollresult.fullfail,
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail {
	color: maroon;
    border: none;
    font-weight: bold;
}

.sheet-rolltemplate-roll .inlinerollresult.importantroll,
.sheet-rolltemplate-damage .inlinerollresult.importantroll,
/*.sheet-rolltemplate-traitroll .inlinerollresult.importantroll,
.sheet-rolltemplate-tr_dmg_roll .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg_roll .inlinerollresult.importantroll,*/
.sheet-rolltemplate-unshake .inlinerollresult.importantroll,
.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll {
	color: #3FB315;
    border: none;
    font-weight: bold;
}

.sheet-rolltemplate-unshake .inlinerollresult.importantroll,
.sheet-rolltemplate-unshake .inlinerollresult.fullcrit {
    color: darkgreen;
}

.sheet-rolltemplate-unshake .inlinerollresult {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-weight: normal;
    font-size: 1.05em;
    font-weight: bold;
}

.sheet-rolltemplate-emote .inlinerollresult,
.sheet-rolltemplate-emote .inlinerollresult.fullcrit,
.sheet-rolltemplate-emote .inlinerollresult.fullfail,
.sheet-rolltemplate-emote .inlinerollresult.importantroll,
.sheet-rolltemplate-consumables .inlinerollresult,
.sheet-rolltemplate-consumables .inlinerollresult.fullcrit,
.sheet-rolltemplate-consumables .inlinerollresult.fullfail,
.sheet-rolltemplate-consumables .inlinerollresult.importantroll {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-size: 1em;
    font-weight: bolder;
    font-style: italic;
}

.sheet-rolltemplate-consumables .inlinerollresult.fullfail {
    color: maroon;
}

.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"] {
    background-color: #FFA500;
    color: black;
    font-weight: bold;
}

.sheet-rolltemplate-roll .sheet-blueButtons > a[href^="~"] {
    background-color: #035096;
    color: #B3FBFF;
    font-weight: bold;
}

.sheet-rolltemplate-roll .sheet-blackButtons > a[href^="~"] {
    /*background-color: black;*/
    background-color: #663300; /*#993300;*/
    color: #ffe699;/*#cc9900;*//*white;*/
    font-weight: bold;
}

.sheet-rolltemplate-damage .sheet-templateBody > .sheet-trollRight .sheet-rollContainer > a[href^="~"] {
    /*background-color: #900C3F;*/
    background-color: #800000;
    color: #ffe6e6;
    font-weight: bold;
    font-size: .65em;
    width: 90%;
    margin: 10px 0 0 -12px;
    padding: 5px 0 5px 0;
}

.sheet-rolltemplate-damage .sheet-templateButton > a[href^="~"] {
    background-color: #800000;/*#900C3F;*/
    color: #ffe6e6;
    font-weight: bold;
}

/*.sheet-rolltemplate-roll .sheet-templateButton > a[href^="~"],
.sheet-rolltemplate-damage .sheet-templateButton > a[href^="~"] {
    background-color: #900C3F;
    font-weight: bold;
}

.sheet-rolltemplate-statblock h2.sheet-caption {
	width: 90%;
	max-width: 200px;
	text-align: center;
    color: white;
    background-color: black;
	border-radius: 15px;
	font-family: "cinzelregular";
	font-size: 1.125em;
	font-weight: bold;
	margin: 5px;
}

.sheet-rolltemplate-statblock .inlinerollresult,*/
.sheet-rolltemplate-gritty .inlinerollresult {
    background-color: transparent;
    border: inherit;
    padding: 0px;
    font-weight: normal;
    font-size: 1.05em;
}

.sheet-rolltemplate-unshake .sheet-emoteish,
.sheet-rolltemplate-emote .sheet-emoteish,
.sheet-rolltemplate-consumables .sheet-emoteish {
    border: 1px solid #F0C392;
    color: #653E10;
    background-color: #F5E4D3;
    width: 125%;
    margin-left: -50px;
    padding:10px;
    box-sizing: border-box;
    font-weight: bolder;
    font-style: italic;
}

.sheet-rolltemplate-gritty .sheet-card {
    width: 90%;
	max-width: 200px;
	min-height: 250px;
	background: url('http://www.geeksville.us/roll20/Ace_of_Clubs-Red-light.jpg') top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    padding: 5px;
    border-radius: 15px;
    border: solid 1px #680000;
}

.sheet-rolltemplate-gritty h2 {
    text-align: center;
    color: maroon;
}

.sheet-rolltemplate-gritty .sheet-injuryresult {
    display: flex;
    align-items: center;
    height: 250px;
    text-align: center;
}

.sheet-rolltemplate-statblock {
    background: url(https://github.com/finderski/SWT/blob/master/RollTemplate/rt_back.jpg?raw=true) top left;
    background-size: 250px 100%;
    background-repeat: no-repeat;
    align-items: center;
    border: 1px solid darkgoldenrod;
    margin: none;
    padding: none;
}

.sheet-rolltemplate-statblock h2.sheet-fullwidth {
    width: 100%;
    text-align: center;
}

.sheet-rolltemplate-statblock .sheet-statblockheader {
    display: flex;
    background: url(https://github.com/finderski/SWT/blob/master/RollTemplate/rt_header.png?raw=true) top left;
    background-size: 250px 90px;
    height: 90px;
    background-repeat: no-repeat;
    align-items: center;
}

.sheet-rolltemplate-statblock .sheet-statblockbod {
    padding: 0px 5px 5px 5px;
}

.sheet-rolltemplate-statblock .sheet-justify {
    text-align: justify;
    text-justify: inter-word;
    margin: 0 5px 10px 15px;
    font-size: .85em;
}

.sheet-rolltemplate-statblock .sheet-bodsection {
    margin: 0 5px 10px 15px;
    font-size: .85em;
}

.sheet-statblock {
    height: 28px;
}

.sheet-showWCicon {
    display: none;
}

.sheet-isWC[value="0"] + button.sheet-statblock > .sheet-showWCicon {
    display: inline-block;
    font-size: 1.8em;
}

.sheet-rolltemplate-info a[href^='~'],
.sheet-rolltemplate-statblock a[href^='~'] {
    background-color:transparent;
    border: 0;
    color: darkslategray;
    display:inline;
    padding:0;
    text-decoration: underline;
}
/*----------- End Roll Template --------------------*/