/* NPC SECTION */

/* Top Info */

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

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

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

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

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

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

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

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

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

/* Right Side Repeating Sections */

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

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

span.sheet-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.sheet-weapontitle,
label.sheet-npcskilltitle,
label.sheet-abilitytitle {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 250px;
    font-size: 16px;
    color: #FFF;
}

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

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

.sheet-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'].sheet-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;
}

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

.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 */

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

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

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

input[type="checkbox"].sheet-whisper-checkbox + span::before,
input[type="checkbox"].sheet-block-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 #2d2d2d;
    border-radius: 0px;
    background: #939393;
    background: radial-gradient(#939393, #5b5b5b);
}

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

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

/* SECTION TABS SETUP */

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

.charsheet input.sheet-tab1:checked ~ div.sheet-section-skills,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-abilities,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-gear,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-spells,
.charsheet input.sheet-tab5:checked ~ div.sheet-section-background {
	display: block;
}

.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] { 	
	display: block;
}

.charsheet input.sheet-tab {
    	width: 185px;
    	height: 40px;
    	cursor: pointer;	
	position: relative;
	opacity: 0;
	z-index: 9999;
}

.charsheet input.sheet-tab-1 {
    	width: 185px;
    	height: 40px;
    	margin-left: 10px;
    	cursor: pointer;	
	position: relative;
	opacity: 0;
	z-index: 9999;
}

.charsheet span.sheet-tab {
	text-align: center;
    display: inline-block;
	font-size: 11px;	
	background: #c1c1c1;
	color: #000;
	font-weight: bold;
	
	width: 145px;
    	height: 40px;
    	cursor: pointer;	
	vertical-align: middle;
	margin-left: -185px;
	border:1px solid #000;
	box-shadow: inset 0px 0px 10px 1px #232323;
}

.charsheet span.sheet-tab-right {
	text-align: center;
    	display: inline-block;
	font-size: 11px;	
	background: #c1c1c1;
	color: #000;
	font-weight: bold;
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	
	width: 145px;
    	height: 40px;
    	cursor: pointer;	
	vertical-align: middle;
	margin-left: -185px;
	border:1px solid #000;
	box-shadow: inset 0px 0px 10px 1px #232323;
}

.charsheet span.sheet-tab-left {
	text-align: center;
    	display: inline-block;
	font-size: 11px;	
	background: #c1c1c1;
	color: #000;
	font-weight: bold;
	border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
	
	width: 145px;
    	height: 40px;
    	cursor: pointer;	
	position: relative;
	vertical-align: middle;
	margin-left: -200px;
	border:1px solid #000;
	box-shadow: inset 0px 0px 10px 1px #232323;
}


.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
    
    	background: #3d3d3d;
    	color: #FFF;
    	
}

/* SHEET IMG TITLES */

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

/* SHEET LAYOUT */

img.sheet-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;
}

.sheet-full-page {
    
}

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

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

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

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

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

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

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

label.sheet-armor-sp {
    display: inline-block;
    height: 5px;
	width: 57px;
	font-weight: 1;
	margin-left: 60px;
	text-align: right;
	color: #FFF;
	font-size: 10px;
}

label.sheet-armor-dmg {
    display: inline-block;
    margin-left: -8px;
    font-weight: 1;
    height: 5px;
	width: 50px;
	text-align: right;
	color: #FFF;
	font-size: 10px;
}

label.sheet-armor-wt {
    display: inline-block;
    height: 5px;
	width: 48px;
	text-align: right;
	color: #FFF;
	font-size: 11px;
}

button {
    outline: none;
}

/* Top Bar */

.sheet-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.sheet-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.sheet-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;
}

/* MAJOR STAT & CHARACTER SECTION */

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

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

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

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

label.sheet-woundtitle {
    display: inline-block;
	width: 140px;
	text-align: right;
	color: #5e0000;
	font-size: 12px;
}

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

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

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

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

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

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

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

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

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

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

input[type='number'].sheet-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.sheet-name-box {
    width:180px;
    border:1px solid #000;
    border-radius: 0px;
}

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

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

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

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

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

/* SKLLS & MODIFIERS SECTION*/

/* Skill Drop Downs */

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

input[type="checkbox"].sheet-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"].sheet-int-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.sheet-int-toggle:checked ~ div.sheet-int-container {
    display: none;
}

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

