roll20-character-sheets/TheWitcher/witchersheet.css

/* HIDE BROWSER EFFECTS */
/* NUMBER INPUR ARROWS - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* NUMBER INPUR ARROWS - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* NPC SECTION */
/* Top Info */

label.npctitle {
    display: inline-block;
    font-size: 12px;
    text-align: right;
    width: 40px;
}


label.bountytitle {
    display: inline-block;
    font-size: 12px;
    text-align: right;
    width: 55px;
}

label.sizetitle {
    display: inline-block;
    font-size: 13px;
    margin-left: 13px;
    text-align: right;
    width: 50px;
}

label.environmenttitle {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 11px;
    margin-left: 9px;
    text-align: right;
    width: 80px;
}

input.npc-box {
    width: 150px;
    border:1px solid #000;
    border-radius: 0px;
}

input.bounty-box {
    width: 60px;
    border:1px solid #000;
    border-radius: 0px;
}

input.size-box {
    width: 150px;
    border:1px solid #000;
    border-radius: 0px;
}

input.size-box2 {
    width: 120px;
    border:1px solid #000;
    border-radius: 0px;
}

input.background-box {
    width: 230px;
    height: 25px;
    border:1px solid #000;
    border-radius: 0px;
}

/* Right Side Repeating Sections */

span.npcskill-span,
span.ability-span {
    display: inline-block;
    width: 250px;
    padding-right: 5px;
    padding-top: 10px;
    font-size: 1em;
    color: #FFF;
    border-radius: 20px;
    background: #444444;
}

span.vuln-span {
    display: inline-block;
    width: 250px;
    padding-right: 5px;
    padding-top: 10px;
    font-size: 1em;
    color: #FFF;
    border-radius: 20px;
    background: #444444;
}

span.weapon-span {
    display: inline-block;
    width: 525px;
    padding-right: 5px;
    padding-top: 10px;
    font-size: 1em;
    color: #FFF;
    border-radius: 20px;
    background: #444444;
}

span.repeating_npcskill_container  {
    display: inline-block;
    width: 265px;
    margin-left: -5px;
    margin-bottom: 7px;
    color: #FFF;
    background-color: #c1c1c1;
    border-radius: 15px;
    border: 1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}

span.repeating_npc_weapon_container  {
    display: inline-block;
    width: 490px;
    padding: 10px;
    margin-left: 10px;
    margin-bottom: 7px;
    color: #FFF;
    background-color: #c1c1c1;
    border-radius: 15px;
    border: 1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}

label.weapontitle,
label.npcskilltitle,
label.abilitytitle {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 250px;
    font-size: 16px;
    color: #FFF;
}

label.weapontitle {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 540px;
    font-size: 16px;
    color: #FFF;
}

label.npcarmortitle {
    display: inline-block;
    width: 115px;
    color: #FFF;
    font-weight: 1;
    margin-top: 10px;
	text-align: right;
	font-size: 22px;
}

.npc-armor-box {
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #5e0000;
    width: 225px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #0e1c26;
}

input[type='number'].npc-armor {
    border: 1px solid #000;
    display: inline-block;
    border-radius: 0px;
    margin-top: -10px;
    width: 55px;
    height: 40px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    background-color: #444444;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input.repeating_npc_weapon_name {
    margin-left: 5px;
    width: 180px;
    font-size: 14px;
    font-weight: bold;
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-bottom: 1px solid;
    box-shadow: none;
    text-transform: uppercase;
}

input.repeating_npc_weapon_damage {
    margin-left: 5px;
    width: 55px;
    font-size: 12px;
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-bottom: 1px solid;
    box-shadow: none;
}

input.repeating_npc_weapon_effect {
    margin-left: 5px;
    width: 135px;
    font-size: 12px;
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-bottom: 1px solid;
    box-shadow: none;
}

input.repeating_npc_weapon_rof {
    margin-left: 5px;
    margin-right: 2px;
    width: 30px;
    font-size: 14px;
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-bottom: 1px solid;
    box-shadow: none;
    text-transform: uppercase;
}

input.repeating_ability_name {
    width: 235px;
    color: #FFF;
    margin-left: 10px;
    font-size: 14px;
    background-color: #636363;
    text-transform: uppercase;
    border:1px solid #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
}

input.repeating_vuln_name {
    width: 230px;
    color: #FFF;
    margin-left: 10px;
    font-size: 14px;
    background-color: #636363;
    text-transform: uppercase;
    border:1px solid #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
}

input.repeating_npcskill_name {
    margin-top: -2px;
    margin-left: 2px;
    margin-right: -10px;
    width: 140px;
    font-size: 14px;
    font-weight: bold;
    background-color: transparent;
    border: 0px solid #000;
    box-shadow: none;
    text-transform: uppercase;
}

select.repeating_npcskill_stat {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 60px;
    font-size: 11px;
    background-color: transparent;
    border:0px solid;
    box-shadow: none;
}

textarea.repeating_ability_text {
    margin-left: 10px;
    font-size: 11px;
    width: 213px;
    height: 70px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    background-color: #c1c1c1;
    resize: vertical;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #000;
}

textarea.repeating_vuln_text {
    margin-left: 10px;
    font-size: 11px;
    width: 208px;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    background-color: #c1c1c1;
    resize: vertical;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #000;
}

input.repeating_loot_text {
    margin-left: 10px;
    width: 235px;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    background-color: #c1c1c1;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #000;
}

input.repeating_npcskill_score {
    width: 27px;
    height: 25px;
    margin-top: -2px;
    font-size: 14px;
    background-color: #e8e8e8;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: inset 0px 0px 4px 0px #262626;
}

/* Left Side */

.special-stack-grid {
    margin-left: -10px;
}

.npc-defenses {
    width: 520px;
}

.npc-defense-container {
    display: flex;
    justify-content: space-evenly;
}

.npc-defenses .defense-title {
    padding-right: 0px;
}

.npc-defenses .defense-name {
    padding-left: 0px;
}

.npc-defense {
    width: min-content;
    display: block;
    text-align: center;
}

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

.charsheet {
    margin-left: -20px;
    margin-top: 0px;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/repeating_bg.jpg");
	background-repeat: repeat;
}

/* PC SECTION */

/*NPC Tabs Setup */

.block-pc,
.block-switch:checked ~ .block-switch-layout:not(:checked) ~ .block-npc {
  display: block;
}

.block-npc,
.block-new-npc,
.block-switch:checked ~ .block-pc {
  display: none;
}

.block-switch:checked ~ .block-switch-layout:checked ~.block-new-npc {
    display: block;
}

.block-switch:not(:checked) ~ label.toggle-new-npc-layout,
.block-switch:not(:checked) ~ .new-npc-layout {
    display: none;
}

.block-switch:checked ~ .new-npc-layout {
}

.show-used-checkbox {
    display: none;
}

.show-used:checked ~ .grid-item .show-used-checkbox {
    display: initial;
}

input[type="checkbox"].show-used,
input[type="checkbox"].whisper-checkbox,
input[type="checkbox"].block-switch,
input[type="checkbox"].block-switch-layout {
    opacity: 0;
    width: 22px;
    height: 22px;
    position: relative;
    bottom: 5px;
    top: 1px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].show-used + span::before,