input[type="checkbox"].sheet-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"].sheet-ref-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-ref-toggle:checked ~ div.sheet-ref-container {
    display: none;
}

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

input[type="checkbox"].sheet-dex-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"].sheet-dex-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.sheet-dex-toggle:checked ~ div.sheet-dex-container {
    display: none;
}

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

input[type="checkbox"].sheet-body-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"].sheet-body-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-body-toggle:checked ~ div.sheet-body-container {
    display: none;
}

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

input[type="checkbox"].sheet-emp-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"].sheet-emp-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.sheet-emp-toggle:checked ~ div.sheet-emp-container {
    display: none;
}

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

input[type="checkbox"].sheet-cra-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"].sheet-cra-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-cra-toggle:checked ~ div.sheet-cra-container {
    display: none;
}

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

input[type="checkbox"].sheet-will-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"].sheet-will-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

input.sheet-will-toggle:checked ~ div.sheet-will-container {
    display: none;
}

/* Fake Exta Attack Checkbox */

input[type="checkbox"].sheet-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"].sheet-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"].sheet-ea-mod-checkbox + span::before {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 1;
    font-size: 30px;
    border-radius: 3px;
}

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

/* Fake Mod Checkbox */

input[type="checkbox"].sheet-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"].sheet-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"].sheet-mod-checkbox + span::before {
    content: "";
    width: 20px;
    height: 20px;
    line-height: 1;
    font-size: 20px;
    border-radius: 3px;
}

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

/* Modifiers */

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

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

.sheet-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.sheet-modifiertitle-top {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
	font-size: 20px;
	width: 220px;
}

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

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

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

}

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

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

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

input.sheet-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.sheet-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;
}

input[type='number'].sheet-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.sheet-helper-info {
    display: inline-block;
    font-size: 9px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: justify;
    width: 250px;
}

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

/* Mod Boxes & Skill Titles */

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

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

label.sheet-skilltitle-int,
    .sheet-skilltitle-ref,
    .sheet-skilltitle-dex,
    .sheet-skilltitle-body,
    .sheet-skilltitle-emp,
    .sheet-skilltitle-cra,
    .sheet-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.sheet-skilltitle-int {
    background-image: linear-gradient(to right, #5e0000, transparent);
}

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

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

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

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

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

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

.sheet-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.sheet-notes-maintitle {
    font-size: 20px;
    font-weight: 1;
    color: #FFF;
    text-align: center;
    margin-bottom: -5px;
    line-height: 1.3;
    width: 230px;
}

textarea.sheet-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;
}

/* PROFESSION ABILITIES SECTION */

label.sheet-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.sheet-main-skill-span {
    display: inline-block;
    margin-left: 65px;
    margin-top: 10px;
    width: 650px;
    height: 28px;
    border-radius: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input.sheet-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.sheet-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.sheet-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.sheet-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.sheet-prof-red1-text,
textarea.sheet-prof-red2-text,
textarea.sheet-prof-red3-text,
textarea.sheet-prof-green1-text,
textarea.sheet-prof-green2-text,
textarea.sheet-prof-green3-text,
textarea.sheet-prof-blue1-text,
textarea.sheet-prof-blue2-text,
textarea.sheet-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.sheet-prof-red1-text {
    background-color: #edd5d5;
}

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

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

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

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

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

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

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

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

input.sheet-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"].sheet-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"].sheet-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"].sheet-primary-weapon-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-primary-weapon-toggle:checked ~ div.sheet-primary-weapon-padding-container {
    display: none;
}

input[type="checkbox"].sheet-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"].sheet-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"].sheet-secondary-weapon-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

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

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

input[type="checkbox"].sheet-third-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"].sheet-third-weapon-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-third-weapon-toggle:checked ~ div.sheet-third-weapon-padding-container {
    display: none;
}

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

input[type="checkbox"].sheet-fourth-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"].sheet-fourth-weapon-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

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

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

input[type="checkbox"].sheet-fifth-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"].sheet-fifth-weapon-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

input.sheet-fifth-weapon-toggle:checked ~ div.sheet-fifth-weapon-padding-container {
    display: none;
}

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

input[type="checkbox"].sheet-sixth-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"].sheet-sixth-weapon-toggle:checked + span::before {
    content: "►";
    color: #5e0000;
}

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

/* Weapon Boxes */

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

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

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

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

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

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


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

label.sheet-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.sheet-weapon-accuracy {
    display: inline-block;
    font-size: 10px;
    text-align: right;
    width: 75px;
}

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

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

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

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

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

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

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

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

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

input.sheet-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;
}

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

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

input[type='number'].sheet-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.sheet-weapon-damage-element {
    font-size: 12px;
    display: inline-block;
    width: 60px;
    border: 1px solid #000;
    border-radius: 0px;
}

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

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

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

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

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

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

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

/* Total Weight Box */

input[type="checkbox"].sheet-armor1-toggle,
input[type="checkbox"].sheet-armor2-toggle,
input[type="checkbox"].sheet-armor3-toggle,
input[type="checkbox"].sheet-armor4-toggle,
input[type="checkbox"].sheet-armor5-toggle,
input[type="checkbox"].sheet-armor6-toggle,
input[type="checkbox"].sheet-armor7-toggle {
    opacity: 0;
    width: 30px;
    height: 25px;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    top: 2px;
    left: 15px;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].sheet-armor1-toggle + span::before,
input[type="checkbox"].sheet-armor2-toggle + span::before,
input[type="checkbox"].sheet-armor3-toggle + span::before,
input[type="checkbox"].sheet-armor4-toggle + span::before,
input[type="checkbox"].sheet-armor5-toggle + span::before,
input[type="checkbox"].sheet-armor6-toggle + span::before,
input[type="checkbox"].sheet-armor7-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: #FFF;
}

input[type="checkbox"].sheet-armor1-toggle:checked + span::before,
input[type="checkbox"].sheet-armor2-toggle:checked + span::before,
input[type="checkbox"].sheet-armor3-toggle:checked + span::before,
input[type="checkbox"].sheet-armor4-toggle:checked + span::before,
input[type="checkbox"].sheet-armor5-toggle:checked + span::before,
input[type="checkbox"].sheet-armor6-toggle:checked + span::before,
input[type="checkbox"].sheet-armor7-toggle:checked + span::before {
    content: "►";
    color: #FFF;
}

input.sheet-armor1-toggle:checked ~ div.sheet-armor-details1-container,
input.sheet-armor2-toggle:checked ~ div.sheet-armor-details2-container,
input.sheet-armor3-toggle:checked ~ div.sheet-armor-details3-container,
input.sheet-armor4-toggle:checked ~ div.sheet-armor-details4-container,
input.sheet-armor5-toggle:checked ~ div.sheet-armor-details5-container,
input.sheet-armor6-toggle:checked ~ div.sheet-armor-details6-container,
input.sheet-armor7-toggle:checked ~ div.sheet-armor-details7-container {
    display: none;
}



/* ---- */

.sheet-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;
}

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


label.sheet-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;
}

label.sheet-equipped-armor-maintitle {
    font-size: 19px;
    color: #FFF;
    text-align: center;
    font-weight: 1;
    width: 230px;
}

label.sheet-armor-title {
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    text-align: right;
    width: 50px;
}

label.sheet-armor-enhancement {
    display: inline-block;
    font-weight: 1;
    color: #FFF;
    font-size: 10px;
    text-align: right;
    width: 65px;
}

label.sheet-armor-ev {
    display: inline-block;
    font-weight: 1;
    color: #FFF;
    font-size: 10px;
    text-align: right;
    width: 60px;
}

label.sheet-armor-wt {
    display: inline-block;
    font-weight: 1;
    color: #FFF;
    font-size: 10px;
    text-align: right;
    width: 45px;
}

label.sheet-armor-divider {
    display: inline-block;
    font-weight: 1;
    color: #FFF;
    font-size: 14px;
    text-align: right;
    width: 5px;
    margin-right: -5px;
}

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