input[type="checkbox"].whisper-checkbox + span::before,
input[type="checkbox"].block-switch + span::before,
input[type="checkbox"].block-switch-layout + span::before {
    margin-right: 4px;
    border: solid 1px #383838;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border:1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #2d2d2d;
    border-radius: 0px;
    background: #939393;
    background: radial-gradient(#939393, #5b5b5b);
}

input[type="checkbox"].show-used + span::before,
input[type="checkbox"].whisper-checkbox + span::before,
input[type="checkbox"].block-switch + span::before,
input[type="checkbox"].block-switch-layout + span::before {
    content: "";
    color: #262626;
    width: 22px;
    height: 22px;
    line-height: 1;
    font-size: 20px;
    border-radius: 3px;
}

input[type="checkbox"].show-used:checked + span::before,
input[type="checkbox"].whisper-checkbox:checked + span::before,
input[type="checkbox"].block-switch:checked + span::before,
input[type="checkbox"].block-switch-layout:checked + span::before {
    content: "✓";
    color: #FFF;
}

/* SECTION TABS SETUP */

.charsheet div[class^="section"] {
	display: none;
}

.pc-tabs {
    display: flex;
    justify-content: center;
    align-content: stretch;

    width: 795px;
    margin: auto;

}

.pc-tabs > button:first-of-type {
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.pc-tabs > button:last-of-type {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.tabstoggle[value="skills"] ~ button.skills,
.tabstoggle[value="abilities"] ~ button.abilities,
.tabstoggle[value="gear"] ~ button.gear,
.tabstoggle[value="spells"] ~ button.spells,
.tabstoggle[value="background"] ~ button.background,
.tabstoggle[value="settings"] ~ button.settings {
    background: #3d3d3d;
    color: #FFF;
}

.show-spell:not(:checked) ~ button.spells {
    display:none;
}

.show-spell:checked ~ button.spells {
}

/* show the selected tab */
.tabstoggle[value="skills"] ~ div.section-skills,
.tabstoggle[value="abilities"] ~ div.section-abilities,
.tabstoggle[value="gear"] ~ div.section-gear,
.tabstoggle[value="spells"] ~ div.section-spells,
.tabstoggle[value="background"] ~ div.section-background,
.tabstoggle[value="settings"] ~ div.section-settings {
    display: block;
    margin-left: -10px;
}

.charsheet button.tab {
    text-align: center;
	font-size: 11px;
	background: #c1c1c1;
	color: #000;
	font-weight: bold;

    height: 40px;
    flex-grow: 1;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
	border:1px solid #000;
	box-shadow: inset 0px 0px 10px 1px #232323;
}

/* SHEET IMG TITLES */

.top-title-image {
    display:block;
    margin-top: 15px;
    margin-left: -5px;
    width: 500px;
}

/* SHEET LAYOUT */

img.logo {
    display:inline-block;
    margin-left: 10px;
    margin-top: -30px;
    margin-bottom: 10px;
    width: 100%;
    z-index:-100;
}

input {
    text-align: center;
}

input, select, textarea {
    color: #333;
    outline: none;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
}

textarea {
    text-align: justify;
}

select option {
    color: #333;
}

.full-page {

}

.top-grid {
  display: grid;
  grid-template-columns: 30% 40% 30%;
  margin-top: -25px;
  width: 850px;
}

.middle-grid {
  display: grid;
  grid-template-columns: 70% 30%;
  width: 800px;
}

.middle2-grid {
    display: grid;
    grid-template-columns: 50% 50%
}

.middle-alc-grid {
    display: grid;
    grid-template-columns: 65% 35%;
}

.middle-skill-grid {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}

label.legend-top {
    display: inline-block;
    height:5px;
	width: 182px;
	text-align: right;
	font-size: 10px;

}

label.legend-skill {
    display: inline-block;
    margin: 2px 0px 0px -18px;
    text-align: right;
	font-size: 10px;

}

label.legend {
    display: inline-block;
    height: 5px;
	width: 215px;
	text-align: right;
	font-size: 10px;
}

/* Top Bar */

.filter {
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/top_banner.png");
    background-repeat: repeat-x;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: 30px;
}

label.toggle-npc {
    display: inline-block;
    margin-top: 20px;
    margin-left: -10px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 80px;
    z-index: 1;
}

label.toggle-new-npc-layout {
    display: inline-block;
    margin-top: 20px;
    margin-left: -10px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 120px;
    z-index: 1;
}

label.toggle-options {
    display: inline-block;
    margin-top: 20px;
    margin-left: -5px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 100px;
    z-index: 1;
}

.block-switch:checked ~ input[type="checkbox"].cc-skills-checkbox,
.block-switch:checked ~ label.toggle-options,
.block-switch:checked ~ span.toggle-options  {
    display: none;
}

label.toggle-whisper {
    display: inline-block;
    margin-top: 20px;
    margin-left: 40px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 100px;
    z-index: 1;
}

label.toggle-skills {
    display: inline-block;
    margin-top: 20px;
    margin-left: -5px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 100px;
    z-index: 1;
}

label.toggle-trackbox {
    display: inline-block;
    margin-top: 20px;
    margin-left: -5px;
    font-size: 11px;
    text-align: right;
    color: #939393;
    font-weight: 1;
    width: 170px;
    z-index: 1;
}

/* MAJOR STAT & CHARACTER SECTION */

label.stattotal {
    display: inline-block;
    margin-left: 41px;
    margin-top: 10px;
	width: 75px;
	text-align: right;
	font-size: 12px;

}

label.skilltotal {
    display: inline-block;
    margin-left: 60px;
    margin-top: 10px;
	width: 90px;
	text-align: right;
	font-size: 12px;
}

span.toggle-message {
	display: inline-block;
	width: 230px;
	margin: 0px 0px 0px 38px;
	text-align: center;
	line-height: 1.2em;
	font-size: 11px;
}

label.stattitle {
    display: inline-block;
	width: 90px;
	text-align: right;
	font-size: 14px;

}

label.stattitle2 {
    display: inline-block;
	width: 90px;
	margin-left: 25px;
	text-align: right;
	font-size: 14px;

}

label.stattitle3 {
    display: inline-block;
	width: 90px;
	margin-right: -7px;
	text-align: right;
	font-size: 14px;

}

label.woundtitle {
    display: inline-block;
	width: 130px;
	margin-left: 13px;
	text-align: right;
	color: #5e0000;
	font-size: 12px;
}

label.chartitle {
    display: inline-block;
    font-size: 11px;
    text-align: right;
    width: 40px;
}

label.agetitle {
    display: inline-block;
    font-size: 11px;
    margin-left: 4px;
    text-align: right;
    width: 25px;
}

label.racetitle {
    display: inline-block;
    font-size: 11px;
    text-align: right;
    width: 40px;
}

label.gendertitle {
    display: inline-block;
    font-size: 11px;
    margin-left: 4px;
    text-align: right;
    width: 45px;
}

label.proftitle {
    display: inline-block;
    font-size: 11px;
    text-align: right;
    width: 40px;
}

label.origintitle {
    display: inline-block;
    font-size: 11px;
    margin-left: 4px;
    text-align: right;
    width: 40px;
}

input.smallbox {
    border:1px solid #000;
    margin: 2px;
    border-radius: 0px;
    width:40px;
}

input[type='number'].smallbox2,
input.smallbox2 {
    border:1px solid #000;
    margin: 2px 0px 2px 0px;
    border-radius: 0px;
    width:45px;
    color: #FFF;
    box-shadow: inset 0px 0px 3px 1px #3d1b1b;
    background-color: #5e0000;
}

input[type='number'].smallbox3 {
    border:1px solid #000;
    margin:2px;
    border-radius: 0px;
    width:55px;
}

input[type='number'].smallbox4 {
    border:1px solid #000;
    margin:2px;
    border-radius: 0px;
    width: 55px;
    color: #FFF;
    box-shadow: inset 0px 0px 3px 1px #3d1b1b;
    background-color: #5e0000;
}

input.statbox {
    border:1px solid #000;
    margin: 2px 0px 2px 0px;
    border-radius: 0px;
    height:30px;
    width:45px;
}

input.statbox2 {
    border:1px solid #000;
    margin: 2px 0px 2px 0px;
    border-radius: 0px;
    width:45px;
}

input.statbox3 {
    border:1px solid #000;
    height: 27px;
    margin: 1px 2px 1px 4px;
    border-radius: 0px;
    width: 85px;
}

input.repeating_skillbox,
input.skillbox {
    border:1px solid #000;
    margin: 2px 0px 2px 0px;
    border-radius: 0px;
    width:40px;
}

input.smallbox-wound {
    border:1px solid #5e0000;
    color: #770000;
    font-weight: bold;
    border-radius: 0px;
    height: 25px;
    width: 38px;
    box-shadow: inset 0px 0px 2px 1px #5e0000;
}

label.totalev-title {
    display: inline-block;
    width: 120px;
    margin-bottom: 3px;
    padding-right: 4px;
    text-align: right;
    color: #5e0000;
    font-size: 11px;
}

label.totalev-title2 {
    display: inline-block;
    width: 173px;
    margin: 2px 0px 4px 0px;
    padding-right: 4px;
    text-align: right;
    color: #5e0000;
    font-size: 11px;
}

input[type='number'].totalev {
    border: 1px solid #5e0000;
    color: #770000;
    font-weight: bold;
    font-size: 11px;
    border-radius: 0px;
    height: 20px;
    width: 30px;
    box-shadow: inset 0px 0px 2px 1px #5e0000;
}

input.name-box {
    width:180px;
    border:1px solid #000;
    border-radius: 0px;
}

input.race-box {
    border:1px solid #000;
    border-radius: 0px;
    width:110px;
}

input.gender-box {
    border:1px solid #000;
    border-radius: 0px;
    width: 90px;
}

input.age-box {
    border:1px solid #000;
    border-radius: 0px;
    width:40px;
}

input.prof-box {
    border:1px solid #000;
    border-radius: 0px;
    width: 100px;
}

input.origin-box {
    border:1px solid #000;
    border-radius: 0px;
    width: 105px;
}

/* SKLLS & MODIFIERS SECTION*/

.stunstat-container,
.runstat-container,
.leapstat-container,
.encstat-container,
.recstat-container,
.hpstat-container,
.stastat-container,
.resolvestat-container,
.focusstat-container,
.intstat-container,
.refstat-container,
.dexstat-container,
.bodystat-container,
.spdstat-container,
.empstat-container,
.crastat-container,
.willstat-container {
  width: 180px;
  margin: 3px 0px -8px 40px;
}

.courage-container,
.hex_weaving-container,
.intimidation-container,
.spell_casting-container,
.resist_magic-container,
.resist_coercion-container,
.ritual_crafting-container,
.alchemy-container,
.crafting-container,
.disguise-container,
.first_aid-container,
.forgery-container,
.pick_lock-container,
.trap_crafting-container,
.charisma-container,
.deceit-container,
.gambling-container,
.grooming_and_style-container,
.human_perception-container,
.leadership-container,
.persuasion-container,
.seduction-container,
.physique-container,
.endurance-container,
.archery-container,
.athletics-container,
.crossbow-container,
.sleight_of_hand-container,
.stealth-container,
.brawling-container,
.dodge_escape-container,
.melee-container,
.riding-container,
.sailing-container,
.small_blades-container,
.staff_spear-container,
.swordsmanship-container,
.awareness-container,
.business-container,
.deduction-container,
.education-container,
.nordling-container,
.elder_speech-container,
.dwarven-container,
.monster_lore-container,
.social_etiquette-container,
.streetwise-container,
.tactics-container,
.teaching-container,
.wilderness_survival-container {
  width: 230px;
  margin: -5px 0px -10px 40px;
}

input[type="checkbox"].repeating_mod_checkbox {
    opacity: 0;
    width: 22px;
    height: 22px;
    position: relative;
    bottom: 5px;
    top: 1px;
    left: 12px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].repeating_mod_checkbox + span::before {
    margin-right: 4px;
    border: solid 1px #383838;
    line-height: 12px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border:1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #666666;
    border-radius: 0px;
    background: radial-gradient(#8f8f8f, #c9c9c9);
}

input[type="checkbox"].repeating_mod_checkbox + span::before {
    content: "";
    color: #262626;
    width: 18px;
    height: 18px;
    line-height: 1;
    font-size: 17px;
    border-radius: 3px;
}

input[type="checkbox"].repeating_mod_checkbox:checked + span::before {
    content: "✓";

}

input[type="checkbox"].toxic-unlock {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 24px;
    margin: 0px 0px 10px -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].toxic-unlock + span::before {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "Pictos";
    content: ")";
    width: 14px;
    height: 20px;
    font-size: 20px;
    color: white;
}

input[type="checkbox"].toxic-unlock:checked + span::before {
    content: "(";
}

input.toxic-unlock:checked ~ div.toxic-container{
    display: none;
}

input[type="checkbox"].stun-unlock,
input[type="checkbox"].run-unlock,
input[type="checkbox"].leap-unlock,
input[type="checkbox"].enc-unlock,
input[type="checkbox"].rec-unlock,
input[type="checkbox"].hp-unlock,
input[type="checkbox"].sta-unlock,
input[type="checkbox"].resolve-unlock,
input[type="checkbox"].focus-unlock,
input[type="checkbox"].int-unlock,
input[type="checkbox"].ref-unlock,
input[type="checkbox"].dex-unlock,
input[type="checkbox"].body-unlock,
input[type="checkbox"].spd-unlock,
input[type="checkbox"].emp-unlock,
input[type="checkbox"].cra-unlock,
input[type="checkbox"].will-unlock {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 24px;
    margin: 0px 0px 10px -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].stun-unlock + span::before,
input[type="checkbox"].run-unlock + span::before,
input[type="checkbox"].leap-unlock + span::before,
input[type="checkbox"].enc-unlock + span::before,
input[type="checkbox"].rec-unlock + span::before,
input[type="checkbox"].hp-unlock + span::before,
input[type="checkbox"].sta-unlock + span::before,
input[type="checkbox"].resolve-unlock + span::before,
input[type="checkbox"].focus-unlock + span::before,
input[type="checkbox"].int-unlock + span::before,
input[type="checkbox"].ref-unlock + span::before,
input[type="checkbox"].dex-unlock + span::before,
input[type="checkbox"].body-unlock + span::before,
input[type="checkbox"].spd-unlock + span::before,
input[type="checkbox"].emp-unlock + span::before,
input[type="checkbox"].cra-unlock + span::before,
input[type="checkbox"].will-unlock + span::before {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "Pictos";
    content: ")";
    width: 14px;
    height: 20px;
    font-size: 20px;
    color: #5e0000;
}

input[type="checkbox"].stun-unlock:checked + span::before,
input[type="checkbox"].run-unlock:checked + span::before,
input[type="checkbox"].leap-unlock:checked + span::before,
input[type="checkbox"].enc-unlock:checked + span::before,
input[type="checkbox"].rec-unlock:checked + span::before,
input[type="checkbox"].hp-unlock:checked + span::before,
input[type="checkbox"].sta-unlock:checked + span::before,
input[type="checkbox"].resolve-unlock:checked + span::before,
input[type="checkbox"].focus-unlock:checked + span::before,
input[type="checkbox"].int-unlock:checked + span::before,
input[type="checkbox"].ref-unlock:checked + span::before,
input[type="checkbox"].dex-unlock:checked + span::before,
input[type="checkbox"].body-unlock:checked + span::before,
input[type="checkbox"].spd-unlock:checked + span::before,
input[type="checkbox"].emp-unlock:checked + span::before,
input[type="checkbox"].cra-unlock:checked + span::before,
input[type="checkbox"].will-unlock:checked + span::before {
    font-family: "Pictos";
    content: " ";
}

input[type="checkbox"].stun-unlock:hover + span::before,
input[type="checkbox"].run-unlock:hover + span::before,
input[type="checkbox"].leap-unlock:hover + span::before,
input[type="checkbox"].enc-unlock:hover + span::before,
input[type="checkbox"].rec-unlock:hover + span::before,
input[type="checkbox"].hp-unlock:hover + span::before,
input[type="checkbox"].sta-unlock:hover + span::before,
input[type="checkbox"].resolve-unlock:hover + span::before,
input[type="checkbox"].focus-unlock:hover + span::before,
input[type="checkbox"].int-unlock:hover + span::before,
input[type="checkbox"].ref-unlock:hover + span::before,
input[type="checkbox"].dex-unlock:hover + span::before,
input[type="checkbox"].body-unlock:hover + span::before,
input[type="checkbox"].spd-unlock:hover + span::before,
input[type="checkbox"].emp-unlock:hover + span::before,
input[type="checkbox"].cra-unlock:hover + span::before,
input[type="checkbox"].will-unlock:hover + span::before {
    font-family: "Pictos";
    content: "(";
}

input.stun-unlock:checked ~ div.stunstat-container,
input.run-unlock:checked ~ div.runstat-container,
input.leap-unlock:checked ~ div.leapstat-container,
input.enc-unlock:checked ~ div.encstat-container,
input.rec-unlock:checked ~ div.recstat-container,
input.hp-unlock:checked ~ div.hpstat-container,
input.sta-unlock:checked ~ div.stastat-container,
input.resolve-unlock:checked ~ div.resolvestat-container,
input.focus-unlock:checked ~ div.focusstat-container,
input.int-unlock:checked ~ div.intstat-container,
input.ref-unlock:checked ~ div.refstat-container,
input.dex-unlock:checked ~ div.dexstat-container,
input.body-unlock:checked ~ div.bodystat-container,
input.spd-unlock:checked ~ div.spdstat-container,
input.emp-unlock:checked ~ div.empstat-container,
input.cra-unlock:checked ~ div.crastat-container,
input.will-unlock:checked ~ div.willstat-container{
    display: none;
}

input[type="checkbox"].finearts-plus,
input[type="checkbox"].performance-plus {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 24px;
    margin: 0px 0px 10px -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].finearts-plus + span::before,
input[type="checkbox"].performance-plus + span::before {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "Pictos";
    content: "_";
    width: 14px;
    height: 20px;
    font-size: 20px;
    color: #5e0000;
}

input[type="checkbox"].finearts-plus:checked + span::before,
input[type="checkbox"].performance-plus:checked + span::before {
    font-family: "Pictos";
    content: "&";
}

input[type="checkbox"].finearts-plus:hover + span::before,
input[type="checkbox"].performance-plus:hover + span::before {
    font-family: "Pictos";
    content: "_";
}

input.finearts-plus:checked ~ div.finearts-container,
input.performance-plus:checked ~ div.performance-container {
    display: none;
}

input[type="checkbox"].courage-unlock,
input[type="checkbox"].hex_weaving-unlock,
input[type="checkbox"].intimidation-unlock,
input[type="checkbox"].spell_casting-unlock,
input[type="checkbox"].resist_magic-unlock,
input[type="checkbox"].resist_coercion-unlock,
input[type="checkbox"].ritual_crafting-unlock,
input[type="checkbox"].charisma-unlock,
input[type="checkbox"].deceit-unlock,
input[type="checkbox"].gambling-unlock,
input[type="checkbox"].grooming_and_style-unlock,
input[type="checkbox"].human_perception-unlock,
input[type="checkbox"].leadership-unlock,
input[type="checkbox"].persuasion-unlock,
input[type="checkbox"].seduction-unlock,
input[type="checkbox"].archery-unlock,
input[type="checkbox"].athletics-unlock,
input[type="checkbox"].crossbow-unlock,
input[type="checkbox"].sleight_of_hand-unlock,
input[type="checkbox"].stealth-unlock,
input[type="checkbox"].awareness-unlock,
input[type="checkbox"].business-unlock,
input[type="checkbox"].deduction-unlock,
input[type="checkbox"].education-unlock,
input[type="checkbox"].nordling-unlock,
input[type="checkbox"].elder_speech-unlock,
input[type="checkbox"].dwarven-unlock,
input[type="checkbox"].monster_lore-unlock,
input[type="checkbox"].social_etiquette-unlock,
input[type="checkbox"].streetwise-unlock,
input[type="checkbox"].tactics-unlock,
input[type="checkbox"].teaching-unlock,
input[type="checkbox"].wilderness_survival-unlock {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 24px;
    margin: 0px 0px 10px -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].courage-unlock + span::before,
input[type="checkbox"].hex_weaving-unlock + span::before,
input[type="checkbox"].intimidation-unlock + span::before,
input[type="checkbox"].spell_casting-unlock + span::before,
input[type="checkbox"].resist_magic-unlock + span::before,
input[type="checkbox"].resist_coercion-unlock + span::before,
input[type="checkbox"].ritual_crafting-unlock + span::before,
input[type="checkbox"].charisma-unlock + span::before,
input[type="checkbox"].deceit-unlock + span::before,
input[type="checkbox"].gambling-unlock + span::before,
input[type="checkbox"].grooming_and_style-unlock + span::before,
input[type="checkbox"].human_perception-unlock + span::before,
input[type="checkbox"].leadership-unlock + span::before,
input[type="checkbox"].persuasion-unlock + span::before,
input[type="checkbox"].seduction-unlock + span::before,
input[type="checkbox"].archery-unlock + span::before,
input[type="checkbox"].athletics-unlock + span::before,
input[type="checkbox"].crossbow-unlock + span::before,
input[type="checkbox"].sleight_of_hand-unlock + span::before,
input[type="checkbox"].stealth-unlock + span::before,
input[type="checkbox"].awareness-unlock + span::before,
input[type="checkbox"].business-unlock + span::before,
input[type="checkbox"].deduction-unlock + span::before,
input[type="checkbox"].education-unlock + span::before,
input[type="checkbox"].nordling-unlock + span::before,
input[type="checkbox"].elder_speech-unlock + span::before,
input[type="checkbox"].dwarven-unlock + span::before,
input[type="checkbox"].monster_lore-unlock + span::before,
input[type="checkbox"].social_etiquette-unlock + span::before,
input[type="checkbox"].streetwise-unlock + span::before,
input[type="checkbox"].tactics-unlock + span::before,
input[type="checkbox"].teaching-unlock + span::before,
input[type="checkbox"].wilderness_survival-unlock + span::before {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "Pictos";
    content: ")";
    width: 14px;
    height: 20px;
    font-size: 20px;
    color: #5e0000;
}

input[type="checkbox"].courage-unlock:checked + span::before,
input[type="checkbox"].hex_weaving-unlock:checked + span::before,
input[type="checkbox"].intimidation-unlock:checked + span::before,
input[type="checkbox"].spell_casting-unlock:checked + span::before,
input[type="checkbox"].resist_magic-unlock:checked + span::before,
input[type="checkbox"].resist_coercion-unlock:checked + span::before,
input[type="checkbox"].ritual_crafting-unlock:checked + span::before,
input[type="checkbox"].charisma-unlock:checked + span::before,
input[type="checkbox"].deceit-unlock:checked + span::before,
input[type="checkbox"].gambling-unlock:checked + span::before,
input[type="checkbox"].grooming_and_style-unlock:checked + span::before,
input[type="checkbox"].human_perception-unlock:checked + span::before,
input[type="checkbox"].leadership-unlock:checked + span::before,
input[type="checkbox"].persuasion-unlock:checked + span::before,
input[type="checkbox"].seduction-unlock:checked + span::before,
input[type="checkbox"].archery-unlock:checked + span::before,
input[type="checkbox"].athletics-unlock:checked + span::before,
input[type="checkbox"].crossbow-unlock:checked + span::before,
input[type="checkbox"].sleight_of_hand-unlock:checked + span::before,
input[type="checkbox"].stealth-unlock:checked + span::before,
input[type="checkbox"].awareness-unlock:checked + span::before,
input[type="checkbox"].business-unlock:checked + span::before,
input[type="checkbox"].deduction-unlock:checked + span::before,
input[type="checkbox"].education-unlock:checked + span::before,
input[type="checkbox"].nordling-unlock:checked + span::before,
input[type="checkbox"].elder_speech-unlock:checked + span::before,
input[type="checkbox"].dwarven-unlock:checked + span::before,
input[type="checkbox"].monster_lore-unlock:checked + span::before,
input[type="checkbox"].social_etiquette-unlock:checked + span::before,
input[type="checkbox"].streetwise-unlock:checked + span::before,
input[type="checkbox"].tactics-unlock:checked + span::before,
input[type="checkbox"].teaching-unlock:checked + span::before,
input[type="checkbox"].wilderness_survival-unlock:checked + span::before {
    font-family: "Pictos";
    content: " ";
}

input[type="checkbox"].courage-unlock:hover + span::before,
input[type="checkbox"].hex_weaving-unlock:hover + span::before,
input[type="checkbox"].intimidation-unlock:hover + span::before,
input[type="checkbox"].spell_casting-unlock:hover + span::before,
input[type="checkbox"].resist_magic-unlock:hover + span::before,
input[type="checkbox"].resist_coercion-unlock:hover + span::before,
input[type="checkbox"].ritual_crafting-unlock:hover + span::before,
input[type="checkbox"].charisma-unlock:hover + span::before,
input[type="checkbox"].deceit-unlock:hover + span::before,
input[type="checkbox"].gambling-unlock:hover + span::before,
input[type="checkbox"].grooming_and_style-unlock:hover + span::before,
input[type="checkbox"].human_perception-unlock:hover + span::before,
input[type="checkbox"].leadership-unlock:hover + span::before,
input[type="checkbox"].persuasion-unlock:hover + span::before,
input[type="checkbox"].seduction-unlock:hover + span::before,
input[type="checkbox"].archery-unlock:hover + span::before,
input[type="checkbox"].athletics-unlock:hover + span::before,
input[type="checkbox"].crossbow-unlock:hover + span::before,
input[type="checkbox"].sleight_of_hand-unlock:hover + span::before,
input[type="checkbox"].stealth-unlock:hover + span::before,
input[type="checkbox"].awareness-unlock:hover + span::before,
input[type="checkbox"].business-unlock:hover + span::before,
input[type="checkbox"].deduction-unlock:hover + span::before,
input[type="checkbox"].education-unlock:hover + span::before,
input[type="checkbox"].nordling-unlock:hover + span::before,
input[type="checkbox"].elder_speech-unlock:hover + span::before,
input[type="checkbox"].dwarven-unlock:hover + span::before,
input[type="checkbox"].monster_lore-unlock:hover + span::before,
input[type="checkbox"].social_etiquette-unlock:hover + span::before,
input[type="checkbox"].streetwise-unlock:hover + span::before,
input[type="checkbox"].tactics-unlock:hover + span::before,
input[type="checkbox"].teaching-unlock:hover + span::before,
input[type="checkbox"].wilderness_survival-unlock:hover + span::before {
    font-family: "Pictos";
    content: "(";
}

input.courage-unlock:checked ~ div.courage-container,
input.hex_weaving-unlock:checked ~ div.hex_weaving-container,
input.intimidation-unlock:checked ~ div.intimidation-container,
input.spell_casting-unlock:checked ~ div.spell_casting-container,
input.resist_magic-unlock:checked ~ div.resist_magic-container,
input.resist_coercion-unlock:checked ~ div.resist_coercion-container,
input.ritual_crafting-unlock:checked ~ div.ritual_crafting-container,
input.charisma-unlock:checked ~ div.charisma-container,
input.deceit-unlock:checked ~ div.deceit-container,
input.gambling-unlock:checked ~ div.gambling-container,
input.grooming_and_style-unlock:checked ~ div.grooming_and_style-container,
input.human_perception-unlock:checked ~ div.human_perception-container,
input.leadership-unlock:checked ~ div.leadership-container,
input.persuasion-unlock:checked ~ div.persuasion-container,
input.seduction-unlock:checked ~ div.seduction-container,
input.archery-unlock:checked ~ div.archery-container,
input.athletics-unlock:checked ~ div.athletics-container,
input.crossbow-unlock:checked ~ div.crossbow-container,
input.sleight_of_hand-unlock:checked ~ div.sleight_of_hand-container,
input.stealth-unlock:checked ~ div.stealth-container,
input.awareness-unlock:checked ~ div.awareness-container,
input.business-unlock:checked ~ div.business-container,
input.deduction-unlock:checked ~ div.deduction-container,
input.education-unlock:checked ~ div.education-container,
input.nordling-unlock:checked ~ div.nordling-container,
input.elder_speech-unlock:checked ~ div.elder_speech-container,
input.dwarven-unlock:checked ~ div.dwarven-container,
input.monster_lore-unlock:checked ~ div.monster_lore-container,
input.social_etiquette-unlock:checked ~ div.social_etiquette-container,
input.streetwise-unlock:checked ~ div.streetwise-container,
input.tactics-unlock:checked ~ div.tactics-container,
input.teaching-unlock:checked ~ div.teaching-container,
input.wilderness_survival-unlock:checked ~ div.wilderness_survival-container {
    display: none;
}

input[type="checkbox"].alchemy-unlock,
input[type="checkbox"].crafting-unlock,
input[type="checkbox"].disguise-unlock,
input[type="checkbox"].first_aid-unlock,
input[type="checkbox"].forgery-unlock,
input[type="checkbox"].pick_lock-unlock,
input[type="checkbox"].trap_crafting-unlock,
input[type="checkbox"].physique-unlock,
input[type="checkbox"].endurance-unlock,
input[type="checkbox"].brawling-unlock,
input[type="checkbox"].dodge_escape-unlock,
input[type="checkbox"].melee-unlock,
input[type="checkbox"].riding-unlock,
input[type="checkbox"].sailing-unlock,
input[type="checkbox"].small_blades-unlock,
input[type="checkbox"].staff_spear-unlock,
input[type="checkbox"].swordsmanship-unlock {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 24px;
    margin: 0px 0px 10px -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].alchemy-unlock + span::before,
input[type="checkbox"].crafting-unlock + span::before,
input[type="checkbox"].disguise-unlock + span::before,
input[type="checkbox"].first_aid-unlock + span::before,
input[type="checkbox"].forgery-unlock + span::before,
input[type="checkbox"].pick_lock-unlock + span::before,
input[type="checkbox"].trap_crafting-unlock + span::before,
input[type="checkbox"].physique-unlock + span::before,
input[type="checkbox"].endurance-unlock + span::before,
input[type="checkbox"].brawling-unlock + span::before,
input[type="checkbox"].dodge_escape-unlock + span::before,
input[type="checkbox"].melee-unlock + span::before,
input[type="checkbox"].riding-unlock + span::before,
input[type="checkbox"].sailing-unlock + span::before,
input[type="checkbox"].small_blades-unlock + span::before,
input[type="checkbox"].staff_spear-unlock + span::before,
input[type="checkbox"].swordsmanship-unlock + span::before {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 8px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "Pictos";
    content: ")";
    width: 14px;
    height: 20px;
    font-size: 20px;
    color: #444444;
}

input[type="checkbox"].alchemy-unlock:checked + span::before,
input[type="checkbox"].crafting-unlock:checked + span::before,
input[type="checkbox"].disguise-unlock:checked + span::before,
input[type="checkbox"].first_aid-unlock:checked + span::before,
input[type="checkbox"].forgery-unlock:checked + span::before,
input[type="checkbox"].pick_lock-unlock:checked + span::before,
input[type="checkbox"].trap_crafting-unlock:checked + span::before,
input[type="checkbox"].physique-unlock:checked + span::before,
input[type="checkbox"].endurance-unlock:checked + span::before,
input[type="checkbox"].brawling-unlock:checked + span::before,
input[type="checkbox"].dodge_escape-unlock:checked + span::before,
input[type="checkbox"].melee-unlock:checked + span::before,
input[type="checkbox"].riding-unlock:checked + span::before,
input[type="checkbox"].sailing-unlock:checked + span::before,
input[type="checkbox"].small_blades-unlock:checked + span::before,
input[type="checkbox"].staff_spear-unlock:checked + span::before,
input[type="checkbox"].swordsmanship-unlock:checked + span::before {
    font-family: "Pictos";
    content: " ";
}

input[type="checkbox"].alchemy-unlock:hover + span::before,
input[type="checkbox"].crafting-unlock:hover + span::before,
input[type="checkbox"].disguise-unlock:hover + span::before,
input[type="checkbox"].first_aid-unlock:hover + span::before,
input[type="checkbox"].forgery-unlock:hover + span::before,
input[type="checkbox"].pick_lock-unlock:hover + span::before,
input[type="checkbox"].trap_crafting-unlock:hover + span::before,
input[type="checkbox"].physique-unlock:hover + span::before,
input[type="checkbox"].endurance-unlock:hover + span::before,
input[type="checkbox"].brawling-unlock:hover + span::before,
input[type="checkbox"].dodge_escape-unlock:hover + span::before,
input[type="checkbox"].melee-unlock:hover + span::before,
input[type="checkbox"].riding-unlock:hover + span::before,
input[type="checkbox"].sailing-unlock:hover + span::before,
input[type="checkbox"].small_blades-unlock:hover + span::before,
input[type="checkbox"].staff_spear-unlock:hover + span::before,
input[type="checkbox"].swordsmanship-unlock:hover + span::before {
    font-family: "Pictos";
    content: "(";
}

input.alchemy-unlock:checked ~ div.alchemy-container,
input.crafting-unlock:checked ~ div.crafting-container,
input.disguise-unlock:checked ~ div.disguise-container,
input.first_aid-unlock:checked ~ div.first_aid-container,
input.forgery-unlock:checked ~ div.forgery-container,
input.pick_lock-unlock:checked ~ div.pick_lock-container,
input.trap_crafting-unlock:checked ~ div.trap_crafting-container,
input.physique-unlock:checked ~ div.physique-container,
input.endurance-unlock:checked ~ div.endurance-container,
input.brawling-unlock:checked ~ div.brawling-container,
input.dodge_escape-unlock:checked ~ div.dodge_escape-container,
input.melee-unlock:checked ~ div.melee-container,
input.riding-unlock:checked ~ div.riding-container,
input.sailing-unlock:checked ~ div.sailing-container,
input.small_blades-unlock:checked ~ div.small_blades-container,
input.staff_spear-unlock:checked ~ div.staff_spear-container,
input.swordsmanship-unlock:checked ~ div.swordsmanship-container{
    display: none;
}

/* - */

input[type="checkbox"].spell_casting-dropdown,
input[type="checkbox"].ritual_crafting-dropdown,
input[type="checkbox"].archery-dropdown,
input[type="checkbox"].athletics-dropdown,
input[type="checkbox"].crossbow-dropdown,
input[type="checkbox"].swordsmanship-dropdown,
input[type="checkbox"].staff_spear-dropdown,
input[type="checkbox"].small_blades-dropdown,
input[type="checkbox"].melee-dropdown,
input[type="checkbox"].brawling-dropdown {
    appearance: none;
    outline: none;
    border: none;
    box-shadow: none;
    background-color: transparent;
}

input[type="checkbox"].spell_casting-dropdown::after,
input[type="checkbox"].ritual_crafting-dropdown::after,
input[type="checkbox"].archery-dropdown::after,
input[type="checkbox"].athletics-dropdown::after,
input[type="checkbox"].crossbow-dropdown::after,
input[type="checkbox"].swordsmanship-dropdown::after,
input[type="checkbox"].staff_spear-dropdown::after,
input[type="checkbox"].small_blades-dropdown::after,
input[type="checkbox"].melee-dropdown::after,
input[type="checkbox"].brawling-dropdown::after {
    content: attr(label);
    display: block;
    height: 15px;
    margin-right: 5px;
    width: 123px;
    text-shadow: none;
    font-weight: bold;
    text-align: right;
    font-family: "Helvetica";
    font-size: 10px;
}

input[type="checkbox"].spell_casting-dropdown:hover::after,
input[type="checkbox"].ritual_crafting-dropdown:hover::after,
input[type="checkbox"].archery-dropdown:hover::after,
input[type="checkbox"].athletics-dropdown:hover::after,
input[type="checkbox"].swordsmanship-dropdown:hover::after,
input[type="checkbox"].staff_spear-dropdown:hover::after,
input[type="checkbox"].small_blades-dropdown:hover::after,
input[type="checkbox"].melee-dropdown:hover::after,
input[type="checkbox"].brawling-dropdown:hover::after {
    color: #5e0000;
}

input[type="checkbox"].spell_casting-dropdown:active::after,
input[type="checkbox"].ritual_crafting-dropdown:active::after,
input[type="checkbox"].archery-dropdown:active::after,
input[type="checkbox"].athletics-dropdown:active::after,
input[type="checkbox"].swordsmanship-dropdown:active::after,
input[type="checkbox"].staff_spear-dropdown:active::after,
input[type="checkbox"].small_blades-dropdown:active::after,
input[type="checkbox"].melee-dropdown:active::after,
input[type="checkbox"].brawling-dropdown:active::after {
    color: #bc0000;
}

input.spell_casting-dropdown:checked ~ div.spell_casting-options,
input.ritual_crafting-dropdown:checked ~ div.ritual_crafting-options,
input.archery-dropdown:checked ~ div.archery-options,
input.athletics-dropdown:checked ~ div.athletics-options,
input.crossbow-dropdown:checked ~ div.crossbow-options,
input.swordsmanship-dropdown:checked ~ div.swordsmanship-options,
input.staff_spear-dropdown:checked ~ div.staff_spear-options,
input.small_blades-dropdown:checked ~ div.small_blades-options,
input.melee-dropdown:checked ~ div.melee-options,
input.brawling-dropdown:checked ~ div.brawling-options {
    display: none;
}

/* Skill List Drop Downs */

input[type="checkbox"].will-toggle,
input[type="checkbox"].emp-toggle,
input[type="checkbox"].dex-toggle,
input[type="checkbox"].int-toggle {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].will-toggle + span::before,
input[type="checkbox"].emp-toggle + span::before,
input[type="checkbox"].dex-toggle + span::before,
input[type="checkbox"].int-toggle + span::before {
    margin-right: 10px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 20px;
    font-size: 25px;
    color: #5e0000;
}

input[type="checkbox"].will-toggle:checked + span::before,
input[type="checkbox"].emp-toggle:checked + span::before,
input[type="checkbox"].dex-toggle:checked + span::before,
input[type="checkbox"].int-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.will-toggle:checked ~ div.will-container,
input.emp-toggle:checked ~ div.emp-container,
input.dex-toggle:checked ~ div.dex-container,
input.int-toggle:checked ~ div.int-container {
    display: none;
}

input[type="checkbox"].cra-toggle,
input[type="checkbox"].body-toggle,
input[type="checkbox"].ref-toggle {
    opacity: 0;
    width: 16px;
    height: 20px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].cra-toggle + span::before,
input[type="checkbox"].body-toggle + span::before,
input[type="checkbox"].ref-toggle + span::before {
    margin-right: 10px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 20px;
    font-size: 25px;
    color: #444444;
}

input[type="checkbox"].cra-toggle:checked + span::before,
input[type="checkbox"].body-toggle:checked + span::before,
input[type="checkbox"].ref-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.cra-toggle:checked ~ div.cra-container,
input.body-toggle:checked ~ div.body-container,
input.ref-toggle:checked ~ div.ref-container {
    display: none;
}

div.expanding-emp-choices {
    width: 270px;
    margin: 0px 0px 0px 23px;
}

label.attacktitle {
    display: inline-block;
    text-align: right;
	font-size: 9px;
	margin-right: -5px;
	width: 80px;
	line-height: 11px;
}

.swordsmanship-options,
.staff_spear-options,
.small_blades-options,
.melee-options,
.brawling-options {
    padding: 5px;
    margin: 10px 0px -5px 40px;
    width: 230px;
    background-image: linear-gradient(to right, #7c7b7b, transparent);
}

.spell_casting-options,
.athletics-options,
.crossbow-options,
.archery-options {
    padding: 5px;
    margin: 10px 0px -5px 40px;
    width: 230px;
    background-image: linear-gradient(to right, #8e5757, transparent);
}

/* Fake Exta Attack Checkbox */

input[type="checkbox"].ea-mod-checkbox {
    opacity: 0;
    width: 35px;
    height: 35px;
    position: relative;
    bottom: 5px;
    top: 2px;
    left: 20px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].ea-mod-checkbox + span::before {
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border:1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
    border-radius: 0px;
    background: #f6f6f6;
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

input[type="checkbox"].ea-mod-checkbox + span::before {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 1;
    font-size: 30px;
    border-radius: 3px;
}

input[type="checkbox"].ea-mod-checkbox:checked + span::before {
    content: "✓";
}

/* Fake Mod Checkbox */

input[type="checkbox"].mod-checkbox {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 5px;
    top: 2px;
    left: 10px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].mod-checkbox + span::before {
    margin-right: 4px;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border:1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
    border-radius: 0px;
    background: #f6f6f6;
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

input[type="checkbox"].mod-checkbox + span::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 20px;
    border-radius: 3px;
}

input[type="checkbox"].mod-checkbox:checked + span::before {
    content: "✓";
}

/* Modifiers */

.button-box {
    padding:20px;
    margin-top: 10px;
    background: #5e0000;
    width: 225px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #0e1c26;
}

.stat-mod-box {
    padding:15px;
    padding-bottom: 20px;
    background: #444444;
    width: 235px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #0e1c26;
}

.ip-box {
    padding:20px;
    width: 225px;
    margin-top: 10px;
    background: #606060;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #0e1c26;
    border:1px solid #000;
}

label.modifiertitle-top {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
	font-size: 20px;
	width: 220px;
}

label.stat-mod-title {
    font-size: 11px;
    display: inline-block;
    text-align: right;
    width: 25px;
}
label.quick-button-maintitle {
    font-size: 20px;
    text-align: center;
    margin-bottom: -5px;
    line-height: 1.3;
    width: 230px;
}

label.ip-maintitle {
    font-size: 18px;
    color: #FFF;
    font-weight: 1;
    text-align: center;
    margin-bottom: -5px;
    line-height: 1.3;
    width: 230px;
}

label.initiativetitle,
label.savetitle,
label.fumbletitle,
label.locationtitle {
    display: inline-block;
    margin-top: 10px;
    width: 160px;
	text-align: right;
	font-size: 14px;

}

label.current-ip-title {
    font-size: 13px;
    color: #FFF;
    font-weight: 1;
    display: inline-block;
    text-align: right;
    margin-left: 30px;
    width: 95px;
}

label.training-ip-title {
    font-size: 15px;
    color: #FFF;
    font-weight: 1;
    display: inline-block;
    text-align: center;
    width: 220px;
}

input.current-ip-element {
    font-size: 12px;
    display: inline-block;
    width: 45px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.training-ip-element {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    width: 160px;
    height: 25px;
    margin-bottom: 4px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.training-ip2-element {
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    width: 50px;
    height: 25px;
    margin-bottom: 4px;
    border: 1px solid #000;
    border-radius: 0px;
}

div.stat-mod-box > input[type='number'].stat-mod-element {
    border:1px solid #000;
    border-radius: 0px;
    width: 40px;
    color: #FFF;
    background-color: #727272;
    box-shadow: inset 0px 0px 8px 1px #232323;
}

label.helper-info {
    display: inline-block;
    font-size: 9px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: justify;
    width: 250px;
}

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

/* Mod Boxes & Skill Titles */

.stat-mod-box label,
.combat-mod-box label,
.button-box label {
    color: #FFFFFF;
    font-weight: 1;
}

label.skilltitle {
    display: inline-block;
    text-align: right;
	font-size: 10px;
	width: 150px;
}

label.skilltitle-int,
label.skilltitle-ref,
label.skilltitle-dex,
label.skilltitle-body,
label.skilltitle-emp,
label.skilltitle-cra,
label.skilltitle-will {
    display: inline-block;
    text-align: left;
    color: #FFF;
    padding: 10px;
    margin-left: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
	font-size: 18px;
	font-weight: 1;
	width: 200px;
}

label.skilltitle-int {
    background-image: linear-gradient(to right, #5e0000, transparent);
}

label.skilltitle-ref {
    background-image: linear-gradient(to right, #444444, transparent);
}

label.skilltitle-dex {
    background-image: linear-gradient(to right, #5e0000, transparent);
}

label.skilltitle-body {
    background-image: linear-gradient(to right, #444444, transparent);
}

label.skilltitle-emp {
    background-image: linear-gradient(to right, #5e0000, transparent);
}

label.skilltitle-cra {
    background-image: linear-gradient(to right, #444444, transparent);
}

label.skilltitle-will {
    background-image: linear-gradient(to right, #5e0000, transparent);
}

.notes-container {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background: #444444;;
    width: 235px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.notes-maintitle {
    font-size: 20px;
    font-weight: 1;
    color: #FFF;
    text-align: center;
    margin-bottom: -5px;
    line-height: 1.3;
    width: 230px;
}

textarea.notes-text {
    width: 205px;
    height: 150px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-bottom: -5px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
    color: #FFF;
    background-color: #727272;
    box-shadow: inset 0px 0px 8px 1px #232323;
}

/* QUICK WEAPON BUTTONS */

input.quickweap-title {
    width: 165px;
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}


/* PROFESSION ABILITIES SECTION */

label.skill-level {
    display: inline-block;
    width: 90px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-top: 3px;
    margin-left: 3px;
    border: 1px solid transparent;
    text-align: right;
}


span.main-skill-span {
    display: inline-block;
    margin-left: 65px;
    margin-top: 10px;
    width: 650px;
    height: 28px;
    border-radius: 20px;
}

span.red1-skill-span,
span.red2-skill-span,
span.red3-skill-span,
span.green1-skill-span,
span.green2-skill-span,
span.green3-skill-span,
span.blue1-skill-span,
span.blue2-skill-span,
span.blue3-skill-span {
    display: inline-block;
    margin-top: 20px;
    width: 255px;
    height: 28px;
    color: #FFF;
    border-radius: 20px;
}

span.main-skill-span {
    background: #282828;
}

span.blue1-skill-span {
    background: #07005e;
}

span.blue2-skill-span {
    background: #040038;
}

span.blue3-skill-span {
    background: #020028;
}

span.green1-skill-span {
    background: #1f5e00;
}

span.green2-skill-span {
    background: #123800;
}

span.green3-skill-span {
    background: #0d2800;
}

span.red1-skill-span {
    background: #5e0000;
}

span.red2-skill-span {
    background: #380000;
}

span.red3-skill-span {
    background: #280000;
}

span.main-skill-span2 {
    display: inline-block;
    margin-left: 65px;
    width: 650px;
    height: 28px;
    color: #FFF;
    border-radius: 20px;
}

span.red1-skill-span2,
span.red2-skill-span2,
span.red3-skill-span2,
span.green1-skill-span2,
span.green2-skill-span2,
span.green3-skill-span2,
span.blue1-skill-span2,
span.blue2-skill-span2,
span.blue3-skill-span2 {
    display: inline-block;
    width: 255px;
    height: 28px;
    color: #FFF;
    border-radius: 20px;
}

span.main-skill-span2 {
    background: #282828;
}

span.blue1-skill-span2 {
    background: #07005e;
}

span.blue2-skill-span2 {
    background: #040038;
}

span.blue3-skill-span2 {
    background: #020028;
}

span.green1-skill-span2 {
    background: #1f5e00;
}

span.green2-skill-span2 {
    background: #123800;
}

span.green3-skill-span2 {
    background: #0d2800;
}

span.red1-skill-span2 {
    background: #5e0000;
}

span.red2-skill-span2 {
    background: #380000;
}

span.red3-skill-span2 {
    background: #280000;
}

input.profession-title {
    display: inline-block;
    background: transparent;
    font-size: 18px;
    box-shadow: none;
    border: 0px solid;
    margin-left: 12px;
    margin-top: 5px;
    color: #FFF;
    height: 33px;
    width: 210px;
    text-transform: uppercase;
}

input.prof-main-name {
    display: inline-block;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    margin-left: 10px;
    color: #FFF;
    height: 28px;
    width: 160px;
    text-transform: uppercase;
}

select.prof-skill-choice {
    display: inline-block;
    margin-left: -4px;
    color: #FFF;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    font-size: 13px;
    width: 75px;
    text-transform: uppercase;
}

textarea.prof-main-text {
    width: 604px;
    height: 100px;
    padding: 8px;
    font-size: 11px;
    resize: none;
    margin-left: 80px;
    margin-bottom: -5px;
    border: 1px solid #000;
    background-color: #c6c6c6;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

textarea.prof-red1-text,
textarea.prof-red2-text,
textarea.prof-red3-text,
textarea.prof-green1-text,
textarea.prof-green2-text,
textarea.prof-green3-text,
textarea.prof-blue1-text,
textarea.prof-blue2-text,
textarea.prof-blue3-text {
    width: 212px;
    height: 160px;
    padding: 8px;
    font-size: 11px;
    resize: vertical;
    margin-left: 13px;
    margin-bottom: -5px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

textarea.prof-red1-text {
    background-color: #edd5d5;
}

textarea.prof-red2-text {
    background-color: #d8b6b6;
}

textarea.prof-red3-text {
    background-color: #b78787;
}

textarea.prof-green1-text {
    background-color: #deedd5;
}

textarea.prof-green2-text {
    background-color: #c4d8b6;
}

textarea.prof-green3-text {
    background-color: #9db787;
}

textarea.prof-blue1-text {
    background-color: #d5d7ed;
}

textarea.prof-blue2-text {
    background-color: #b6b6d8;
}

textarea.prof-blue3-text {
    background-color: #8887b7;
}

input.prof-skill-stat {
    display: inline-block;
    box-shadow: none;
    border: 1px solid #000;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 15px;
    height: 25px;
    width: 30px;
    box-shadow: inset 0px 0px 4px 1px #232323;
}


/* ARMS, GEAR & BAGS */

/* Weapon Toggle Button */

input[type="checkbox"].shield-toggle,
input[type="checkbox"].fifth-weapon-toggle,
input[type="checkbox"].third-weapon-toggle,
input[type="checkbox"].primary-weapon-toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].shield-toggle + span::before,
input[type="checkbox"].fifth-weapon-toggle + span::before,
input[type="checkbox"].third-weapon-toggle + span::before,
input[type="checkbox"].primary-weapon-toggle + span::before {
    margin-right: 10px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #444444;
}

input[type="checkbox"].shield-toggle:checked + span::before,
input[type="checkbox"].fifth-weapon-toggle:checked + span::before,
input[type="checkbox"].third-weapon-toggle:checked + span::before,
input[type="checkbox"].primary-weapon-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.shield-toggle:checked ~ div.shield-padding-container,
input.fifth-weapon-toggle:checked ~ div.fifth-weapon-padding-container,
input.third-weapon-toggle:checked ~ div.third-weapon-padding-container,
input.primary-weapon-toggle:checked ~ div.primary-weapon-padding-container {
    display: none;
}

input[type="checkbox"].sixth-weapon-toggle,
input[type="checkbox"].fourth-weapon-toggle,
input[type="checkbox"].secondary-weapon-toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].sixth-weapon-toggle + span::before,
input[type="checkbox"].fourth-weapon-toggle + span::before,
input[type="checkbox"].secondary-weapon-toggle + span::before {
    margin-right: 10px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #5e0000;
}

input[type="checkbox"].sixth-weapon-toggle:checked + span::before,
input[type="checkbox"].fourth-weapon-toggle:checked + span::before,
input[type="checkbox"].secondary-weapon-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.sixth-weapon-toggle:checked ~ div.sixth-weapon-padding-container,
input.fourth-weapon-toggle:checked ~ div.fourth-weapon-padding-container,
input.secondary-weapon-toggle:checked ~ div.secondary-weapon-padding-container {
    display: none;
}

/* Weapon Boxes */

span.shield-gradient,
span.fifth-weapon-gradient,
span.third-weapon-gradient,
span.primary-weapon-gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #444444, transparent);
}

span.sixth-weapon-gradient,
span.fourth-weapon-gradient,
span.secondary-weapon-gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #5e0000, transparent);
}

.primary-weapon-padding-container,
.secondary-weapon-padding-container,
.third-weapon-padding-container,
.fourth-weapon-padding-container,
.fifth-weapon-padding-container,
.sixth-weapon-padding-container {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

label.weapon-title {
    display: inline-block;
    width: 490px;
    margin-top: 1px;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 2px;
    border-radius: 15px;
    background: #444444;
}

label.weapon-accuracy {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 75px;
}

label.weapon-range {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 40px;
}

label.weapon-bonus {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    margin-left: 2px;
    width: 70px;
}

label.shield-held {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    margin-left: 2px;
    width: 70px;
}

label.shieldsize {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    margin-left: 2px;
    width: 70px;
}

label.weapon-reliability {
    display: inline-block;
    margin-left: -65px;
    font-size: 10px;
    text-align: right;
    width: 72.5px;
}

label.weapon-rel {
    display: inline-block;
    margin-left: -5px;
    font-size: 10px;
    text-align: right;
    width: 30px;
}

label.weapon-damage {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 50px;
}

label.weapon-type {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 28px;
}

label.weapon-effect {
    display: inline-block;
    margin-top: -4px;
    font-size: 10px;
    text-align: right;
    width: 40px;
}

label.weapon-enhancement {
    display: inline-block;
    font-size: 10px;
    margin-top: -4px;
    text-align: right;
    width: 80px;
}

label.weapon-conc {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 40px;
}

label.weapon-weight {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 50px;
    margin-right: -2px;
}

label.encumbrance-value {
    display: inline-block;
    font-size: 10px;
    text-align: left;
    width: 130px;
    margin: 10px -15px 2px 2px;
}

input.weapon-name {
    width: 285px;
    margin-right: 50px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

input.weapon-name::placeholder {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: white;
    opacity: 1;
}

input.shield-name {
    width: 220px;
    margin-right: 30px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

input.shield-name::placeholder {
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    opacity: 1;
}

select.weapon-bonus-element {
    font-size: 10px;
    display: inline-block;
    margin-bottom: -1px;
    width: 55px;
    border: 1px solid #000;
    border-radius: 0px;
}

select.encumbrance-value {
  font-size: 12px;
  width: 50px;
  margin: 0px 0px 0px 0px;
  border: 1px solid #000;
  border-radius: 0px;
}

select.shield-size {
    font-size: 10px;
    display: inline-block;
    margin-bottom: -1px;
    width: 100px;
    border: 1px solid #000;
    border-radius: 0px;
}

input[type='number'].weapon-accuracy-element {
    font-size: 12px;
    margin-bottom: 2px;
    width: 50px;
    border: 1px solid #000;
    border-radius: 0px;
}

input[type='number'].weapon-reliability-element {
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    background-color: #FFF;
    width: 40px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-type-element {
    font-size: 12px;
    display: inline-block;
    width: 115px;
    margin-top: -1px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-damage-element {
    font-size: 12px;
    display: inline-block;
    width: 61px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-range-element {
    font-size: 12px;
    margin-bottom: 2px;
    display: inline-block;
    width: 55px;
    border: 1px solid #000;
    border-radius: 0px;
}

select.weapon-hold-element {
    font-size: 10px;
    margin-bottom: -4px;
    width: 110px;
    margin-right: 5px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-effect-element {
    font-size: 11px;
    display: inline-block;
    width: 458px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-enhancement-element {
    font-size: 11px;
    display: inline-block;
    width: 418px;
    border: 1px solid #000;
    border-radius: 0px;
}

select.weapon-conc-element {
    font-size: 10px;
    width: 70px;
    margin-bottom: -4px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}

input.weapon-weight-element {
    font-size: 12px;
    display: inline-block;
    width: 52px;
    margin-top: -1px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.shield-weight-element {
    font-size: 12px;
    display: inline-block;
    width: 80px;
    margin-top: -1px;
    border: 1px solid #000;
    border-radius: 0px;
}

/* Skill Modifier Repeating Sections */

input.repeating_extraskill,
input.extraskill {
    box-shadow: none;
    width: 70px;
    margin: 0px 3px 0px 0px;
    text-align: center;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_statmod_name {
    box-shadow: none;
    width: 80px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_mod_name {
    box-shadow: none;
    width: 135px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_mod {
    width: 30px;
    box-shadow: none;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}


/* ----- */

.weight-container {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    background: #444444;
    width: 235px;
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.weight-title {
    display: inline-block;
    font-weight: 1;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 60px;
    height: 40px;
}

span.total-weight-divider {
    display: inline-block;
    color: #FFF;
    font-weight: 1;
    font-size: 20px;
    text-align: center;
    width: 15px;
    height: 40px;
}

input.display-weight {
    text-align: center;
    margin-top: -20px;
    width: 60px;
    height: 30px;
    font-size: 15px;
    color: #FFF;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #FFF;
    border-radius: 0px;
    color: #FFF;
    background-color: transparent;
    box-shadow: none;
}
/* Unarmed & toxicity box */

.unarmed-container {
    display: grid;
    grid-template-columns: 39% 1% 60%;
    padding: 19px 15px 16px 15px;
    background: #444444;
    width: 475px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.unarmed-title {
    display: inline-block;
    text-align: center;
    width: 50px;
    margin-left: 20px;
    font-weight: 1;
    font-size: 14px;
    color: #FFF;
}

input.unarmed-dmg-element {
    border:1px solid #000;
    display: inline-block;
    border-radius: 0px;
    margin: 0px 3px 5px 2px;
    width: 50px;
    height: 25px;
    color: #FFF;
    text-align: center;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input.unarmed-element {
    border:1px solid #000;
    display: inline-block;
    border-radius: 0px;
    margin: 0px 3px 5px 2px;
    width: 35px;
    height: 25px;
    color: #FFF;
    text-align: center;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

span.toxbar {
    width: 170px;
    height: 25px;
    border: 1px solid black;
    margin: 0px 0px -8px 0px;
    display: inline-block;
    color: black;
    text-align: center;
}
input.toxbar[value="0"] ~ span.toxbar {
    background: #666666;
}
input.toxbar[value="1"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 90%, #255200 5%,#449600 95%, #adfc03 100%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="2"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 80%, #255200 10%,#449600 90%, #adfc03 100%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="3"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 70%, #255200 20%,#449600 80%, #adfc03 100%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="4"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 60%, #255200 30%,#449600 70%, #adfc03 100%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="5"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 50%, #255200 40%,#449600 60%, #adfc03 80%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="6"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 40%, #255200 40%,#449600 50%, #adfc03 70%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="7"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 30%, #255200 30%,#449600 40%, #adfc03 60%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="8"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 20%, #255200 20%,#449600 30%, #adfc03 50%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="9"] ~ span.toxbar {
    background: linear-gradient(to left, #666666 10%, #255200 10%,#449600 20%, #adfc03 40%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="10"] ~ span.toxbar {
    background: linear-gradient(to left, #255200 1%,#449600 10%, #adfc03 30%);
    box-shadow: inset 0px 0px 7px 1px #232323;
}
input.toxbar[value="11"] ~ span.toxbar {
    background: #adfc03;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

label.toxictitle {
    display: inline-block;
    margin: 0px 0px -2px 0px;
	width: 210px;
	color: white;
	font-weight: normal;
	text-align: right;
	font-size: 14px;

}

label.maxtoxic {
    display: inline-block;
	width: 189px;
	color: white;
	text-align: right;
	font-size: 11px;

}

label.toxicpercent {
    display: inline-block;
	width: 10px;
	margin: 0px 0px -5px 0px;
	color: white;
	text-align: right;
	font-size: 16px;

}

input[type='number'].toxic-amount {
    border:1px solid #000;
    display: inline-block;
    border-radius: 0px;
    margin: 0px 3px 5px 2px;
    width: 50px;
    color: #FFF;
    text-align: center;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

.toxicity-divider {
    border-radius: 15px;
    margin: 6px 0px 0px -12px;
    width: 2px;
    height: 45px;
    background: #FFF;
}

/* Gear/Equipment repeating field */

span.gear-item-span {
    display: inline-block;
    margin-left: -10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    color: #FFF;
    border-radius: 20px;
    background: #444444;
}

label.gear-item-name {
    display: inline-block;
    text-align: center;
    width: 130px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
}

label.gear-item-quantity {
    display: inline-block;
    text-align: center;
    width: 50px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
}

label.gear-item-notes {
    display: inline-block;
    text-align: center;
    width: 215px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
}

label.gear-item-weight {
    display: inline-block;
    text-align: center;
    width: 50px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
}

input.repeating_gear_name,
input.repeating_gear_quantity,
input.repeating_gear_weight {
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_gear_name {
    width: 135px;
}

input.tools-toggle:not(:checked) ~ div.tools {
    display: none;
}

input.tools-toggle:checked ~ div.tools {
    display: block;
}

input.consumables-toggle:not(:checked) ~ div.consumables {
    display: none;
}

input.consumables-toggle:checked ~ div.consumables {
    display: block;
}

input.noncarried-toggle:not(:checked) ~ div.noncarried {
    display: none;
}

input.noncarried-toggle:checked ~ div.noncarried {
    display: block;
}

input.repeating_gear_notes {
    width: 210px;
    height: 25px;
    margin: 0px 0px -3px 0px;
    max-height: 60px;
    box-shadow: none;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;

}

input.repeating_gear_quantity,
input.repeating_gear_weight {
    width: 50px;
    font-weight: bold;
}

/* Currency & Alchemical Substance inventory */

span.currency-span,
span.component-span {
    display: inline-block;
    width: 265px;
    margin-left: -10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    font-size: 1em;
    color: #FFF;
    border-radius: 20px;
    background: #444444;
}

label.currency-type {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 75px;
    font-size: 12px;
    color: #FFF;
}

label.currency-quantity {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 65px;
    font-size: 12px;
    color: #FFF;
}

label.currency-weight {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 70px;
    font-size: 12px;
    color: #FFF;
}

label.alchemical-substances {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    margin-top: -5px;
    margin-right: -5px;
    margin-bottom: -5px;
    width: 150px;
    font-size: 11px;
    color: #FFF;
}

label.alchemical-substances2 {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    margin-top: -5px;
    margin-bottom: -5px;
    width: 155px;
    font-size: 12px;
    color: #FFF;
}

label.alchemical-quantity {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 35px;
    font-size: 11px;
    color: #FFF;
}

label.alchemical-weight {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 30px;
    font-size: 11px;
    color: #FFF;
}

label.alchemical-quantity2 {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 35px;
    font-size: 12px;
    color: #FFF;
}

label.alchemical-weight2 {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 35px;
    font-size: 12px;
    color: #FFF;
}

label.substance-type {
    display: inline-block;
    text-align: right;
    margin-left: -20px;
    line-height: 0.65;
    padding: 5px;
    width: 110px;
    font-size: 14px;
}

img.alchemical-image {
    display:inline-block;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 15px;
    width: 8%;
}

input.substance-quantity,
input.substance-weight {
    box-shadow: none;
    text-align: center;
    width: 45px;
    font-weight: bold;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
    outline: none;
}

input[type="checkbox"].vitriol-toggle,
input[type="checkbox"].rebis-toggle,
input[type="checkbox"].aether-toggle,
input[type="checkbox"].quebrith-toggle,
input[type="checkbox"].hydragenum-toggle,
input[type="checkbox"].vermilion-toggle,
input[type="checkbox"].sol-toggle,
input[type="checkbox"].caelum-toggle,
input[type="checkbox"].fulgur-toggle {
    opacity: 0;
    width: 30px;
    height: 25px;
    margin-left: -20px;
    margin-right: -10px;
    position: relative;
    top: 2px;
    left: 15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].vitriol-toggle + span::before,
input[type="checkbox"].rebis-toggle + span::before,
input[type="checkbox"].aether-toggle + span::before,
input[type="checkbox"].quebrith-toggle + span::before,
input[type="checkbox"].hydragenum-toggle + span::before,
input[type="checkbox"].vermilion-toggle + span::before,
input[type="checkbox"].sol-toggle + span::before,
input[type="checkbox"].caelum-toggle + span::before,
input[type="checkbox"].fulgur-toggle + span::before {
    margin-right: -20px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #444444;
}

input[type="checkbox"].vitriol-toggle:checked + span::before,
input[type="checkbox"].rebis-toggle:checked + span::before,
input[type="checkbox"].aether-toggle:checked + span::before,
input[type="checkbox"].quebrith-toggle:checked + span::before,
input[type="checkbox"].hydragenum-toggle:checked + span::before,
input[type="checkbox"].vermilion-toggle:checked + span::before,
input[type="checkbox"].sol-toggle:checked + span::before,
input[type="checkbox"].caelum-toggle:checked + span::before,
input[type="checkbox"].fulgur-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.vitriol-toggle:checked ~ div.vitriol-container,
input.rebis-toggle:checked ~ div.rebis-container,
input.aether-toggle:checked ~ div.aether-container,
input.quebrith-toggle:checked ~ div.quebrith-container,
input.hydragenum-toggle:checked ~ div.hydragenum-container,
input.vermilion-toggle:checked ~ div.vermilion-container,
input.sol-toggle:checked ~ div.sol-container,
input.caelum-toggle:checked ~ div.caelum-container,
input.fulgur-toggle:checked ~ div.fulgur-container {
    display: none;
}

/* Currency repeating field */
select.repeating_currency_options,
input.repeating_currency_name,
input.repeating_currency_quantity {
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_currency_name {
    width: 85px;
}

select.repeating_currency_options {
    width: 85px;
    font-weight: bold;
    font-size: 11px;
    margin: 0px 0px -10px 0px;

}

input[type='number'].repeating_currency_quantity {
    width: 70px;
    font-weight: bold;
}

/* Substance repeating field */

input.repeating_sub_name,
input.repeating_sub_quantity,
input.repeating_sub_weight {
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_sub_name {
    width: 140px;
    margin-left: 2px;
}

input.repeating_sub_quantity,
input.repeating_sub_weight {
    width: 45px;
}

/* Component repeating field */

input.repeating_comp_name,
input.repeating_comp_quantity,
input.repeating_comp_weight {
    box-shadow: none;
    text-align: center;
    background-color: transparent;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
    border-bottom: 1px solid;
    border-radius: 0px;
}

input.repeating_comp_name {
    width: 155px;
}

input.repeating_comp_quantity,
input.repeating_comp_weight {
    width: 45px;
    font-weight: bold;
}

/* SPELLS & ABILITIES SECTION */
/* Spell Section Style */

label.vigor-title {
    display: inline-block;
	width: 50px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: right;
	font-weight: 1;
	font-size: 15px;
	color: #FFF;

}

label.cur-sta-title {
    display: inline-block;
	width: 35px;
	margin-top: 10px;
	text-align: right;
	font-weight: 1;
	font-size: 15px;
	color: #FFF;

}

.vigor-total-container {
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 19px;
    background: #444444;
    width: 235px;
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

.vigor-focus-container {
    padding: 15px;
    background: #5e0000;
    width: 235px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.spellfocus-title {
    font-size: 12px;
    color: #FFF;
    font-weight: 1;
    display: inline-block;
    text-align: center;
    width: 70px;
}

label.focus-title {
    font-size: 10px;
    color: #FFF;
    margin-right: -5px;
    margin-left: 5px;
    font-weight: 1;
    display: inline-block;
    text-align: center;
    width: 60px;
}

label.greaterfocus-title {
    font-size: 10px;
    color: #FFF;
    font-weight: 1;
    margin-right: -10px;
    display: inline-block;
    text-align: center;
    width: 100px;
}

div.vigor-total-container > input[type='number'].vigor-total {
    border: 1px solid #000;
    display: inline-block;
    border-radius: 0px;
    width: 50px;
    height: 35px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input.spellfocus-element {
    border:1px solid #000;
    display: inline-block;
    border-radius: 0px;
    width: 130px;
    color: #FFF;
    text-align: center;
    background-color: #444444;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input.spellfocus-stat {
    border:1px solid #000;
    display: inline-block;
    border-radius: 0px;
    width: 30px;
    height: 25px;
    color: #FFF;
    text-align: center;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

textarea.spellfocus-text {
    width: 205px;
    height: 50px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
    resize: vertical;
    font-size: 11px;
    margin-top: 0px;
    margin-left: 4px;
    margin-bottom: 0px;
    text-align: left;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input[type="checkbox"].focus1-toggle,
input[type="checkbox"].focus2-toggle,
input[type="checkbox"].focus3-toggle,
input[type="checkbox"].focus4-toggle  {
    opacity: 0;
    width: 30px;
    height: 25px;
    margin-left: -20px;
    margin-right: -10px;
    position: relative;
    top: 2px;
    left: 15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].focus1-toggle + span::before,
input[type="checkbox"].focus2-toggle + span::before,
input[type="checkbox"].focus3-toggle + span::before,
input[type="checkbox"].focus4-toggle + span::before {
    margin-right: -20px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 21px;
    color: #FFF;
}

input[type="checkbox"].focus1-toggle:checked + span::before,
input[type="checkbox"].focus2-toggle:checked + span::before,
input[type="checkbox"].focus3-toggle:checked + span::before,
input[type="checkbox"].focus4-toggle:checked + span::before {
    content: "►";
    color: #FFF;
}

input.focus1-toggle:checked ~ div.focus1-container,
input.focus2-toggle:checked ~ div.focus2-container,
input.focus3-toggle:checked ~ div.focus3-container,
input.focus4-toggle:checked ~ div.focus4-container {
    display: none;
}

/* repcontrol boxes */

/* --- Skills & Stats --- */

[data-groupname=repeating_finearts] .repcontrol_add,
[data-groupname=repeating_performance] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 0px 5px 0px 5px;
    font-size: 9px;
    font-weight: bold;
    margin: 5px 0px 0px 25px;
    background: #cccccc;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_finearts] .repitem,
[data-groupname=repeating_performance] .repitem {
}

[data-groupname=repeating_finearts] .repcontrol_edit,
[data-groupname=repeating_performance] .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    padding: 0px 5px 0px 5px;
    font-size: 9px;
    font-weight: bold;
    margin: 5px 40px 0px 0px;
    background: #cccccc;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_stunstat] .repcontrol_add,
[data-groupname=repeating_runstat] .repcontrol_add,
[data-groupname=repeating_leapstat] .repcontrol_add,
[data-groupname=repeating_encstat] .repcontrol_add,
[data-groupname=repeating_recstat] .repcontrol_add,
[data-groupname=repeating_hpstat] .repcontrol_add,
[data-groupname=repeating_stastat] .repcontrol_add,
[data-groupname=repeating_resolvestat] .repcontrol_add,
[data-groupname=repeating_focusstat] .repcontrol_add,
[data-groupname=repeating_intstat] .repcontrol_add,
[data-groupname=repeating_refstat] .repcontrol_add,
[data-groupname=repeating_dexstat] .repcontrol_add,
[data-groupname=repeating_bodystat] .repcontrol_add,
[data-groupname=repeating_spdstat] .repcontrol_add,
[data-groupname=repeating_empstat] .repcontrol_add,
[data-groupname=repeating_crastat] .repcontrol_add,
[data-groupname=repeating_willstat] .repcontrol_add,
[data-groupname=repeating_courage] .repcontrol_add,
[data-groupname=repeating_hexweaving] .repcontrol_add,
[data-groupname=repeating_intimidation] .repcontrol_add,
[data-groupname=repeating_spellcasting] .repcontrol_add,
[data-groupname=repeating_resistmagic] .repcontrol_add,
[data-groupname=repeating_resistcoercion] .repcontrol_add,
[data-groupname=repeating_ritualcrafting] .repcontrol_add,
[data-groupname=repeating_charisma] .repcontrol_add,
[data-groupname=repeating_deceit] .repcontrol_add,
[data-groupname=repeating_gambling] .repcontrol_add,
[data-groupname=repeating_groomingandstyle] .repcontrol_add,
[data-groupname=repeating_humanperception] .repcontrol_add,
[data-groupname=repeating_leadership] .repcontrol_add,
[data-groupname=repeating_persuasion] .repcontrol_add,
[data-groupname=repeating_seduction] .repcontrol_add,
[data-groupname=repeating_archery] .repcontrol_add,
[data-groupname=repeating_athletics] .repcontrol_add,
[data-groupname=repeating_crossbow] .repcontrol_add,
[data-groupname=repeating_sleightofhand] .repcontrol_add,
[data-groupname=repeating_stealth] .repcontrol_add,
[data-groupname=repeating_awareness] .repcontrol_add,
[data-groupname=repeating_business] .repcontrol_add,
[data-groupname=repeating_deduction] .repcontrol_add,
[data-groupname=repeating_education] .repcontrol_add,
[data-groupname=repeating_nordling] .repcontrol_add,
[data-groupname=repeating_elderspeech] .repcontrol_add,
[data-groupname=repeating_dwarven] .repcontrol_add,
[data-groupname=repeating_monsterlore] .repcontrol_add,
[data-groupname=repeating_socialetiquette] .repcontrol_add,
[data-groupname=repeating_streetwise] .repcontrol_add,
[data-groupname=repeating_tactics] .repcontrol_add,
[data-groupname=repeating_teaching] .repcontrol_add,
[data-groupname=repeating_wildernesssurvival] .repcontrol_add,
[data-groupname=repeating_alchemy] .repcontrol_add,
[data-groupname=repeating_crafting] .repcontrol_add,
[data-groupname=repeating_disguise] .repcontrol_add,
[data-groupname=repeating_firstaid] .repcontrol_add,
[data-groupname=repeating_forgery] .repcontrol_add,
[data-groupname=repeating_picklock] .repcontrol_add,
[data-groupname=repeating_trapcrafting] .repcontrol_add,
[data-groupname=repeating_physique] .repcontrol_add,
[data-groupname=repeating_endurance] .repcontrol_add,
[data-groupname=repeating_brawling] .repcontrol_add,
[data-groupname=repeating_dodgeescape] .repcontrol_add,
[data-groupname=repeating_melee] .repcontrol_add,
[data-groupname=repeating_riding] .repcontrol_add,
[data-groupname=repeating_sailing] .repcontrol_add,
[data-groupname=repeating_smallblades] .repcontrol_add,
[data-groupname=repeating_staffspear] .repcontrol_add,
[data-groupname=repeating_swordsmanship] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 0px 5px 0px 5px;
    font-size: 9px;
    font-weight: bold;
    margin: 5px 0px 0px 7px;
    background: #cccccc;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_stunstat] .repitem,
[data-groupname=repeating_runstat] .repitem,
[data-groupname=repeating_leapstat] .repitem,
[data-groupname=repeating_encstat] .repitem,
[data-groupname=repeating_recstat] .repitem,
[data-groupname=repeating_hpstat] .repitem,
[data-groupname=repeating_stastat] .repitem,
[data-groupname=repeating_resolvestat] .repitem,
[data-groupname=repeating_focusstat] .repitem,
[data-groupname=repeating_intstat] .repitem,
[data-groupname=repeating_refstat] .repitem,
[data-groupname=repeating_dexstat] .repitem,
[data-groupname=repeating_bodystat] .repitem,
[data-groupname=repeating_spdstat] .repitem,
[data-groupname=repeating_empstat] .repitem,
[data-groupname=repeating_crastat] .repitem,
[data-groupname=repeating_willstat] .repitem,
[data-groupname=repeating_courage] .repitem,
[data-groupname=repeating_hexweaving] .repitem,
[data-groupname=repeating_intimidation] .repitem,
[data-groupname=repeating_spellcasting] .repitem,
[data-groupname=repeating_resistmagic] .repitem,
[data-groupname=repeating_resistcoercion] .repitem,
[data-groupname=repeating_ritualcrafting] .repitem,
[data-groupname=repeating_charisma] .repitem,
[data-groupname=repeating_deceit] .repitem,
[data-groupname=repeating_gambling] .repitem,
[data-groupname=repeating_groomingandstyle] .repitem,
[data-groupname=repeating_humanperception] .repitem,
[data-groupname=repeating_leadership] .repitem,
[data-groupname=repeating_persuasion] .repitem,
[data-groupname=repeating_seduction] .repitem,
[data-groupname=repeating_archery] .repitem,
[data-groupname=repeating_athletics] .repitem,
[data-groupname=repeating_crossbow] .repitem,
[data-groupname=repeating_sleightofhand] .repitem,
[data-groupname=repeating_stealth] .repitem,
[data-groupname=repeating_awareness] .repitem,
[data-groupname=repeating_business] .repitem,
[data-groupname=repeating_deduction] .repitem,
[data-groupname=repeating_education] .repitem,
[data-groupname=repeating_nordling] .repitem,
[data-groupname=repeating_elderspeech] .repitem,
[data-groupname=repeating_dwarven] .repitem,
[data-groupname=repeating_monsterlore] .repitem,
[data-groupname=repeating_socialetiquette] .repitem,
[data-groupname=repeating_streetwise] .repitem,
[data-groupname=repeating_tactics] .repitem,
[data-groupname=repeating_teaching] .repitem,
[data-groupname=repeating_wildernesssurvival] .repitem,
[data-groupname=repeating_alchemy] .repitem,
[data-groupname=repeating_crafting] .repitem,
[data-groupname=repeating_disguise] .repitem,
[data-groupname=repeating_firstaid] .repitem,
[data-groupname=repeating_forgery] .repitem,
[data-groupname=repeating_picklock] .repitem,
[data-groupname=repeating_trapcrafting] .repitem,
[data-groupname=repeating_physique] .repitem,
[data-groupname=repeating_endurance] .repitem,
[data-groupname=repeating_brawling] .repitem,
[data-groupname=repeating_dodgeescape] .repitem,
[data-groupname=repeating_melee] .repitem,
[data-groupname=repeating_riding] .repitem,
[data-groupname=repeating_sailing] .repitem,
[data-groupname=repeating_smallblades] .repitem,
[data-groupname=repeating_staffspear] .repitem,
[data-groupname=repeating_swordsmanship] .repitem {

}

[data-groupname=repeating_stunstat] .repcontrol_edit,
[data-groupname=repeating_runstat] .repcontrol_edit,
[data-groupname=repeating_leapstat] .repcontrol_edit,
[data-groupname=repeating_encstat] .repcontrol_edit,
[data-groupname=repeating_recstat] .repcontrol_edit,
[data-groupname=repeating_hpstat] .repcontrol_edit,
[data-groupname=repeating_stastat] .repcontrol_edit,
[data-groupname=repeating_resolvestat] .repcontrol_edit,
[data-groupname=repeating_focusstat] .repcontrol_edit,
[data-groupname=repeating_intstat] .repcontrol_edit,
[data-groupname=repeating_refstat] .repcontrol_edit,
[data-groupname=repeating_dexstat] .repcontrol_edit,
[data-groupname=repeating_bodystat] .repcontrol_edit,
[data-groupname=repeating_spdstat] .repcontrol_edit,
[data-groupname=repeating_empstat] .repcontrol_edit,
[data-groupname=repeating_crastat] .repcontrol_edit,
[data-groupname=repeating_willstat] .repcontrol_edit,
[data-groupname=repeating_courage] .repcontrol_edit,
[data-groupname=repeating_hexweaving] .repcontrol_edit,
[data-groupname=repeating_intimidation] .repcontrol_edit,
[data-groupname=repeating_spellcasting] .repcontrol_edit,
[data-groupname=repeating_resistmagic] .repcontrol_edit,
[data-groupname=repeating_resistcoercion] .repcontrol_edit,
[data-groupname=repeating_ritualcrafting] .repcontrol_edit,
[data-groupname=repeating_charisma] .repcontrol_edit,
[data-groupname=repeating_deceit] .repcontrol_edit,
[data-groupname=repeating_gambling] .repcontrol_edit,
[data-groupname=repeating_groomingandstyle] .repcontrol_edit,
[data-groupname=repeating_humanperception] .repcontrol_edit,
[data-groupname=repeating_leadership] .repcontrol_edit,
[data-groupname=repeating_persuasion] .repcontrol_edit,
[data-groupname=repeating_seduction] .repcontrol_edit,
[data-groupname=repeating_archery] .repcontrol_edit,
[data-groupname=repeating_athletics] .repcontrol_edit,
[data-groupname=repeating_crossbow] .repcontrol_edit,
[data-groupname=repeating_sleightofhand] .repcontrol_edit,
[data-groupname=repeating_stealth] .repcontrol_edit,
[data-groupname=repeating_awareness] .repcontrol_edit,
[data-groupname=repeating_business] .repcontrol_edit,
[data-groupname=repeating_deduction] .repcontrol_edit,
[data-groupname=repeating_education] .repcontrol_edit,
[data-groupname=repeating_nordling] .repcontrol_edit,
[data-groupname=repeating_elderspeech] .repcontrol_edit,
[data-groupname=repeating_dwarven] .repcontrol_edit,
[data-groupname=repeating_monsterlore] .repcontrol_edit,
[data-groupname=repeating_socialetiquette] .repcontrol_edit,
[data-groupname=repeating_streetwise] .repcontrol_edit,
[data-groupname=repeating_tactics] .repcontrol_edit,
[data-groupname=repeating_teaching] .repcontrol_edit,
[data-groupname=repeating_wildernesssurvival] .repcontrol_edit,
[data-groupname=repeating_alchemy] .repcontrol_edit,
[data-groupname=repeating_crafting] .repcontrol_edit,
[data-groupname=repeating_disguise] .repcontrol_edit,
[data-groupname=repeating_firstaid] .repcontrol_edit,
[data-groupname=repeating_forgery] .repcontrol_edit,
[data-groupname=repeating_picklock] .repcontrol_edit,
[data-groupname=repeating_trapcrafting] .repcontrol_edit,
[data-groupname=repeating_physique] .repcontrol_edit,
[data-groupname=repeating_endurance] .repcontrol_edit,
[data-groupname=repeating_brawling] .repcontrol_edit,
[data-groupname=repeating_dodgeescape] .repcontrol_edit,
[data-groupname=repeating_melee] .repcontrol_edit,
[data-groupname=repeating_riding] .repcontrol_edit,
[data-groupname=repeating_sailing] .repcontrol_edit,
[data-groupname=repeating_smallblades] .repcontrol_edit,
[data-groupname=repeating_staffspear] .repcontrol_edit,
[data-groupname=repeating_swordsmanship] .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    padding: 0px 5px 0px 5px;
    font-size: 9px;
    font-weight: bold;
    margin: 5px 18px 0px 0px;
    background: #cccccc;
    border: 1px solid #000;
    border-radius: 15px;
}

/* -- Core Sheet Buttons -- */

[data-groupname=repeating_events] .repcontrol_add,
[data-groupname=repeating_friends] .repcontrol_add,
[data-groupname=repeating_spells] .repcontrol_add,
[data-groupname=repeating_spells2] .repcontrol_add,
[data-groupname=repeating_spells3] .repcontrol_add,
[data-groupname=repeating_crafting2] .repcontrol_add,
[data-groupname=repeating_crafting3] .repcontrol_add,
[data-groupname=repeating_crafting4] .repcontrol_add,
[data-groupname=repeating_tools] .repcontrol_add,
[data-groupname=repeating_consumables] .repcontrol_add,
[data-groupname=repeating_noncarried-items1] .repcontrol_add,
[data-groupname=repeating_noncarried-items2] .repcontrol_add,
[data-groupname=repeating_noncarried-items3] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 2px 8px 2px 6px;
    font-size: 10px;
    margin: 10px 0px 12px 5px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_gear] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 2px 8px 2px 6px;
    font-size: 10px;
    margin: 10px 0px 12px -5px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_tools] .repitem {
    margin-left: 10px;
}

[data-groupname=repeating_consumables] .repitem {
    margin-left: 10px;
}

[data-groupname=repeating_noncarried-items1] .repitem {
    margin-left: 10px;
}
[data-groupname=repeating_noncarried-items2] .repitem {
    margin-left: 10px;
}
[data-groupname=repeating_noncarried-items3] .repitem {
    margin-left: 10px;
}

[data-groupname=repeating_events] .repitem {
    margin: 0px 0px -10px 0px;
}


[data-groupname=repeating_friends] .repitem,
[data-groupname=repeating_spells] .repitem,
[data-groupname=repeating_spells2] .repitem,
[data-groupname=repeating_spells3] .repitem,
[data-groupname=repeating_crafting2] .repitem,
[data-groupname=repeating_crafting3] .repitem,
[data-groupname=repeating_crafting4] .repitem,
[data-groupname=repeating_gear] .repitem,
[data-groupname=repeating_tools] .repitem,
[data-groupname=repeating_consumables] .repitem,
[data-groupname=repeating_noncarried-items1] .repitem,
[data-groupname=repeating_noncarried-items2] .repitem,
[data-groupname=repeating_noncarried-items3] .repitem {
}

[data-groupname=repeating_events] .repcontrol_edit,
[data-groupname=repeating_friends] .repcontrol_edit,
[data-groupname=repeating_spells] .repcontrol_edit,
[data-groupname=repeating_spells2] .repcontrol_edit,
[data-groupname=repeating_spells3] .repcontrol_edit,
[data-groupname=repeating_crafting2] .repcontrol_edit,
[data-groupname=repeating_crafting3] .repcontrol_edit,
[data-groupname=repeating_crafting4] .repcontrol_edit,
[data-groupname=repeating_gear] .repcontrol_edit,
[data-groupname=repeating_tools] .repcontrol_edit,
[data-groupname=repeating_consumables] .repcontrol_edit,
[data-groupname=repeating_noncarried-items1] .repcontrol_edit,
[data-groupname=repeating_noncarried-items2] .repcontrol_edit,
[data-groupname=repeating_noncarried-items3] .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    padding: 2px 6px 2px 8px;
    font-size: 10px;
    margin: 10px 25px 12px 0px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_npcskill] .repcontrol_add,
[data-groupname=repeating_ability] .repcontrol_add,
[data-groupname=repeating_npcweapons] .repcontrol_add,
[data-groupname=repeating_loot] .repcontrol_add,
[data-groupname=repeating_fulgur] .repcontrol_add,
[data-groupname=repeating_caelum] .repcontrol_add,
[data-groupname=repeating_sol] .repcontrol_add,
[data-groupname=repeating_vermilion] .repcontrol_add,
[data-groupname=repeating_hydragenum] .repcontrol_add,
[data-groupname=repeating_quebrith] .repcontrol_add,
[data-groupname=repeating_aether] .repcontrol_add,
[data-groupname=repeating_rebis] .repcontrol_add,
[data-groupname=repeating_vitriol] .repcontrol_add,
[data-groupname=repeating_comp] .repcontrol_add,
[data-groupname=repeating_currency] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 2px 8px 2px 6px;
    font-size: 10px;
    margin: 10px 0px 12px 5px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_npcskill] .repitem,
[data-groupname=repeating_ability] .repitem,
[data-groupname=repeating_npcweapons] .repitem,
[data-groupname=repeating_loot] .repitem,
[data-groupname=repeating_fulgur] .repitem,
[data-groupname=repeating_caelum] .repitem,
[data-groupname=repeating_sol] .repitem,
[data-groupname=repeating_vermilion] .repitem,
[data-groupname=repeating_hydragenum] .repitem,
[data-groupname=repeating_quebrith] .repitem,
[data-groupname=repeating_aether] .repitem,
[data-groupname=repeating_rebis] .repitem,
[data-groupname=repeating_vitriol] .repitem,
[data-groupname=repeating_comp] .repitem,
[data-groupname=repeating_currency] .repitem {
}

[data-groupname=repeating_npcskill] .repcontrol_edit,
[data-groupname=repeating_ability] .repcontrol_edit,
[data-groupname=repeating_npcweapons] .repcontrol_edit,
[data-groupname=repeating_loot] .repcontrol_edit,
[data-groupname=repeating_fulgur] .repcontrol_edit,
[data-groupname=repeating_caelum] .repcontrol_edit,
[data-groupname=repeating_sol] .repcontrol_edit,
[data-groupname=repeating_vermilion] .repcontrol_edit,
[data-groupname=repeating_hydragenum] .repcontrol_edit,
[data-groupname=repeating_quebrith] .repcontrol_edit,
[data-groupname=repeating_aether] .repcontrol_edit,
[data-groupname=repeating_rebis] .repcontrol_edit,
[data-groupname=repeating_vitriol] .repcontrol_edit,
[data-groupname=repeating_comp] .repcontrol_edit,
[data-groupname=repeating_currency] .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    padding: 2px 6px 2px 8px;
    font-size: 10px;
    margin: 10px 17px 12px 0px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_vulnerability] .repcontrol_add,
[data-groupname=repeating_rituals] .repcontrol_add,
[data-groupname=repeating_hexes] .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    padding: 2px 8px 2px 6px;
    font-size: 10px;
    margin: 10px 0px 12px 5px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

[data-groupname=repeating_vulnerability] .repitem,
[data-groupname=repeating_rituals] .repitem,
[data-groupname=repeating_hexes] .repitem {
}


[data-groupname=repeating_vulnerability] .repcontrol_edit,
[data-groupname=repeating_rituals] .repcontrol_edit,
[data-groupname=repeating_hexes] .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    padding: 2px 6px 2px 8px;
    font-size: 10px;
    margin: 10px 5px 12px 0px;
    background: #444444;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 15px;
}

/* Checkbox Craft Arrow */

input[type="checkbox"].repeating_craft_toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].repeating_craft_toggle + span::before {
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #61482f;
}

input[type="checkbox"].repeating_craft_toggle:checked + span::before {
    content: "►";
    color: #61482f;
}

input.repeating_craft_toggle:checked ~ div.repeating_craft_padding_container {
    display: none;
}

/* Checkbox Spell Arrow */

input[type="checkbox"].repeating_spell_toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].repeating_spell_toggle + span::before {
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #9a1e50;
}

input[type="checkbox"].repeating_spell_toggle:checked + span::before {
    content: "►";
    color: #9a1e50;
}

input.repeating_spell_toggle:checked ~ div.repeating_spell_padding_container {
    display: none;
}

/* Checkbox Ritual Arrow */

input[type="checkbox"].repeating_ritual_toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].repeating_ritual_toggle + span::before {
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #7f682b;
}

input[type="checkbox"].repeating_ritual_toggle:checked + span::before {
    content: "►";
    color: #7f682b;
}

input.repeating_ritual_toggle:checked ~ div.repeating_ritual_padding_container {
    display: none;
}

/* Checkbox Hex Arrow */

input[type="checkbox"].repeating_hex_toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].repeating_hex_toggle + span::before {
    margin-right: 0px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 25px;
    color: #748718;
}

input[type="checkbox"].repeating_hex_toggle:checked + span::before {
    content: "►";
    color: #748718;
}

input.repeating_hex_toggle:checked ~ div.repeating_hex_padding_container {
    display: none;
}
/* Crafting Section */

span.repeating_crafting_gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #61482f, transparent);
}

input.repeating_craft_name {
    width: 325px;
    margin-right: 140px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

select.repeating_craft_type {
    width: 85px;
    margin-bottom: -4px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}

label.repeating_dc_title {
    font-size: 11px;
    width: 16px;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
}

input[type='number'].repeating_dc {
    width: 41px;
    text-align: center;
    margin: 0px 0px 2px 0px;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0px;
}

label.repeating_time_title {
    font-size: 11px;
    width: 25px;
    text-align: center;
    display: inline-block;
}

select.repeating_possession {
    width: 175px;
    margin: 8px 3px -4px 2px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_time_box {
    width: 85px;
    text-align: center;
    font-size: 11px;
    margin: 0px 0px 2px 0px;
    border: 1px solid #000;
    border-radius: 0px;
}

textarea.repeating_craft_description {
    width: 480px;
    height: 35px;
    resize: vertical;
    font-size: 11px;
    margin-top: -1px;
    margin-left: -2px;
    margin-bottom: 0px;
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

label.repeating_components_title {
    font-size: 11px;
    width: 75px;
    margin: -30px 0px 0px 0px;
    text-align: center;
    display: inline-block;
}

textarea.repeating_components {
    width: 480px;
    height: 18px;
    resize: vertical;
    text-align: left;
    margin: 0px 0px 0px -2px;
    padding: 5px 10px 5px 10px;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
    display: inline-block;
}

img.repeating_craft_image {
    display:inline-block;
    margin: -2px 0px 3px 0px;
    padding: 4px 2px 4px 2px;
    width: 23px;
}

div.repeating_blueprint_formula > input[type='number'].repeating_alchemy_amount {
    display:inline-block;
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 4px 0px;
    border-radius: 15px;
    border: 1px solid #000;
}

input[type='number'].repeating_vitriolshade {
    background: #D1B1CB;
}

input[type='number'].repeating_rebisshade {
    background: #E2AD8F;
}

input[type='number'].repeating_aethershade {
    background: #CBE0E0;
}

input[type='number'].repeating_quebrithshade {
    background: #E8E1B2;
}

input[type='number'].repeating_hydragenumshade {
    background: #BBCAF5;
}

input[type='number'].repeating_vermilionshade {
    background: #B7DAB9;
}

input[type='number'].repeating_solshade {
    background: #F4DDB4;
}

input[type='number'].repeating_caelumshade {
    background: #E4E9B3;
}

input[type='number'].repeating_fulgurshade {
    background: #F5ADB1;
}

/*-- Select Choice Crafting Display --*/

.charsheet div[class^="repeating_blueprint"] {
  display: none;
}

.charsheet input.repeating_diagram:checked ~ div.repeating_blueprint_diagram,
.charsheet input.repeating_formula:checked ~ div.repeating_blueprint_formula {
  display: block;
}

.charsheet input.repeating_crafthide {
  width: 0px;
  height: 0px;
  opacity: 0;
  display: none;
}

/* -- ADAPTING ARMOR DISPLAY SECTION -- */

/* -- HEAD -- */

div.sphead {
  height: 45px;
  margin: -175px 0px 0px 97px;
}

input.sphead[value="0"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_clear.png);
}
input.sphead[value="1"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_red.png);
}
input.sphead[value="2"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_orange.png);
}
input.sphead[value="3"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_yellow.png);
}
input.sphead[value="4"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
}
input.sphead[value="5"] ~ div.sphead {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/head_grey.png);
}

/* -- TORSO -- */

div.sptorso {
  height: 105px;
  margin: -11px 0px 0px 79px;
}
input.sptorso[value="0"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_clear.png);
}
input.sptorso[value="1"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_red.png);
}
input.sptorso[value="2"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_orange.png);
}
input.sptorso[value="3"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_yellow.png);
}
input.sptorso[value="4"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
}
input.sptorso[value="5"] ~ div.sptorso {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/torso_grey.png);
}

/* -- LEFT ARM -- */

div.splarm {
  height: 105px;
  margin: -110px 0px 0px 136px;
}
input.splarm[value="0"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_clear.png);
}
input.splarm[value="1"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_red.png);
}
input.splarm[value="2"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_orange.png);
}
input.splarm[value="3"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_yellow.png);
}
input.splarm[value="4"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
}
input.splarm[value="5"] ~ div.splarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/larm_grey.png);
}

/* -- RIGHT ARM -- */

div.sprarm {
  height: 105px;
  margin: -105px 0px 0px 45px;
}
input.sprarm[value="0"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_clear.png);
}
input.sprarm[value="1"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_red.png);
}
input.sprarm[value="2"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_orange.png);
}
input.sprarm[value="3"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_yellow.png);
}
input.sprarm[value="4"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
}
input.sprarm[value="5"] ~ div.sprarm {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rarm_grey.png);
}

/* -- LEFT LEG -- */

div.splleg {
  height: 105px;
  margin: -8px 0px 0px 115px;
}
input.splleg[value="0"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_clear.png);
}
input.splleg[value="1"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_red.png);
}
input.splleg[value="2"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_orange.png);
}
input.splleg[value="3"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_yellow.png);
}
input.splleg[value="4"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
}
input.splleg[value="5"] ~ div.splleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/lleg_grey.png);
}

/* -- RIGHT LEG -- */

div.sprleg {
  height: 105px;
  margin: -106px 0px 0px 63px;
}
input.sprleg[value="0"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_clear.png);
}
input.sprleg[value="1"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_red.png);
}
input.sprleg[value="2"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_orange.png);
}
input.sprleg[value="3"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_yellow.png);
}
input.sprleg[value="4"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
}
input.sprleg[value="5"] ~ div.sprleg {
    content:url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/TheWitcher/images/rleg_grey.png);
}

/* -- ARMOR INPUT POSITIONS -- */

input[type='number'].head-armor {
    left: 132px;
    top: 0px;
}
button.spradio-1 {
    left: 171px;
    top: -46px;
}

input.head-icon {
    left: 88px;
    top: -23px;
}

input[type='number'].torso-armor {
    left: 42px;
    top: 68px;
}
button.spradio-2 {
    left: 124px;
    top: 1px;
}

input.torso-icon {
    left: 15px;
    top: 45px;
}

input[type='number'].larm-armor {
    left: 63px;
    top: 100px;
}
button.spradio-3 {
    left: 188px;
    top: 12px;
}

input.larm-icon {
    left: 51px;
    top: 77px;
}

input[type='number'].rarm-armor {
    left: -89px;
    top: 100px;
}
button.spradio-4 {
    left: 22px;
    top: -10px;
}

input.rarm-icon {
    left: -68px;
    top: 77px;
}

input[type='number'].lleg-armor {
		left: -53px;
		top: 183px;
}
button.spradio-5 {
    left: 160px;
    top: 51.5px;
}

input.lleg-icon {
    left: -32px;
    top: 160px;
}

input[type='number'].rleg-armor {
		left: 69px;
		top: 160px;
}
button.spradio-6 {
    left: 49px;
    top: 30px;
}

@supports(-webkit-text-security: circle) {
  /* Matches Edge 79 - latest (92) */
  /* Matches Chrome 4 - latest (95) */
  /* Matches Safari 3.1 - latest (15/TP) */
  /* Matches Opera 15 - latest (78) */

  /* does not match Firefox */

    button.spradio-2 {
        left: 124px;
        top: 0px;
    }
    button.spradio-3 {
        left: 189px;
        top: 10px;
    }
    button.spradio-4 {
        left: 21px;
        top: -12px;
    }
    button.spradio-5 {
        left: 160px;
        top: 49px;
    }
    button.spradio-6 {
        left: 48px;
        top: 27px;
    }
}


input.rleg-icon {
    left: -97px;
    top: 160px;
}

div.armor-container > input[type='number'].head-armor,
div.armor-container > input[type='number'].torso-armor,
div.armor-container > input[type='number'].larm-armor,
div.armor-container > input[type='number'].lleg-armor {
    font-size: 12px;
    text-align: right;
    width: 40px;
		height: 22px;
		line-height: 2;
		display: inline-block;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 10px 0px 0px 10px;
    box-shadow: inset 0px 0px 6px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
		position: relative;
}

div.armor-container > input[type='number'].rarm-armor,
div.armor-container > input[type='number'].rleg-armor {
    font-size: 12px;
    text-align: left;
    width: 40px;
    height: 22px;
    line-height: 2;
    display: inline-block;
    font-weight: bold;
    border: 1px solid #000;
    border-radius: 0px 10px 10px 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
    position: relative;
}

div.armor-container > input.head-icon,
div.armor-container > input.torso-icon,
div.armor-container > input.larm-icon,
div.armor-container > input.rarm-icon,
div.armor-container > input.lleg-icon,
div.armor-container > input.rleg-icon {
    width: 24px;
    height: 24px;
    padding: 1px 0px 0px 0px;
    font-weight: bold;
    text-align: center;
    border: none;
		display: inline-block;
    box-shadow: none;
    background-color: transparent;
    color: #ebebeb;
    font-size: 15px;
    font-family: 'pictos';
		position: relative;
}

button.spradio-1,
button.spradio-2,
button.spradio-3,
button.spradio-5 {
  padding: 2px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 0px 10px 10px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #000;
	background-color: #454545;
	position: relative;
}

button.spradio-4,
button.spradio-6 {
  padding: 2px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 10px 0px 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid #000;
	background-color: #454545;
	position: relative;
}

button.spradio > span.checked {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #FFF;
}

/* Hide the "checked" section of the radio if the attribute value does not match the radio */
input.spradio:not([value="1"]) ~ button.spradio-1 > span.checked,
input.spradio:not([value="2"]) ~ button.spradio-2 > span.checked,
input.spradio:not([value="3"]) ~ button.spradio-3 > span.checked,
input.spradio:not([value="4"]) ~ button.spradio-4 > span.checked,
input.spradio:not([value="5"]) ~ button.spradio-5 > span.checked,
input.spradio:not([value="6"]) ~ button.spradio-6 > span.checked {
  display: none;
}

/*Configure the tab buttons*/
div.head,
div.torso,
div.larm,
div.rarm,
div.lleg,
div.rleg  {
	display: none;
}

/* show the selected tab */
input.armortoggle[value="1"] ~ div.head,
input.armortoggle[value="2"] ~ div.torso,
input.armortoggle[value="3"] ~ div.larm,
input.armortoggle[value="4"] ~ div.rarm,
input.armortoggle[value="5"] ~ div.lleg,
input.armortoggle[value="6"] ~ div.rleg {
	display: block;
}

/* --Armor Area Inputs & Labels--*/

.armor-container {
    padding: 15px;
    background: #5e0000;
    width: 235px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.equipped-armor-maintitle {
    font-size: 19px;
    color: #ebebeb;
    text-align: center;
    font-weight: 1;
    margin-top: 10px;
    width: 230px;
}

label.maximum-sp {
    color: #ebebeb;
    text-align: left;
    font-size: 11px;
		margin: 0px 0px 6px 0px;
    width: 80px;
    display: inline-block;
}

label.armor-ev {
    color: #ebebeb;
    font-size: 11px;
		text-align: center;
    width: 68px;
    font-weight: bold;
    display: inline-block;
}

label.armor-weight {
    color: #ebebeb;
    font-size: 11px;
    width: 52px;
		margin-left: 4px;
    display: inline-block;
}

select.armor-wounds {
    margin: 5px 0px 0px 0px;
    height: 22px;
    width: 95px;
    font-size: 11px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

input[type='number'].maxspbox {
    margin: 0px 2px 2px -5px;
    height: 22px;
    width: 45px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

input.armorbox {
    margin: 0px 0px 2px 0px;
    height: 22px;
    width: 40px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

input.wtbox {
    margin: -1px 0px 2px -4px;
    padding: 0px 0px 0px 5px;
    height: 22px;
    width: 45px;
    font-size: 11px;
    text-align: center;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

select.evbox {
    height: 22px;
    width: 45px;
		margin: 0px 0px 0px 0px;
    font-size: 11px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

option.evbox-option {
    color: #ebebeb;
}

option.armor-wounds-option {
    color: #ebebeb;
}

textarea.armor-text {
    width: 222px;
    height: 50px;
    margin: -4px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    line-height: 1.5em;
    resize: vertical;
    font-size: 11px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px #232323;
    background-color: #424242;
    color: #ebebeb;
}

/* -- PC Defense Bases */
.pc-defense-base:not(:checked) ~ .pc-defense-base {
    display: none;
}

/* Spells & Signs*/

span.repeating_spell_gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #9a1e50, transparent);
}

.repeating_spell_padding_container {
    padding: 5px;
    display: grid;
    grid-template-columns: 50% 50%;
}

label.spell-title {
    display: inline-block;
    width: 490px;
    margin: 1px -10px 8px 0px;
    padding: 4px 4px 4px 12px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 2px;
    border-radius: 15px;
    background: #444444;
}

label.repeating_spell_type_title {
    font-size: 11px;
    width: 20px;
    text-align: center;
    display: inline-block;
}

label.repeating_spell_defense_title {
    font-size: 11px;
    width: 60px;
    margin-left: 5px;
    margin-right: -5px;
    text-align: center;
    display: inline-block;
}

label.repeating_spell_range_title {
    font-size: 11px;
    width: 35px;
    text-align: center;
    display: inline-block;
}

label.repeating_spell_sta_title {
    font-size: 11px;
    width: 55px;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
}

label.repeating_spell_damage_title {
    font-size: 11px;
    margin-top: -5px;
    margin-left: 5px;
    width: 45px;
    text-align: center;
    display: inline-block;
}

label.repeating_spell_duration_title {
    font-size: 11px;
    margin-left: 0px;
    width: 55px;
    text-align: center;
    display: inline-block;
}

input.repeating_spell_name {
    width: 280px;
    margin-right: 140px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

select.repeating_spell_type {
    width: 90px;
    margin-bottom: -4px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}


textarea.repeating_spell_description {
    width: 480px;
    height: 70px;
    resize: vertical;
    font-size: 11px;
    margin-top: -1px;
    margin-left: -2px;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_spell_defense {
    width: 175px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_spell_sta {
    width: 48px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_spell_range {
    width: 70px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

select.repeating_spell_damage {
    width: 70px;
    margin-bottom: -4px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

input[type='number'].repeating_spell_stat {
    width: 50px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_spell_duration {
    width: 180px;
    text-align: center;
    margin-top: -2px;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

/* Rituals */

span.repeating_ritual_gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #7f682b, transparent);
}

.repeating_ritual_padding_container {
    padding: 5px;
}

label.ritual-title {
    display: inline-block;
    width: 260px;
    margin-top: 10px;
    margin-left: -10px;
    margin-bottom: 2px;
    padding-left: 12px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: 1;
    font-size: 11px;
    color: #FFF;
    border-radius: 10px;
    background: #444444;
}

label.repeating_ritual_prep_title {
    font-size: 11px;
    width: 30px;
    text-align: left;
    display: inline-block;
}

label.repeating_ritual_defense_title {
    font-size: 11px;
    width: 45px;
    text-align: left;
    display: inline-block;
}

label.repeating_ritual_dc_title {
    font-size: 11px;
    width: 15px;
    text-align: left;
    display: inline-block;
}

label.repeating_ritual_sta_title {
    font-size: 11px;
    width: 55px;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
}

label.repeating_ritual_duration_title {
    font-size: 11px;
    margin-left: 5px;
    width: 55px;
    text-align: center;
    display: inline-block;
}

input.repeating_ritual_name {
    width: 180px;
    margin-right: 10px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

input.repeating_ritual_prep {
    width: 80px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

textarea.repeating_ritual_description {
    width: 225px;
    height: 70px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-bottom: 0px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_ritual_sta {
    width: 38px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_ritual_dc {
    width: 35px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_ritual_duration {
    width: 97px;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 0px;
}

textarea.repeating_ritual_comp {
    width: 225px;
    height: 70px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-bottom: 0px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

/* Hexes */

span.repeating_hex_gradient {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to right, #748718, transparent);
}

.repeating_hex_padding_container {
    padding: 5px;
}

label.hex-title {
    display: inline-block;
    width: 260px;
    margin-top: 10px;
    margin-left: -10px;
    margin-bottom: 2px;
    padding-left: 12px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: 1;
    font-size: 11px;
    color: #FFF;
    margin-bottom: 2px;
    border-radius: 10px;
    background: #444444;
}

label.repeating_hex_danger_title {
    font-size: 11px;
    width: 40px;
    text-align: left;
    display: inline-block;
}

label.repeating_hex_sta_title {
    font-size: 11px;
    width: 55px;
    margin-left: 3px;
    text-align: center;
    display: inline-block;
}

input.repeating_hex_name {
    width: 180px;
    margin-right: 10px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color: #FFF;
    box-shadow: none;
    background-color: transparent;
    border: 0px solid;
}

select.repeating_hex_danger {
    width: 60px;
    margin-bottom: 8px;
    font-size: 9px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 0px;
}

input.repeating_hex_sta {
    width: 45px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0px;
}

textarea.repeating_hex_description {
    width: 225px;
    height: 90px;
    resize: none;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: -3px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

textarea.repeating_hex_lift {
    width: 225px;
    height: 90px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-bottom: 0px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
}

/* BACKGROUND */

/* ---- */

.witcher-standard,
.witcher-switch:checked ~ .witcher-witch {
  display: block;
}

.witcher-witch,
.witcher-switch:checked ~ .witcher-standard {
  display: none;
}

input[type="checkbox"].witcher-switch {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: relative;
    bottom: 5px;
    top: 2px;
    left: 10px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].witcher-switch + span::before {
    margin-right: 4px;
    border: solid 1px #383838;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border:1px solid #000;
    box-shadow: inset 0px 0px 3px 1px #7c7c7c;
    border-radius: 0px;
    background: #f6f6f6;
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

input[type="checkbox"].witcher-switch + span::before {
    content: "";
    color: #262626;
    width: 16px;
    height: 16px;
    line-height: 1;
    font-size: 18px;
    border-radius: 3px;
}

input[type="checkbox"].witcher-switch:checked + span::before {
    content: "✓";
}


/* Background sections */

summary{
  display:list-item;
}

span.background-span {
    display: inline-block;
    width: 480px;
    margin-bottom: 5px;
    padding-right: 26px;
    background: #444444;
    height: 26px;
    color: #FFF;
    border-radius: 20px;
}

span.background-span-summary {
    display: inline-block;
    width: 480px;
    margin-bottom: 5px;
    padding-right: 26px;
    background: #444444;
    height: 22px;
    color: #FFF;
    border-radius: 20px;
}

label.style-title {
    display: block;
    width: 238px;
    padding: 2px;
    margin-top: 6px;
    margin-left: 5px;
    margin-bottom: -8px;
    font-weight: 1;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

label.toggle-witcher {
    display: inline-block;
    margin-left: -165px;
    font-size: 11px;
    text-align: right;
    color: #FFF;
    font-weight: 1;
    width: 120px;
    z-index: 1;
}

label.style2-title {
    display: block;
    width: 498px;
    padding: 2px;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: -8px;
    font-weight: 1;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

label.style-title,
label.style2-title {
    background: #5e0000;
}

textarea.style-text {
    width: 220px;
    height: 60px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 0px;
    text-align: left;
    border: 1px solid #000;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #eaeaea;
    box-shadow: inset 0px 0px 5px 1px #232323;
}

textarea.style2-text {
    width: 480px;
    height: 60px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: left;
    border: 1px solid #000;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #eaeaea;
    box-shadow: inset 0px 0px 5px 1px #232323;
}

textarea.standalone-text {
    width: 480px;
    height: 60px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: left;
    border: 1px solid #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #eaeaea;
    box-shadow: inset 0px 0px 5px 1px #232323;
}

.summary-header {
	padding-left: 12px;
	padding-top: 4px;
	font-size: 12px;
	max-width: 470px;
}

span.repeating_relationship_span {
    display: inline-block;
    text-align: center;
    width: 500px;
    height: 40px;
    margin: 8px 0px 0px 5px;
    border-top: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #5e0000;
}

select.repeating_relationship_type {
    display: inline-block;
    margin-top: 5px;
    color: #FFF;
    background: transparent;
    box-shadow: none;
    border: 0px solid;
    font-size: 12px;
    width: 85px;
    text-transform: uppercase;
}

span.repeating_decade_span {
    display: inline-block;
    text-align: center;
    width: 500px;
    height: 70px;
    margin-top: 10px;
    margin-left: 5px;
    border-top: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #5e0000;
}

input.repeating_decade {
    display: inline-block;
    text-align: center;
    width: 80px;
    height: 30px;
    font-weight: 1;
    font-size: 15px;
    margin-top: -75px;
    margin-left: 5px;
    color: #FFF;
    border: 0px;
    background-color: transparent;
    text-transform: uppercase;
    box-shadow: none;
}

input.repeating_relationship_desc {
    box-shadow: none;
    text-align: center;
    font-size: 11px;
    width: 400px;
    height: 27px;
    background-color: transparent;
    border: 1px solid #000;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #eaeaea;
    box-shadow: inset 0px 0px 5px 1px #232323;
}

textarea.repeating_event_desc {
    width: 370px;
    height: 50px;
    resize: none;
    font-size: 11px;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 3px;
    background-color: transparent;
    border: 1px solid #000;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #eaeaea;
    box-shadow: inset 0px 0px 5px 1px #232323;
}

.reputation-container {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background: #444444;
    width: 235px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #232323;
}

.multiple-reputation:not(:checked) ~ .multiple-reputation {
    display: none;
}

label.reputation-maintitle {
    font-size: 20px;
    font-weight: 1;
    color: #FFF;
    text-align: center;
    line-height: 1.3;
    width: 230px;
}

label.reputation-label {
    display: inline-block;
    font-size: 13px;
    font-weight: 1;
    width: 130px;
    color: #FFF;
    text-align: right;
}

.reputation-level {
    font-size: 14px;
    color: #FFF;
    margin-right: 5px;
    display: inline-block;
    width: 45px;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

textarea.rep-text {
    width: 215px;
    height: 65px;
    resize: vertical;
    color: #FFF;
    padding: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-top: 8px;
    margin-bottom: -5px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

.campaign-container {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    background: #5e0000;
    width: 235px;
    margin-top: 10px;
    border-radius: 15px;
    box-shadow: inset 0px 0px 30px 3px #1c1c1c;
}

label.campaign-maintitle {
    font-size: 20px;
    font-weight: 1;
    color: #FFF;
    text-align: center;
    margin-bottom: -5px;
    line-height: 1.3;
    width: 230px;
}

textarea.campaign-text {
    width: 205px;
    height: 590px;
    resize: vertical;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    margin-left: 5px;
    margin-bottom: -5px;
    text-align: left;
    color: #FFF;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #424242;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

/* Setting sections */

label.settings-checkbox {
    width: fit-content;
    cursor: pointer;
}

summary.settings-caption {
    text-decoration-line: underline;
}

/* ROLL BUTTONS */

/* stats */

.charsheet button[type=action].stat-roller::before {
    content: " ";
}

button[type=action].stat-roller {
    background: none;
    margin-right: 5px;
    width: 92px;
    text-shadow: none;
    text-align: right;
    font-family: "Helvetica";
    font-size: 15px;
    padding: 0!important;
    outline-color: transparent;
    border: none;
    font-weight: bold;
    box-shadow: none;
}

button[type=action].stat-roller:hover {
    color: #5e0000;
    box-shadow: none;
}

button[type=action].stat-roller:active {
    color: #bc0000;
    box-shadow: none;
}

.charsheet button[type=action].stat-roller2::before {
    content: " ";
}

button[type=action].stat-roller2 {
    background: none;
    margin-right: 5px;
    width: 50px;
    text-shadow: none;
    text-align: right;
    font-family: "Helvetica";
    font-size: 14px;
    padding: 0!important;
    outline-color: transparent;
    border: none;
    color: white;
    box-shadow: none;
}

button[type=action].stat-roller2:hover {
    color: #5e0000;
    box-shadow: none;
}

button[type=action].stat-roller2:active {
    color: #bc0000;
    box-shadow: none;
}

.charsheet button[type=action].skill-roller2::before,
.charsheet button[type=action].skill-roller::before {
    content: " ";
}

button[type=action].skill-roller {
    background: none;
    margin-right: 5px;
    margin-left: 3px;
    width: 120px;
    text-shadow: none;
    text-align: right;
    font-family: "Helvetica";
    font-size: 10px;
    padding: 0!important;
    outline-color: transparent;
    border: none;
    font-weight: bold;
    box-shadow: none;
}

button[type=action].skill-roller2:hover,
button[type=action].skill-roller:hover {
    color: #5e0000;
    box-shadow: none;
}

button[type=action].skill-roller2:active,
button[type=action].skill-roller:active {
    color: #bc0000;
    box-shadow: none;
}

button[type=action].skill-roller2 {
    background: none;
    margin-right: 5px;
    width: 90px;
    text-shadow: none;
    text-align: right;
    font-family: "Helvetica";
    font-size: 10px;
    padding: 0!important;
    outline-color: transparent;
    border: none;
    font-weight: bold;
    box-shadow: none;
}

.charsheet button[type=action].repeating_skill_roller_emp::before,
.charsheet button[type=action].skill-roller-emp::before {
    content: " ";
}

button[type=action].repeating_skill_roller_emp,
button[type=action].skill-roller-emp {
    background: none;
    margin-right: -1px;
    width: 100px;
    text-shadow: none;
    text-align: right;
    font-family: "Helvetica";
    font-size: 10px;
    padding: 0!important;
    outline-color: transparent;
    border: none;
    font-weight: bold;
    box-shadow: none;
}

button[type=action].repeating_skill_roller_emp:hover,
button[type=action].skill-roller-emp:hover {
    color: #5e0000;
    box-shadow: none;
}

button[type=action].repeating_skill_roller_emp:active,
button[type=action].skill-roller-emp:active {
    color: #bc0000;
    box-shadow: none;
}

.charsheet button[type=action].stat-roll::before {
    font-family: "dicefontd10";
    content: "0";
    font-size: 16px;
}

button[type=action].stat-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].stat-roll:hover {
    color: #5e0000;
    border-color: #5e0000;
    border: 1px solid;
}

button[type=action].stat-roll:active {
    color: #bc0000;
    border-color: #bc0000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #5e0000;
}

.charsheet button[type=action].stat-roll2::before {
    font-family: "Pictos Custom";
    content: "t";
    font-size: 16px;
}

button[type=action].stat-roll2 {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].stat-roll2:hover {
    color: #5e0000;
    border-color: #5e0000;
    border: 1px solid;
}

button[type=action].stat-roll2:active {
    color: #bc0000;
    border-color: #bc0000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #5e0000;
}

.charsheet button[type=action].stat-roll3::before {
    font-family: "Pictos Custom";
    content: "e";
    font-size: 16px;
}

button[type=action].stat-roll3 {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].stat-roll3:hover {
    color: #5e0000;
    border-color: #5e0000;
    border: 1px solid;
}

button[type=action].stat-roll3:active {
    color: #bc0000;
    border-color: #bc0000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #5e0000;
}
/* death save */

.charsheet button[type=roll].save-roll::before {
    font-family: "pictos";
    content: "Y";
    font-size: 25px;
}

button[type=roll].save-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 2px;
    width:30px;
    height:30px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].save-roll:hover {
    color: #6d1a02;
    border-color: #6d1a02;
    border: 1px solid;
}

button[type=roll].save-roll:active {
    color: #ff3700;
    border-color: #ff3700;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #6d1a02;
}

/* stun save */

.charsheet button[type=roll].stun-roll::before {
    font-family: "pictos";
    content: "S";
    font-size: 25px;
}

button[type=roll].stun-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 2px;
    width:30px;
    height:30px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].stun-roll:hover {
    color: #6d1a02;
    border-color: #6d1a02;
    border: 1px solid;
}

button[type=roll].stun-roll:active {
    color: #ff3700;
    border-color: #ff3700;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #6d1a02;
}

/* Initiative */

.charsheet button[type=roll].initiative-roll::before {
    font-family: "pictos";
    content: "e";
    font-size: 25px;
}

button[type=roll].initiative-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].initiative-roll:hover {
    color: #026d52;
    border-color: #026d52;
    border: 1px solid;
}

button[type=roll].initiative-roll:active {
    color: #02ffbf;
    border-color: #02ffbf;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #026d52;
}

/* Critical */

.charsheet button[type=roll].fumble-roll::before {
    font-family: "pictos custom";
    content: "t";
    font-size: 23px;
}

button[type=roll].fumble-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 2px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].fumble-roll:hover {
    color: #968754;
    border-color: #968754;
    border: 1px solid;
}

button[type=roll].fumble-roll:active {
    color: #ffe387;
    border-color: #ffe387;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #968754;

}

/* Target Location */

.charsheet button[type=roll].target-roll::before {
    font-family: "pictos custom";
    content: "[";
    font-size: 24px;
}

button[type=roll].target-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    margin-top: 2px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].target-roll:hover {
    color: #546696;
    border-color: #546696;
    border: 1px solid;
}

button[type=roll].target-roll:active {
    color: #8eacff;
    border-color: #8eacff;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #546696;

}

/* Profession Skill Button */

.charsheet button[type=action].prof-skill-roll::before {
    font-family: "Helvetica";
    content: "ROLL SKILL";
    font-size: 9px;
    display: block;
}

button[type=action].prof-skill-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
    width: 60px;
    height: 14px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].prof-skill-roll:hover {
    color: #828282;
    border-color: #828282;
    border: 1px solid;
}

button[type=action].prof-skill-roll:active {
    color: #afafaf;
    border-color: #afafaf;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #828282;

}

/* Weapon Button */

.charsheet button.weapon-damage-roll::before {
    content: "";
    font-weight: bold;
}

button.weapon-damage-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button.weapon-damage-roll:hover {
    color: #750000;
    border-color: #750000;
    border: 1px solid;
}

button.weapon-damage-roll:active {
    color: #cc0000;
    border-color: #cc0000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #750000;
}

.charsheet button.quickweapon-damage1::before {
    content: "1st";
}

.charsheet button.quickweapon-damage2::before {
    content: "2nd";
}

.charsheet button.quickweapon-damage3::before {
    content: "3rd";
}

.charsheet button.quickweapon-damage4::before {
    content: "4th";
}

.charsheet button.quickweapon-damage5::before {
    content: "5th";
}

.charsheet button.quickweapon-damage6::before {
    content: "6th";
}

.charsheet button.quickshield::before {
    font-family: 'Pictos Custom';
    content: "e";
    font-size: 14px;
    font-weight: bold;

}

.charsheet button.quickweapon-damage6::before,
.charsheet button.quickweapon-damage5::before,
.charsheet button.quickweapon-damage4::before,
.charsheet button.quickweapon-damage3::before,
.charsheet button.quickweapon-damage2::before,
.charsheet button.quickweapon-damage1::before {
    font-family: "Helvetica";
    font-size: 9px;
    font-weight: bold;
}

button.quickshield,
button.quickweapon-damage6,
button.quickweapon-damage5,
button.quickweapon-damage4,
button.quickweapon-damage3,
button.quickweapon-damage2,
button.quickweapon-damage1 {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    margin-top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button.quickshield:hover,
button.quickweapon-damage6:hover,
button.quickweapon-damage5:hover,
button.quickweapon-damage4:hover,
button.quickweapon-damage3:hover,
button.quickweapon-damage2:hover,
button.quickweapon-damage1:hover {
    color: #750000;
    border-color: #750000;
    border: 1px solid;
}

button.quickshield:active,
button.quickweapon-damage6:active,
button.quickweapon-damage5:active,
button.quickweapon-damage4:active,
button.quickweapon-damage3:active,
button.quickweapon-damage2:active,
button.quickweapon-damage1:active {
    color: #cc0000;
    border-color: #cc0000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #750000;
}

/* Spell Roll */

.charsheet button[type=roll].repeating_spell_damage_roll::before {
    font-family: "pictos custom";
    content: "r";
    font-size: 18px;
}

button[type=roll].repeating_spell_damage_roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    width:20px;
    height:20px;
    padding-top: 4px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].repeating_spell_damage_roll:hover {
    color: #9a1e50;
    border-color: #9a1e50;
    border: 1px solid;
}

button[type=roll].repeating_spell_damage_roll:active {
    color: #ff0c6e;
    border-color: #ff0c6e;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #9a1e50;
}

/* Ritual Roll */

.charsheet button[type=roll].repeating_ritual_damage_roll::before {
    font-family: "pictos custom";
    content: "t";
    font-size: 18px;
}

button[type=roll].repeating_ritual_damage_roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    width: 20px;
    height: 20px;
    padding-top: 4px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].repeating_ritual_damage_roll:hover {
    color: #7f682b;
    border-color: #7f682b;
    border: 1px solid;
}

button[type=roll].repeating_ritual_damage_roll:active {
    color: #ffce49;
    border-color: #ffce49;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #7f682b;
}

/* Hex Roll */

.charsheet button[type=roll].repeating_hex_damage_roll::before {
    font-family: "pictos three";
    content: "i";
    font-size: 18px;
}

button[type=roll].repeating_hex_damage_roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].repeating_hex_damage_roll:hover {
    color: #748718;
    border-color: #748718;
    border: 1px solid;
}

button[type=roll].repeating_hex_damage_roll:active {
    color: #dafc2f;
    border-color: #dafc2f;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #748718;
}

/* Reputation Roll */

.charsheet button[type=action].rep-roll::before {
    font-family: "Pictos";
    content: "i";
    font-size: 18px;
}

button[type=action].rep-roll {
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    width:19px;
    height:20px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].rep-roll:hover {
    color: #2a72a3;
    border-color: #2a72a3;
    border: 1px solid;
}

button[type=action].rep-roll:active {
    color: #42b2ff;
    border-color: #42b2ff;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px #2a72a3;
}

/* NPC Skill */

.charsheet button[type=action].repeating_npc_skill_roll::before {
    font-family: "dicefontd10";
    content: "0";
    font-size: 17px;
}

button[type=action].repeating_npc_skill_roll {
    color: #000;
    display: inline-block;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].repeating_npc_skill_roll:hover {
    color: #878787;
    border-color: #878787;
    border: 1px solid;
}

button[type=action].repeating_npc_skill_roll:active {
    color: #d6d6d6;
    border-color: #d6d6d6;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #878787;

}

.charsheet button[type=roll].repeating_npc_weapon_roll::before {
    font-family: "dicefontd10";
    content: "0";
    font-size: 17px;
}

button[type=roll].repeating_npc_weapon_roll {
    color: #000;
    display: inline-block;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=roll].repeating_npc_weapon_roll:hover {
    color: #878787;
    border-color: #878787;
    border: 1px solid;
}

button[type=roll].repeating_npc_weapon_roll:active {
    color: #d6d6d6;
    border-color: #d6d6d6;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #878787;

}

.spacer {
	width: 20%;
	display: inline-block;
	height: 20px;
	padding: 8px 0px 8px 0px;
	vertical-align: middle;
}

/* DEFENSE BASES */

label.defense-title {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 2px;
    border-radius: 15px;
    background: #444444;
}

span.defense-name {
	display: inline-block;
	line-height: 0.65;
	padding-left: 15px;
	width: 130px;
	font-size: 14px;
}

.charsheet button[type=action].defense_skill_roll::before {
    font-family: "dicefontd10";
    content: "0";
    font-size: 17px;
}

button[type=action].defense_skill_roll {
    color: #000;
    display: inline-block;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    width:18px;
    height:18px;
    border-radius: 100px;
    border-color: #000;
    border: 1px solid;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.30);
}

button[type=action].defense_skill_roll:hover {
    color: #878787;
    border-color: #878787;
    border: 1px solid;
}

button[type=action].defense_skill_roll:active {
    color: #d6d6d6;
    border-color: #d6d6d6;
    border: 1px solid;
    box-shadow: inset 2px 1px 1px 1px #878787;

}

/* ROLL TEMPLATES */

.sheet-rolltemplate-npcweapon table,
.sheet-rolltemplate-reputation table,
.sheet-rolltemplate-hex table,
.sheet-rolltemplate-ritual table,
.sheet-rolltemplate-spell table,
.sheet-rolltemplate-punchkick table,
.sheet-rolltemplate-weapon table,
.sheet-rolltemplate-shield table,
.sheet-rolltemplate-redskill table,
.sheet-rolltemplate-greenskill table,
.sheet-rolltemplate-blueskill table,
.sheet-rolltemplate-mainskill table,
.sheet-rolltemplate-doubleroll table,
.sheet-rolltemplate-weaponattack table,
.sheet-rolltemplate-singleroll table,
.sheet-rolltemplate-saveroll table,
.sheet-rolltemplate-target table,
.sheet-rolltemplate-humanlocation table,
.sheet-rolltemplate-monsterlocation table,
.sheet-rolltemplate-fumble table,
.sheet-rolltemplate-save table,
.sheet-rolltemplate-initiative table,
.sheet-rolltemplate-npcdefense table {
    width: 95%;
	border: 1px solid;
	color: black;
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-npcweapon th,
.sheet-rolltemplate-reputation th,
.sheet-rolltemplate-hex th,
.sheet-rolltemplate-ritual th,
.sheet-rolltemplate-spell th,
.sheet-rolltemplate-punchkick th,
.sheet-rolltemplate-weapon th,
.sheet-rolltemplate-shield th,
.sheet-rolltemplate-redskill th,
.sheet-rolltemplate-greenskill th,
.sheet-rolltemplate-blueskill th,
.sheet-rolltemplate-mainskill th,
.sheet-rolltemplate-doubleroll th,
.sheet-rolltemplate-weaponattack th,
.sheet-rolltemplate-singleroll th,
.sheet-rolltemplate-saveroll th,
.sheet-rolltemplate-target th,
.sheet-rolltemplate-humanlocation th,
.sheet-rolltemplate-monsterlocation th,
.sheet-rolltemplate-fumble th,
.sheet-rolltemplate-save th,
.sheet-rolltemplate-initiative th,
.sheet-rolltemplate-npcdefense th {
	color: #ffffff;
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid black;
	line-height: 1.6em;
	font-size: 1.4em;
}

.sheet-rolltemplate-npcweapon .userscript-template-title,
.sheet-rolltemplate-reputation .userscript-template-title,
.sheet-rolltemplate-hex .userscript-template-title,
.sheet-rolltemplate-ritual .userscript-template-title,
.sheet-rolltemplate-spell .userscript-template-title,
.sheet-rolltemplate-punchkick .userscript-template-title,
.sheet-rolltemplate-weapon .userscript-template-title,
.sheet-rolltemplate-shield .userscript-template-title,
.sheet-rolltemplate-redskill .userscript-template-title,
.sheet-rolltemplate-greenskill .userscript-template-title,
.sheet-rolltemplate-blueskill .userscript-template-title,
.sheet-rolltemplate-mainskill .userscript-template-title,
.sheet-rolltemplate-doubleroll .userscript-template-title,
.sheet-rolltemplate-weaponattack .userscript-template-title,
.sheet-rolltemplate-singleroll .userscript-template-title,
.sheet-rolltemplate-saveroll .userscript-template-title,
.sheet-rolltemplate-target .userscript-template-title,
.sheet-rolltemplate-humanlocation .userscript-template-title,
.sheet-rolltemplate-monsterlocation .userscript-template-title,
.sheet-rolltemplate-fumble .userscript-template-title,
.sheet-rolltemplate-save .userscript-template-title,
.sheet-rolltemplate-npcdefense .userscript-template-title,
.sheet-rolltemplate-initiative .userscript-template-title {
	font-weight: bold;
}

.sheet-rolltemplate-npcweapon td,
.sheet-rolltemplate-reputation td,
.sheet-rolltemplate-hex td,
.sheet-rolltemplate-ritual td,
.sheet-rolltemplate-spell td,
.sheet-rolltemplate-punchkick td,
.sheet-rolltemplate-weapon td,
.sheet-rolltemplate-shield td,
.sheet-rolltemplate-redskill td,
.sheet-rolltemplate-greenskill td,
.sheet-rolltemplate-blueskill td,
.sheet-rolltemplate-mainskill td,
.sheet-rolltemplate-doubleroll td,
.sheet-rolltemplate-weaponattack td,
.sheet-rolltemplate-singleroll td,
.sheet-rolltemplate-saveroll td,
.sheet-rolltemplate-target td,
.sheet-rolltemplate-humanlocation td,
.sheet-rolltemplate-monsterlocation td,
.sheet-rolltemplate-fumble td,
.sheet-rolltemplate-save td,
.sheet-rolltemplate-npcdefense td,
.sheet-rolltemplate-initiative td {
	padding: 8px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-npcweapon .inlinerollresult,
.sheet-rolltemplate-reputation .inlinerollresult,
.sheet-rolltemplate-hex .inlinerollresult,
.sheet-rolltemplate-ritual .inlinerollresult,
.sheet-rolltemplate-spell .inlinerollresult,
.sheet-rolltemplate-punchkick .inlinerollresult,
.sheet-rolltemplate-weapon .inlinerollresult,
.sheet-rolltemplate-shield .inlinerollresult,
.sheet-rolltemplate-redskill .inlinerollresult,
.sheet-rolltemplate-greenskill .inlinerollresult,
.sheet-rolltemplate-blueskill .inlinerollresult,
.sheet-rolltemplate-mainskill .inlinerollresult,
.sheet-rolltemplate-doubleroll .inlinerollresult,
.sheet-rolltemplate-weaponattack .inlinerollresult,
.sheet-rolltemplate-singleroll .inlinerollresult,
.sheet-rolltemplate-saveroll .inlinerollresult,
.sheet-rolltemplate-target .inlinerollresult,
.sheet-rolltemplate-humanlocation .inlinerollresult,
.sheet-rolltemplate-monsterlocation .inlinerollresult,
.sheet-rolltemplate-fumble .inlinerollresult,
.sheet-rolltemplate-save .inlinerollresult,
.sheet-rolltemplate-npcdefense .inlinerollresult,
.sheet-rolltemplate-initiative .inlinerollresult  {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	font-size: 1.2em;
	padding: 2px;
	border: 2px solid #000;
}

/* Initiative */

.sheet-rolltemplate-initiative th {
	background-color: #026d52;
}

.sheet-rolltemplate-initiative tr:nth-child(odd) {
	background-color: #b1d8d0;
}

.sheet-rolltemplate-initiative tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Save */

.sheet-rolltemplate-save th {
    background-color: #5e0000;
}

.sheet-rolltemplate-save tr:nth-child(odd) {
	background-color: #d8b1b1;
}

.sheet-rolltemplate-save tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Crit/Fumble */

.sheet-rolltemplate-fumble th {
	background-color: #968754;
}

.sheet-rolltemplate-fumble tr:nth-child(odd) {
	background-color: #d8d0b1;
}

.sheet-rolltemplate-fumble tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Target */

.sheet-rolltemplate-target th,
.sheet-rolltemplate-humanlocation th,
.sheet-rolltemplate-monsterlocation th {
	background-color: #546696;
}

.sheet-rolltemplate-target tr:nth-child(odd),
.sheet-rolltemplate-humanlocation tr:nth-child(odd),
.sheet-rolltemplate-monsterlocation tr:nth-child(odd) {
	background-color: #b1b4d8;
}

.sheet-rolltemplate-target tr:nth-child(even),
.sheet-rolltemplate-humanlocation tr:nth-child(even),
.sheet-rolltemplate-monsterlocation tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* saveroll */

.sheet-rolltemplate-saveroll th {
	background-color: #5e0000;
}

.sheet-rolltemplate-saveroll tr:nth-child(odd) {
	background-color: #d8b1b1;
}

.sheet-rolltemplate-saveroll tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* singleroll */

.sheet-rolltemplate-singleroll th,
.sheet-rolltemplate-npcdefense th {
	background-color: #595959;
}

.sheet-rolltemplate-singleroll tr:nth-child(odd),
.sheet-rolltemplate-npcdefense tr:nth-child(odd) {
	background-color: #b7b7b7;
}

.sheet-rolltemplate-singleroll tr:nth-child(even),
.sheet-rolltemplate-npcdefense tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* doubleroll */

.sheet-rolltemplate-doubleroll th {
	background-color: #595959;
}

.sheet-rolltemplate-doubleroll tr:nth-child(odd) {
	background-color: #b7b7b7;
}

.sheet-rolltemplate-doubleroll tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* weaponattack */

.sheet-rolltemplate-weaponattack th {
	background-color: #595959;
}

.sheet-rolltemplate-weaponattack tr:nth-child(odd) {
	background-color: #b7b7b7;
}

.sheet-rolltemplate-weaponattack tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Prof skills */

.sheet-rolltemplate-mainskill th {
	background-color: #000;
}

.sheet-rolltemplate-mainskill tr:nth-child(odd) {
	background-color: #c1c1c1;
}

.sheet-rolltemplate-mainskill tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Blue */

.sheet-rolltemplate-blueskill th {
	background-color: #040038;
}

.sheet-rolltemplate-blueskill tr:nth-child(odd) {
	background-color: #b1b2d8;
}

.sheet-rolltemplate-blueskill tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Green */

.sheet-rolltemplate-greenskill th {
	background-color: #123800;
}

.sheet-rolltemplate-greenskill tr:nth-child(odd) {
	background-color: #b3d8b1;
}

.sheet-rolltemplate-greenskill tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Red */

.sheet-rolltemplate-redskill th {
	background-color: #380000;
}

.sheet-rolltemplate-redskill tr:nth-child(odd) {
	background-color: #d8b1b1;
}

.sheet-rolltemplate-redskill tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Weapons */

.sheet-rolltemplate-npcweapon th,
.sheet-rolltemplate-punchkick th,
.sheet-rolltemplate-weapon th,
.sheet-rolltemplate-shield th {
	background-color: #5e0000;
}

.sheet-rolltemplate-npcweapon tr:nth-child(odd),
.sheet-rolltemplate-punchkick tr:nth-child(odd),
.sheet-rolltemplate-weapon tr:nth-child(odd),
.sheet-rolltemplate-shield tr:nth-child(odd) {
	background-color: #d8b1b1;
}

.sheet-rolltemplate-npcweapon tr:nth-child(even),
.sheet-rolltemplate-punchkick tr:nth-child(even),
.sheet-rolltemplate-weapon tr:nth-child(even),
.sheet-rolltemplate-shield tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Spell */

.sheet-rolltemplate-spell th {
	background-color: #9a1e50;
}

.sheet-rolltemplate-spell tr:nth-child(odd) {
	background-color: #d8b1bb;
}

.sheet-rolltemplate-spell tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Ritual */

.sheet-rolltemplate-ritual th {
	background-color: #7f682b;
}

.sheet-rolltemplate-ritual tr:nth-child(odd) {
	background-color: #d8ccb1;
}

.sheet-rolltemplate-ritual tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Hex */

.sheet-rolltemplate-hex th {
	background-color: #748718;
}

.sheet-rolltemplate-hex tr:nth-child(odd) {
	background-color: #ced8b1;
}

.sheet-rolltemplate-hex tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* Reputation */

.sheet-rolltemplate-reputation th {
	background-color: #2a72a3;
}

.sheet-rolltemplate-reputation tr:nth-child(odd) {
	background-color: #b1c9d8;
}

.sheet-rolltemplate-reputation tr:nth-child(even) {
	background-color: #e0e0e0;
}

/* API Button */
.sheet-rolltemplate-singleroll a[href^="~"],
.sheet-rolltemplate-doubleroll a[href^="~"],
.sheet-rolltemplate-weaponattack a[href^="~"],
.sheet-rolltemplate-mainskill a[href^="~"],
.sheet-rolltemplate-blueskill a[href^="~"],
.sheet-rolltemplate-greenskill a[href^="~"],
.sheet-rolltemplate-redskill a[href^="~"],
.sheet-rolltemplate-reputation a[href^="~"] {
    background-color: #968754;
    padding: 2px 4px 2px 4px;
    color: white;
    display: inline-block;
}

.sheet-rolltemplate-button-row {
	display: flex;
	margin-top: -5px;
	justify-content: center;
	align-content: center;
}

.sheet-rolltemplate-button a[href^="~"]{
    text-align: center;
    border-radius: 30px;
    background-color: #968754;
    color: white;
}

.sheet-rolltemplate-npcdefense .sheet-rolltemplate-calculation .inlinerollresult,
.sheet-rolltemplate-humanlocation .sheet-rolltemplate-calculation .inlinerollresult,
.sheet-rolltemplate-monsterlocation .sheet-rolltemplate-calculation .inlinerollresult {
   border: none;
   background-color: inherit;
}