input.sheet-display-enh {
    font-size: 13px;
    height: 25px;
    margin-top: 1px;
    display: inline-block;
    font-weight: bold;
    width: 147px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

input.sheet-display-ev {
    font-size: 13px;
    height: 25px;
    display: inline-block;
    font-weight: bold;
    width: 47px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

input.sheet-display-wt {
    font-size: 13px;
    height: 25px;
    display: inline-block;
    font-weight: bold;
    width: 47px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

textarea.sheet-armor-text {
    width: 210px;
    height: 70px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    resize: vertical;
    font-size: 11px;
    margin-bottom: 0px;
    text-align: left;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

input.sheet-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;
}

input[type='number'].sheet-armor1-element,
input[type='number'].sheet-armor2-element {
    font-size: 13px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: -2px;
    display: inline-block;
    font-weight: bold;
    width: 48px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

input.sheet-armor3-element {
    font-size: 12px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: -2px;
    margin-bottom: -2px;
    display: inline-block;
    font-weight: bold;
    width: 48px;
    border: 1px solid #000;
    border-radius: 0px;
    box-shadow: inset 0px 0px 6px 1px #232323;
}

input[type='number'].sheet-armor1-element {
    background-color: #424242;
    color: #FFF;
}

input[type='number'].sheet-armor2-element {
    background-color: #666666;
    color: #FFF;
}

/* Gear/Equipment repeating field */

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

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

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

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

span.sheet-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.sheet-gear-item-name {
    display: inline-block;
    text-align: center;
    width: 130px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
}

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

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

label.sheet-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_notes,
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.repeating_gear_notes {
    width: 220px;
}

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

/* Alchemical Substance inventory */

span.sheet-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.sheet-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.sheet-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.sheet-alchemical-quantity {
    display: inline-block;
    text-align: center;
    font-weight: 1;
    width: 35px;
    font-size: 11px;
    color: #FFF;
}

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

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

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

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

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

input.sheet-substance-quantity,
input.sheet-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"].sheet-vitriol-toggle,
input[type="checkbox"].sheet-rebis-toggle,
input[type="checkbox"].sheet-aether-toggle,
input[type="checkbox"].sheet-quebrith-toggle,
input[type="checkbox"].sheet-hydragenum-toggle,
input[type="checkbox"].sheet-vermilion-toggle,
input[type="checkbox"].sheet-sol-toggle,
input[type="checkbox"].sheet-caelum-toggle,
input[type="checkbox"].sheet-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"].sheet-vitriol-toggle + span::before,
input[type="checkbox"].sheet-rebis-toggle + span::before,
input[type="checkbox"].sheet-aether-toggle + span::before,
input[type="checkbox"].sheet-quebrith-toggle + span::before,
input[type="checkbox"].sheet-hydragenum-toggle + span::before,
input[type="checkbox"].sheet-vermilion-toggle + span::before,
input[type="checkbox"].sheet-sol-toggle + span::before,
input[type="checkbox"].sheet-caelum-toggle + span::before,
input[type="checkbox"].sheet-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"].sheet-vitriol-toggle:checked + span::before,
input[type="checkbox"].sheet-rebis-toggle:checked + span::before,
input[type="checkbox"].sheet-aether-toggle:checked + span::before,
input[type="checkbox"].sheet-quebrith-toggle:checked + span::before,
input[type="checkbox"].sheet-hydragenum-toggle:checked + span::before,
input[type="checkbox"].sheet-vermilion-toggle:checked + span::before,
input[type="checkbox"].sheet-sol-toggle:checked + span::before,
input[type="checkbox"].sheet-caelum-toggle:checked + span::before,
input[type="checkbox"].sheet-fulgur-toggle:checked + span::before {
    content: "►";
    color: #444444;
}

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

/* 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.sheet-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.sheet-cur-sta-title {
    display: inline-block;
	width: 35px;
	margin-top: 10px;
	text-align: right;
	font-weight: 1;
	font-size: 15px;
	color: #FFF;
    
}

.sheet-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;
}

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

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

label.sheet-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.sheet-greaterfocus-title {
    font-size: 10px;
    color: #FFF;
    font-weight: 1;
    margin-right: -10px;
    display: inline-block;
    text-align: center;
    width: 100px;
}

input[type='number'].sheet-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.sheet-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.sheet-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.sheet-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"].sheet-focus1-toggle,
input[type="checkbox"].sheet-focus2-toggle,
input[type="checkbox"].sheet-focus3-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"].sheet-focus1-toggle + span::before,
input[type="checkbox"].sheet-focus2-toggle + span::before,
input[type="checkbox"].sheet-focus3-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"].sheet-focus1-toggle:checked + span::before,
input[type="checkbox"].sheet-focus2-toggle:checked + span::before,
input[type="checkbox"].sheet-focus3-toggle:checked + span::before {
    content: "►";
    color: #FFF;
}

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

/* repcontrol boxes */

.charsheet .repcontrol_add {
    display: inline-block;
    box-shadow:none;
    font-size: 10px;
    height: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #FFF;
    background: #444444;
    border-radius: 15px;
}

.charsheet .repitem {
    margin-right: 0px;
}

.charsheet .repcontrol_edit {
    display: inline-block;
    box-shadow:none;
    font-size: 10px;
    height: 20px;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #FFF;
    background: #444444;
    border-radius: 15px;
}

/* 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;
}

/* 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.sheet-spell-title {
    display: inline-block;
    width: 490px;
    margin-top: 1px;
    margin-bottom: 8px;
    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.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.sheet-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.sheet-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 */

input[type="checkbox"].sheet-life-events-toggle,
input[type="checkbox"].sheet-friends-toggle {
    opacity: 0;
    width: 16px;
    height: 16px;
    left: 15px;
    margin-left: -50px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

input[type="checkbox"].sheet-life-events-toggle + span::before,
input[type="checkbox"].sheet-friends-toggle + span::before {
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    content: "▼";
    width: 14px;
    height: 14px;
    font-size: 20px;
    color: #FFF;
}

input[type="checkbox"].sheet-life-events-toggle:checked + span::before,
input[type="checkbox"].sheet-friends-toggle:checked + span::before {
    content: "►";
    color: #FFF;
}

input.sheet-life-events-toggle:checked ~ div.sheet-events-container,
input.sheet-friends-toggle:checked ~ div.sheet-friends-container {
    display: none;
}

/* ---- */

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

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

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

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


/* Background sections */

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

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

label.sheet-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.sheet-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.sheet-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.sheet-style-title,
label.sheet-style2-title {
    background: #5e0000;
}

textarea.sheet-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.sheet-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;
}

label.sheet-style-element {
    display: inline-block;
    width: 400px;
    margin-bottom: 8px;
    padding-left: 12px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 2px;
}

label.sheet-style2-element {
    display: inline-block;
    width: 300px;
    margin-bottom: 8px;
    padding-left: 12px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 1;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 2px;
}

span.repeating_relationship_span {
    display: inline-block;
    text-align: center;
    width: 500px;
    height: 40px;
    margin-top: 2px;
    margin-bottom: 8px;
    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;
}

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-bottom: 8px;
    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;
}

.sheet-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;
}

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

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

input[type='number'].sheet-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.sheet-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;
}

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

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

label.sheet-wounds-header {
    display: inline-block;
    height: 5px;
	width: 105px;
	margin-left: 4px;
	text-align: right;
	color: #FFF;
	font-size: 11px;
}

label.sheet-st-header {
    display: inline-block;
    height: 5px;
	width: 47px;
	text-align: right;
	color: #FFF;
	font-size: 11px;
}

label.sheet-days-header {
    display: inline-block;
    height: 5px;
	width: 45px;
	text-align: right;
	color: #FFF;
	font-size: 11px;
}

input.sheet-wounds-element {
    font-size: 12px;
    color: #FFF;
    margin-left: 5px;
    display: inline-block;
    width: 125px;
    margin-top: 4px;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

input.sheet-subtreat-element {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin-left: 5px;
    display: inline-block;
    width: 40px;
    margin-top: 4px;
    border: 1px solid #000;
    border-radius: 0px;
    background-color: #727272;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

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

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

textarea.sheet-campaign-text {
    width: 205px;
    height: 250px;
    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;
    background-color: #afafaf;
    box-shadow: inset 0px 0px 7px 1px #232323;
}

/* ROLL BUTTONS */

/* stats */

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

button[type=roll].sheet-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=roll].sheet-stat-roll:hover { 
    color: #5e0000;
    border-color: #5e0000;
    border: 1px solid;
}

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

/* save */

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

button[type=roll].sheet-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].sheet-save-roll:hover { 
    color: #6d1a02;
    border-color: #6d1a02;
    border: 1px solid;
}

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

/* Initiative */

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

button[type=roll].sheet-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].sheet-initiative-roll:hover { 
    color: #026d52;
    border-color: #026d52;
    border: 1px solid;
}

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

/* Critical */

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

button[type=roll].sheet-critical-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].sheet-critical-roll:hover { 
    color: #968754;
    border-color: #968754;
    border: 1px solid;
}

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

}

/* Target Location */

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

button[type=roll].sheet-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].sheet-target-roll:hover { 
    color: #546696;
    border-color: #546696;
    border: 1px solid;
}

button[type=roll].sheet-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=roll].sheet-prof-skill-roll::before {
    font-family: "Helvetica";
    content: "ROLL SKILL";
    font-size: 9px;
    display: block;
}

button[type=roll].sheet-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=roll].sheet-prof-skill-roll:hover { 
    color: #828282;
    border-color: #828282;
    border: 1px solid;
}

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

}

/* Weapon Button */

.charsheet button[type=roll].sheet-weapon-damage-roll::before {
    content: "";
    font-weight: bold;
}

button[type=roll].sheet-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[type=roll].sheet-weapon-damage-roll:hover { 
    color: #750000;
    border-color: #750000;
    border: 1px solid;
}

button[type=roll].sheet-weapon-damage-roll: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=roll].sheet-rep-roll::before {
    font-family: "Pictos";
    content: "i";
    font-size: 18px;
}

button[type=roll].sheet-rep-roll { 
    color: #000;
    background-color: #e8e8e8;
    text-align: center;
    font-weight: bold;
    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[type=roll].sheet-rep-roll:hover { 
    color: #2a72a3;
    border-color: #2a72a3;
    border: 1px solid;
}

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

/* NPC Skill */

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

button[type=roll].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=roll].repeating_npc_skill_roll:hover { 
    color: #878787;
    border-color: #878787;
    border: 1px solid;
}

button[type=roll].repeating_npc_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-redskill table,
.sheet-rolltemplate-greenskill table,
.sheet-rolltemplate-blueskill table,
.sheet-rolltemplate-mainskill table,
.sheet-rolltemplate-statistics2 table,
.sheet-rolltemplate-statistics table,
.sheet-rolltemplate-target table,
.sheet-rolltemplate-crit table,
.sheet-rolltemplate-save table,
.sheet-rolltemplate-initiative 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-redskill th,
.sheet-rolltemplate-greenskill th,
.sheet-rolltemplate-blueskill th,
.sheet-rolltemplate-mainskill th,
.sheet-rolltemplate-statistics2 th,
.sheet-rolltemplate-statistics th,
.sheet-rolltemplate-target th,
.sheet-rolltemplate-crit th,
.sheet-rolltemplate-save th,
.sheet-rolltemplate-initiative 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-redskill .userscript-template-title,
.sheet-rolltemplate-greenskill .userscript-template-title,
.sheet-rolltemplate-blueskill .userscript-template-title,
.sheet-rolltemplate-mainskill .userscript-template-title,
.sheet-rolltemplate-statistics2 .userscript-template-title,
.sheet-rolltemplate-statistics .userscript-template-title,
.sheet-rolltemplate-target .userscript-template-title,
.sheet-rolltemplate-crit .userscript-template-title,
.sheet-rolltemplate-save .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-redskill td,
.sheet-rolltemplate-greenskill td,
.sheet-rolltemplate-blueskill td,
.sheet-rolltemplate-mainskill td,
.sheet-rolltemplate-statistics2 td,
.sheet-rolltemplate-statistics td,
.sheet-rolltemplate-target td,
.sheet-rolltemplate-crit td,
.sheet-rolltemplate-save 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-redskill .inlinerollresult,
.sheet-rolltemplate-greenskill .inlinerollresult,
.sheet-rolltemplate-blueskill .inlinerollresult,
.sheet-rolltemplate-mainskill .inlinerollresult,
.sheet-rolltemplate-statistics2 .inlinerollresult,
.sheet-rolltemplate-statistics .inlinerollresult,
.sheet-rolltemplate-target .inlinerollresult,
.sheet-rolltemplate-crit .inlinerollresult,
.sheet-rolltemplate-save .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-crit th {
	background-color: #968754;
}

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

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

/* Target */

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

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

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

/* Statistics */

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

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

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

/* Statistics2 */

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

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

.sheet-rolltemplate-statistics2 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 {
	background-color: #5e0000;
}

.sheet-rolltemplate-npcweapon tr:nth-child(odd),
.sheet-rolltemplate-punchkick tr:nth-child(odd),
.sheet-rolltemplate-weapon 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) {
	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;
}