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

/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Rye|Teko|Monoton|Almendra|Metamorphous|Anton|DM+Mono|Roboto|Roboto+Slab|Special+Elite&display=swap");
/* Setup Generic/Non-area specific Rules */
/* General Style Setup...non-specific */
.centerText {
	text-align: center;
}

input.underlineInput {
	border-bottom: 1px solid black;
}

.charsheet .hiddenInput,
.charsheet .hiddenButton {
	display: none;
}

hr.sectionSeperator {
	margin: 10px 0 10px 0;
}

/*------ HTML Transformations ------->*/
input,
input[readonly],
select,
select[readonly] {
	border: none;
	border-bottom: 1px solid black;
	background-color: transparent;
	font-weight: 400;
}

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

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

[data-groupname] {
	width: 100%;
}

/*------ End Transformations -------->*/
input[type=number].derivedStat::-webkit-inner-spin-button,
input[type=number].derivedStat::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=number].derivedStat,
input[type=number].standardHealth,
input[type=number].weaponnum {
	-moz-appearance: textfield;
	appearance: field;
}

input[type=number].standardHealth:hover,
input[type=number].weaponnum:hover {
	-moz-appearance: auto;
	appearance: auto;
}

.charsheet input[type=number].short {
	width: 38px;
}

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

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

.charsheet .ModDesc {
	border: none;
	width: 215px;
	margin: 0;
	font-size: 0.85em;
}

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

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

hr.dashed {
	border: 0.45px dashed silver;
	margin: 2px 0 2px 0;
}

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

summary:hover {
	cursor: pointer;
}

summary.config {
	font-family: Pictos;
	list-style-type: "";
	color: gray;
	text-align: right;
	margin-top: -11px;
	opacity: 0;
	width: 271px;
}

details[open] > summary.config {
	color: black;
	opacity: 1;
}

.numberFormat {
	width: 3.5em;
}

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

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

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

.shortLabelInput {
	width: 65%;
	font-size: 0.7em;
}

.charsheet .whispericon {
	font-family: Pictos;
}

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

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

.charsheet label.configCog {
	font-family: Pictos;
	color: silver;
	opacity: 0;
}

.charsheet label.configCog > .moreConfig {
	width: 0;
	height: 0;
}

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

.charsheet label.hideBtn {
	font-family: "Pictos";
	font-size: 1.75em;
	width: auto;
	padding: 0;
	margin: 15px 0 -27px 5px;
	z-index: 9999;
}

.charsheet .showHideBtn {
	width: 0;
	opacity: 0;
}

.showHideBtn:not(:checked) + span.showHideIcon::before {
	content: "J";
}

.showHideBtn:checked + span.showHideIcon::before {
	content: "E";
}

.charsheet .alignLeft {
	text-align: left;
}

.charsheet .alignCenter {
	text-align: center;
}

.charsheet .repeatingHeader {
	margin-bottom: 5px !important;
}

.numOfBonusDice {
	display: inline-flex;
	flex-flow: row wrap;
	width: 46px;
}

.charsheet .underLabel {
	font-size: 0.65em;
}

.version {
	display: block;
	width: 100%;
	max-width: 832px;
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}

.sheet-darkmode .characterviewer .charsheet label {
	color: rgb(64, 64, 64);
}

.sheet-darkmode .characterviewer .charsheet .container {
	background-color: transparent;
}

/* Main Page Setup */
.maindiv {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 585px;
	max-width: 832px;
	border: 1px solid black;
}

.background {
	margin: 0;
	padding: 0;
	width: 100%;
}

input.useBackground[value="1"] ~ .background {
	/*background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/Parchement_Background2.jpg);*/
	background-color: rgb(244, 244, 244);
}

input.useBackground[value="2"] ~ .background {
	/*background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg);*/
	background-color: rgb(244, 244, 244);
}

input.useBackground[value="3"] ~ .background {
	/*background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/r20-rifts-hex-pattern.png);*/
	background-size: 10%;
	background-color: #d0d3d4;
}

input.useBackground[value="0"] ~ .background,
input.useBackground[value="4"] ~ .background {
	background-color: white;
}

/* Base Area - where the character sheet stuff will be displayed */
.base {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0;
	padding: 0;
}

/* Button Bar */
.buttonbar {
	width: 100%;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px;
	margin: 0 0 5px 0;
	background: rgba(255, 255, 255, 0.75);
}

.navbuttons,
.functions,
.docbuttons {
	display: inline-flex;
	/* flex: 1 0 33%; */
}

.navbuttons {
	text-align: left;
}

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

.showFear,
.fearButton {
	display: none;
}

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

.noEditMode {
	color: forestgreen;
}

.editMode {
	color: maroon;
}

.functions {
	text-align: center;
}

.docbuttons {
	text-align: right;
}

.ontab,
.jumpto {
	display: none;
}

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

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

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

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

.selectedTab[value="9"] ~ .powerArmorTab {
	background: url("https://imgsrv.roll20.net/?src=http://geeksville.us/roll20/PowerArmor.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	padding: 0;
	margin: -3px 2px 0 2px;
}

.selectedTab:not([value="9"]) ~ .powerArmorTab {
	background: url("https://raw.githubusercontent.com/finderski/SWT/master/Icons/PowerArmor-gray.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	padding: 0;
	margin: -3px 2px 0 2px;
}

.selectedTab[value="10"] ~ .robotArmorTab {
	background: url("https://raw.githubusercontent.com/finderski/SWT/master/Icons/RobotArmor.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	padding: 0;
	margin: -3px 2px 0 2px;
}

.selectedTab:not([value="10"]) ~ .robotArmorTab {
	background: url("https://raw.githubusercontent.com/finderski/SWT/master/Icons/RobotArmor-gray.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	padding: 0;
	margin: -3px 2px 0 2px;
}

.statblock {
	height: 28px;
}

.showWCicon {
	display: none;
}

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

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

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

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

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

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

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

.showMiniDisplay {
	display: none;
}

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

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

button[type=roll].linkButton {
	padding: 0 0 3px 0 !important;
	color: maroon;
}

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

.functions button[type=roll].statblock::before,
.functions button[type=roll].fearButton::before,
.bennies button[type=roll].benny::before,
.charsheet button[type=roll].APIOutput::before,
.charsheet button[type=roll].hindranceOutput::before,
.charsheet button[type=roll].edgeOutput::before,
.charsheet button[type=roll].linkButton::before {
	content: "";
}

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

button[type=roll].paceButton {
	font-size: 1.05em !important;
}

button[type=roll].APIOutput {
	font-family: "Pictos";
}

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

.charsheet button[type=roll].miniButton::before {
	content: none;
}

.charsheet button[type=roll].miniButton {
	margin: 0 0 2px 0;
	height: auto;
	font-weight: normal;
	font-size: 13px;
}

.charsheet .selectedTab:not([value="1"]) ~ .noEditMode,
.charsheet .selectedTab:not([value="1"]) ~ .editMode {
	display: none;
}

/* button[type=roll].hindranceOutput::before,
button[type=roll].shipcrewbutton::before,
button[type=roll].edgeOutput::before,
button[type=roll].APIOutput::before,
button[type=roll].statblock::before,
button[type=roll].linkButton::before,
button[type=roll].fearButton::before {
    content: '' !important;
}

button[type=roll].hindranceOutput,
button[type=roll].edgeOutput,
button[type=roll].shipcrewbutton,
button[type=roll].APIOutput {
    font-family: "Pictos";
} */
/* Tab View */
.statblockview,
.character,
.configurationpane,
.vehicles,
.powerArmor,
.robotArmor,
.characternotes,
.releasenotesTab,
.sheetdocumentation,
.combatoptions {
	display: none;
}

input.selectedTab[value="1"] + input.showMiniDisplay:not(:checked) ~ div.character,
input.selectedTab[value="2"] ~ div.configurationpane,
input.selectedTab[value="3"] ~ div.vehicles,
input.selectedTab[value="9"] ~ div.powerArmor,
input.selectedTab[value="10"] ~ div.robotArmor,
input.selectedTab[value="4"] ~ div.characternotes,
input.selectedTab[value="5"] ~ div.releasenotesTab,
input.selectedTab[value="1"] + input.showMiniDisplay:checked ~ div.statblockview {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}

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

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

.showVehicles:not(:checked) ~ .vehiclesT,
.showVehicles:not(:checked) + span.vehiclesT,
.showVehicles:not(:checked) ~ span.vehiclesT,
.usePowerAmor:not(:checked) + .showPowerArmor,
.useRobotAmor:not(:checked) + .showRobotArmor {
	display: none;
}

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

.top-half {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
}

.triFold {
	display: inline-flex;
	box-sizing: border-box;
	/*flex-grow: 1;
	flex-basis: 33%;*/
	flex: 0 32%;
	align-self: flex-start;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0 3px 0 3px;
	background: rgba(255, 255, 255, 0.35);
	/*border: 1px solid blue;*/
}

.attributes,
.skills {
	width: 100%;
	display: block;
}

h2.traitHeader {
	font-family: Teko;
	text-align: center;
	width: 100%;
	font-weight: bolder;
	color: maroon;
}

.charsheet .bottomHalf {
	width: 100%;
}

.basetrait {
	display: flex;
	flex-wrap: wrap;
	border: none;
	border-bottom: 1px dotted black;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 100%;
	min-width: 271px;
	max-width: 279px;
}
.basetrait:hover {
	border: 1px solid maroon;
}
.basetrait:hover details > summary.config {
	opacity: 1;
}
.basetrait:hover .recoverymods + span {
	opacity: 1;
}
.basetrait:hover ~ .moremods + span {
	opacity: 1;
}
.basetrait:hover > .moremods + span {
	opacity: 1;
}
.basetrait.staticKnowledgeother .skillbutton {
	width: 185px;
}
.basetrait button[type=roll].traitbutton,
.basetrait button[type=roll].skillbutton {
	border: none;
	background-color: transparent;
	background-image: none;
	font-size: 1.05em;
	font-weight: bold;
	box-shadow: none;
	text-shadow: none;
	height: 28px;
	margin: 0;
	padding: 0;
}
.basetrait button[type=roll].unskilledbutton {
	font-size: 0.9em;
	width: 130px;
	border: none;
	background-color: transparent;
	background-image: none;
	font-weight: bold;
	box-shadow: none;
	text-shadow: none;
	height: 28px;
	margin: 0;
	padding: 0;
}
.basetrait input[type=number].otraitmod {
	width: 2.95em;
}
.basetrait:hover details > summary.config {
	opacity: 1;
}
.basetrait.staticAcademics {
	display: none;
}
.basetrait.staticAthletics {
	display: none;
}
.basetrait.staticBattle {
	display: none;
}
.basetrait.staticBoating {
	display: none;
}
.basetrait.staticCommonknowledge {
	display: none;
}
.basetrait.staticDriving {
	display: none;
}
.basetrait.staticElectronics {
	display: none;
}
.basetrait.staticFaith {
	display: none;
}
.basetrait.staticFighting {
	display: none;
}
.basetrait.staticFocus {
	display: none;
}
.basetrait.staticGambling {
	display: none;
}
.basetrait.staticHacking {
	display: none;
}
.basetrait.staticHealing {
	display: none;
}
.basetrait.staticIntimidation {
	display: none;
}
.basetrait.staticLanguage {
	display: none;
}
.basetrait.staticNotice {
	display: none;
}
.basetrait.staticOccult {
	display: none;
}
.basetrait.staticPerformance {
	display: none;
}
.basetrait.staticPersuasion {
	display: none;
}
.basetrait.staticPiloting {
	display: none;
}
.basetrait.staticPsionics {
	display: none;
}
.basetrait.staticRepair {
	display: none;
}
.basetrait.staticResearch {
	display: none;
}
.basetrait.staticRiding {
	display: none;
}
.basetrait.staticScience {
	display: none;
}
.basetrait.staticShooting {
	display: none;
}
.basetrait.staticSpellcasting {
	display: none;
}
.basetrait.staticStealth {
	display: none;
}
.basetrait.staticSurvival {
	display: none;
}
.basetrait.staticTaunt {
	display: none;
}
.basetrait.staticThievery {
	display: none;
}
.basetrait.staticTrade {
	display: none;
}
.basetrait.staticWeirdscience {
	display: none;
}
.basetrait.staticOther {
	display: none;
}
.basetrait.staticOther {
	display: none;
}
.basetrait.staticAcademics .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticAthletics .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticBattle .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticBoating .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticCommonknowledge .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticDriving .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticElectronics .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticFaith .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticFighting .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticFocus .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticGambling .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticHacking .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticHealing .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticIntimidation .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticLanguage .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticNotice .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticOccult .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticPerformance .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticPersuasion .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticPiloting .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticPsionics .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticRepair .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticResearch .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticRiding .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticScience .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticShooting .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticSpellcasting .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticStealth .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticSurvival .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticTaunt .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticThievery .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticTrade .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticWeirdscience .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait.staticOther .basetrait.traitmodplus .ModDesc {
	width: 210px;
}
.basetrait .statblock {
	display: none;
}

.StaticSkill:checked + .basetrait.staticAcademics {
	display: block;
}

.StaticSkill:checked + .basetrait.staticAthletics {
	display: block;
}

.StaticSkill:checked + .basetrait.staticBattle {
	display: block;
}

.StaticSkill:checked + .basetrait.staticBoating {
	display: block;
}

.StaticSkill:checked + .basetrait.staticCommonknowledge {
	display: block;
}

.StaticSkill:checked + .basetrait.staticDriving {
	display: block;
}

.StaticSkill:checked + .basetrait.staticElectronics {
	display: block;
}

.StaticSkill:checked + .basetrait.staticFaith {
	display: block;
}

.StaticSkill:checked + .basetrait.staticFighting {
	display: block;
}

.StaticSkill:checked + .basetrait.staticFocus {
	display: block;
}

.StaticSkill:checked + .basetrait.staticGambling {
	display: block;
}

.StaticSkill:checked + .basetrait.staticHacking {
	display: block;
}

.StaticSkill:checked + .basetrait.staticHealing {
	display: block;
}

.StaticSkill:checked + .basetrait.staticIntimidation {
	display: block;
}

.StaticSkill:checked + .basetrait.staticLanguage {
	display: block;
}

.StaticSkill:checked + .basetrait.staticNotice {
	display: block;
}

.StaticSkill:checked + .basetrait.staticOccult {
	display: block;
}

.StaticSkill:checked + .basetrait.staticPerformance {
	display: block;
}

.StaticSkill:checked + .basetrait.staticPersuasion {
	display: block;
}

.StaticSkill:checked + .basetrait.staticPiloting {
	display: block;
}

.StaticSkill:checked + .basetrait.staticPsionics {
	display: block;
}

.StaticSkill:checked + .basetrait.staticRepair {
	display: block;
}

.StaticSkill:checked + .basetrait.staticResearch {
	display: block;
}

.StaticSkill:checked + .basetrait.staticRiding {
	display: block;
}

.StaticSkill:checked + .basetrait.staticScience {
	display: block;
}

.StaticSkill:checked + .basetrait.staticShooting {
	display: block;
}

.StaticSkill:checked + .basetrait.staticSpellcasting {
	display: block;
}

.StaticSkill:checked + .basetrait.staticStealth {
	display: block;
}

.StaticSkill:checked + .basetrait.staticSurvival {
	display: block;
}

.StaticSkill:checked + .basetrait.staticTaunt {
	display: block;
}

.StaticSkill:checked + .basetrait.staticThievery {
	display: block;
}

.StaticSkill:checked + .basetrait.staticTrade {
	display: block;
}

.StaticSkill:checked + .basetrait.staticWeirdscience {
	display: block;
}

.StaticSkill:checked + .basetrait.staticOther {
	display: block;
}

.StaticSkill:checked + .base.staticOther {
	display: block;
}

.base.staticOther {
	display: none;
}

.traitflexattbutton {
	width: 84px;
	text-align: left;
}

.isAnimal {
	font-size: 0.75em;
}

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

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

input:not([value="0"]).deltabutton + .traitflexattbutton,
input:not([value="0"]).deltabutton + .traitbutton {
	color: maroon;
	font-style: italic;
}
input:not([value="0"]).deltabutton + .traitflexattbutton::after,
input:not([value="0"]).deltabutton + .traitbutton::after {
	content: "*";
	color: maroon;
}

input:not([value="0"]).deltabutton ~ .skillflexattbutton {
	color: maroon;
	font-style: italic;
}
input:not([value="0"]).deltabutton ~ .skillflexattbutton > span.linkedAtt::after {
	content: "*";
}

label.traitlabel {
	display: inline;
	padding: 0;
	margin-right: 5px;
	font-size: 0.95em;
}
label.traitlabel > input.traitradio {
	opacity: 0;
	margin-right: -18px;
}

.useAlphaNum {
	display: none;
}
.useAlphaNum:checked ~ .traitlabel .d4, .useAlphaNum:checked ~ .traitlabel .d6, .useAlphaNum:checked ~ .traitlabel .d8, .useAlphaNum:checked ~ .traitlabel .d10, .useAlphaNum:checked ~ .traitlabel .d12, .useAlphaNum:checked ~ .d4Selected .d4, .useAlphaNum:checked ~ .d6Selected .d6, .useAlphaNum:checked ~ .d8Selected .d8, .useAlphaNum:checked ~ .d10Selected .d10, .useAlphaNum:checked ~ .d12Selected .d12, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d4, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d6, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d8, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d10, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d12 {
	display: none;
}
.useAlphaNum:checked ~ .traitlabel .d4a, .useAlphaNum:checked ~ .traitlabel .d6a, .useAlphaNum:checked ~ .traitlabel .d8a, .useAlphaNum:checked ~ .traitlabel .d10a, .useAlphaNum:checked ~ .traitlabel .d12a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d4a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d6a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d8a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d10a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d12a {
	display: inline-block;
	color: gray;
	/* font-family: 'DM Mono', monospace; */
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	margin: 3px -1px 0 -1px;
	padding: 0;
}
.useAlphaNum:checked ~ .traitlabel .d4a, .useAlphaNum:checked ~ .traitlabel .d6a, .useAlphaNum:checked ~ .traitlabel .d8a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d4a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d6a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d8a {
	width: 18px;
}
.useAlphaNum:checked ~ .traitlabel .d10a, .useAlphaNum:checked ~ .traitlabel .d12a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d10a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d12a {
	width: 25px;
}
.useAlphaNum:checked ~ .traitlabel .traitradio:checked ~ .d4a, .useAlphaNum:checked ~ .traitlabel .traitradio:checked ~ .d6a, .useAlphaNum:checked ~ .traitlabel .traitradio:checked ~ .d8a, .useAlphaNum:checked ~ .traitlabel .traitradio:checked ~ .d10a, .useAlphaNum:checked ~ .traitlabel .traitradio:checked ~ .d12a, .useAlphaNum:checked ~ .skilldielabel .traitradio:checked ~ .d4a, .useAlphaNum:checked ~ .skilldielabel .traitradio:checked ~ .d6a, .useAlphaNum:checked ~ .skilldielabel .traitradio:checked ~ .d8a, .useAlphaNum:checked ~ .skilldielabel .traitradio:checked ~ .d10a, .useAlphaNum:checked ~ .skilldielabel .traitradio:checked ~ .d12a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel .traitradio:checked ~ div.d4a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel .traitradio:checked ~ div.d6a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel .traitradio:checked ~ div.d8a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel .traitradio:checked ~ div.d10a, .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel .traitradio:checked ~ div.d12a {
	/* border: 1px solid maroon; */
	color: black;
	border-radius: 25px;
	font-weight: bold;
	/* padding: 5px; */
}

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

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

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

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

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

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

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

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

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

.useAlphaNum:checked ~ div.d4Selected div.d4a,
.useAlphaNum:checked ~ div.d6Selected div.d6a,
.useAlphaNum:checked ~ div.d8Selected div.d8a,
.useAlphaNum:checked ~ div.d10Selected div.d10a,
.useAlphaNum:checked ~ div.d12Selected div.d12a,
.charsheet .useAlhpaNum:checked ~ .repcontainer .repitem div.d4aSelected div.d4a,
.charsheet .useAlhpaNum:checked ~ .repcontainer .repitem div.d6aSelected div.d6a,
.charsheet .useAlhpaNum:checked ~ .repcontainer .repitem div.d8aSelected div.d8a,
.charsheet .useAlhpaNum:checked ~ .repcontainer .repitem div.d10aSelected div.d10a,
.charsheet .useAlhpaNum:checked ~ .repcontainer .repitem div.d12aSelected div.d12a {
	display: block;
	font-weight: bold;
}

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

underlineInput {
	border-bottom: 1px solid black;
}

.traitmodplus hr.modsection {
	margin: 10px 0 10px 0;
	border-top: 1px dashed maroon;
	width: 95%;
}
.traitmodplus .wildDieDesc {
	border: none;
	width: 65%;
	margin: 0;
	font-size: 0.85em;
}
.traitmodplus input[type=number].deltamod {
	border: none;
	border-bottom: 1px solid black;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 28px;
	height: 28px;
	/*-webkit-appearance: textfield;
	-moz-appearance: textfield;*/
}
.traitmodplus .delta {
	display: inline-block;
	width: 215px;
	/*was 230px*/
	font-weight: normal;
	font-size: 0.9em;
}

span.boldMaroon {
	font-weight: bold;
	color: maroon;
}

/* Skill Stuff */
details .skillConfigSummary {
	font-family: Pictos;
	font-size: 1.5em;
	margin-top: -30px;
}
details[open] > summary.skillConfigSummary::before {
	content: "2";
	color: green;
}
details:not([open]) > summary.skillConfigSummary::before {
	content: "x";
}

.isSkillConfig {
	position: relative;
	margin: 0;
}

.skillItem .SkillListLabel {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.StaticSkill {
	font-size: 1.25em;
	z-index: 9999;
	opacity: 0;
	width: 15px;
}

.StaticSkill + span {
	font-family: "Pictos";
	font-size: 1.25em;
	margin-left: -13px;
}

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

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

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

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

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

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

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d4,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d4Selected span.d4,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d4 {
	display: none;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d6,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d6Selected span.d6,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d6 {
	display: none;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d8,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d8Selected span.d8,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d8 {
	display: none;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d10,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d10Selected span.d10,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d10 {
	display: none;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d12,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d12Selected span.d12,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel span.d12 {
	display: none;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d4a,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d4a {
	display: inline-block;
	font-weight: normal;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d6a,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d6a {
	display: inline-block;
	font-weight: normal;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d8a,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d8a {
	display: inline-block;
	font-weight: normal;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d10a,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d10a {
	display: inline-block;
	font-weight: normal;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d12a,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild .skilldielabel div.d12a {
	display: inline-block;
	font-weight: normal;
}

.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d4Selected {
	margin: 5px;
}

.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d6Selected {
	margin: 5px;
}

.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d8Selected {
	margin: 5px;
}

.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d10Selected {
	margin: 5px;
}

.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d12Selected {
	margin: 5px;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d4Selected div.d4a {
	display: block;
	font-weight: bold;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d6Selected div.d6a {
	display: block;
	font-weight: bold;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d8Selected div.d8a {
	display: block;
	font-weight: bold;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d10Selected div.d10a {
	display: block;
	font-weight: bold;
}

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild div.d12Selected div.d12a {
	display: block;
	font-weight: bold;
}

.skillRankContainer {
	display: inline-block;
}
.skillRankContainer .skillRankChild {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 28px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d4,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d4Selected span.d4,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d4 {
	display: none;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d6,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d6Selected span.d6,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d6 {
	display: none;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d8,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d8Selected span.d8,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d8 {
	display: none;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d10,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d10Selected span.d10,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d10 {
	display: none;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d12,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d12Selected span.d12,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel span.d12 {
	display: none;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d4a,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d4a {
	display: inline-block;
	font-weight: normal;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d6a,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d6a {
	display: inline-block;
	font-weight: normal;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d8a,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d8a {
	display: inline-block;
	font-weight: normal;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d10a,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d10a {
	display: inline-block;
	font-weight: normal;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d12a,
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ .skilldielabel div.d12a {
	display: inline-block;
	font-weight: normal;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d4Selected {
	margin: 5px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d6Selected {
	margin: 5px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d8Selected {
	margin: 5px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d10Selected {
	margin: 5px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d12Selected {
	margin: 5px;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d4Selected div.d4a {
	display: block;
	font-weight: bold;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d6Selected div.d6a {
	display: block;
	font-weight: bold;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d8Selected div.d8a {
	display: block;
	font-weight: bold;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d10Selected div.d10a {
	display: block;
	font-weight: bold;
}
.skillRankContainer .skillRankChild .useAlphaNum:checked ~ div.d12Selected div.d12a {
	display: block;
	font-weight: bold;
}
.skillRankContainer .skillRankChild label {
	display: none;
	z-index: 1;
}
.skillRankContainer .skillRankChild:hover {
	border-radius: 10px;
	background: AliceBlue;
	position: absolute;
	width: 145px;
	margin-top: -4px;
	margin-left: -115px;
	/*was -90*/
	height: auto;
	z-index: 1;
	padding: 5px;
}
.skillRankContainer .skillRankChild:hover label {
	display: inline;
	/*margin-left: -5px;*/
}
.skillRankContainer .skillRankChild:hover .useAlphaNum:checked ~ label,
.skillRankContainer .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild:hover label {
	display: inline;
	/*margin-left: 3px;*/
	margin: 0;
}

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

.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild label.skilldielabel:hover > span,
.charsheet .useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild label.skilldielabel:hover > div {
	color: maroon;
	font-weight: bold !important;
}

.skillRankChild:hover label span,
.skillRankChild:hover label div,
.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild:hover label.skilldielabel span,
.useAlphaNum:checked ~ .repcontainer .repitem .skillRankContainer .skillRankChild:hover label.skilldielabel div {
	color: black;
	font-size: 0.75em;
	width: auto;
}

.skillRankChild:not(:hover) input.traitradio[value="4"] ~ div.d4Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="6"] ~ div.d6Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="8"] ~ div.d8Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="10"] ~ div.d10Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="12"] ~ div.d12Selected {
	display: block;
}

div.d4Selected {
	color: black;
	text-align: center;
	display: none;
	margin-top: -8px;
}

div.d6Selected {
	color: black;
	text-align: center;
	display: none;
	margin-top: -8px;
}

div.d8Selected {
	color: black;
	text-align: center;
	display: none;
	margin-top: -8px;
}

div.d10Selected {
	color: black;
	text-align: center;
	display: none;
	margin-top: -8px;
}

div.d12Selected {
	color: black;
	text-align: center;
	display: none;
	margin-top: -8px;
}

.skillRankChild:not(:hover) input.traitradio[value="4"] ~ div.d4Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="6"] ~ div.d6Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="8"] ~ div.d8Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="10"] ~ div.d10Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="12"] ~ div.d12Selected {
	display: block;
}

.skillRankChild:not(:hover) input.traitradio[value="4"] ~ div.d4Selected span.d4 {
	color: black;
}

.skillRankChild:not(:hover) input.traitradio[value="6"] ~ div.d6Selected span.d6 {
	color: black;
}

.skillRankChild:not(:hover) input.traitradio[value="8"] ~ div.d8Selected span.d8 {
	color: black;
}

.skillRankChild:not(:hover) input.traitradio[value="10"] ~ div.d10Selected span.d10 {
	color: black;
}

.skillRankChild:not(:hover) input.traitradio[value="12"] ~ div.d12Selected span.d12 {
	color: black;
}

.skilldielabel > input.traitradio {
	opacity: 0;
	margin-right: -18px;
}

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

.LinkedAttSelect {
	width: 185px;
}

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

.SkillSpec {
	display: none;
	margin-left: 10px;
	margin-bottom: 15px;
}

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

.charDemoStart .wclabel {
	display: inline;
	padding: 0;
	margin-right: 5px;
}
.charDemoStart .wclabel {
	font-size: 0.95em;
	margin: 0;
}
.charDemoStart .wclabel {
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0 5px 0 0;
}
.charDemoStart .isWC {
	opacity: 0;
	width: 0;
}
.charDemoStart .isWC + span {
	/*margin-left: -10px;*/
	font-size: 1.5em;
	color: silver;
	/*position: relative;*/
	/*top: 3px;*/
}
.charDemoStart .isWC:not(:checked) + span {
	color: black;
}
.charDemoStart .wciContainer {
	text-align: center;
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline-block;
}
.charDemoStart .basicCharNameLabel {
	margin-left: 39px;
	width: 88%;
	padding: 0;
}

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

label.basicinfolableleft {
	text-align: left;
}

label.basicinfolableright {
	text-align: right;
}

label.basicinfolablecenter {
	text-align: center;
}

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

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

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

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

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

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

.manuallySetAdvance {
	display: none;
}

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

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

.advances {
	width: 18%;
}

.characterRank {
	width: 40%;
}

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

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

.bennies {
	width: 21%;
	margin: 9px 0 0 0;
	padding: 0;
}
.bennies input[type=number].bennies {
	width: 100%;
	text-align: center;
}
.bennies .benny > .imagecontainer > img {
	max-width: 50%;
	height: auto;
}

.imagecontainer {
	object-fit: contain;
}

.conviction {
	text-align: center;
	margin-top: -10px;
}

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

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

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

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

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

select {
	width: auto;
}

.configSection {
	display: block;
	width: 100%;
	background: rgb(255, 255, 255);
	margin: 0 0 10px 0;
	/*padding: 5px 5px 5px 5px;*/
}
.configSection .savagedUSImporter {
	width: 98.8%;
	margin: auto;
}

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

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

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

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

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

.configSectionTitle {
	text-align: center;
	/*margin-top: -30px;*/
	margin-bottom: 10px;
	background-color: lightgray;
	width: auto;
}

.srmconfig {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: space-around;
	margin: 0 5px 5px 5px;
	padding: 5px;
	box-sizing: content-box;
	max-width: 832px;
	min-height: 210px;
	height: calc(210px + (100vw - 832px) * -10);
	max-height: 495px;
	overflow: auto;
}
.srmconfig .srmItem {
	flex: 0 1 auto;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	font-size: 1em;
}
.srmconfig .srmItem .moneycountlabel {
	font-weight: normal;
	cursor: pointer;
	width: auto;
	font-size: 1em;
	display: inline-block;
}

.usewealth,
.showwealthwilddie,
label.showwealthwilddie {
	display: none;
}

.srmItem.multiMoney.money1,
.srmItem.multiMoney.money2,
.srmItem.multiMoney.money3,
.srmItem.multiMoney.money4 {
	display: none;
}

.usewealth:not(:checked) ~ .moneycount[value="2"] ~ .money1,
.usewealth:not(:checked) ~ .moneycount[value="2"] ~ .money2,
.usewealth:not(:checked) ~ .moneycount[value="3"] ~ .money1,
.usewealth:not(:checked) ~ .moneycount[value="3"] ~ .money2,
.usewealth:not(:checked) ~ .moneycount[value="3"] ~ .money3,
.usewealth:not(:checked) ~ .moneycount[value="4"] ~ .money1,
.usewealth:not(:checked) ~ .moneycount[value="4"] ~ .money2,
.usewealth:not(:checked) ~ .moneycount[value="4"] ~ .money3,
.usewealth:not(:checked) ~ .moneycount[value="4"] ~ .money4 {
	display: flex;
}

.usewealth:checked ~ .showwealthwilddie,
.usewealth:checked ~ label.showwealthwilddie {
	display: flex;
}

.injury {
	width: 100px;
}

.charsheet .injurytable,
.charsheet .dominiontable {
	display: none;
}

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

.usegritty:checked + .injurytable,
.useDominion[value="1"] + .dominiontable {
	display: inline;
}

.miscconfig {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: space-around;
	margin: 0 5px 5px 5px;
	padding: 5px;
	box-sizing: content-box;
	max-width: 832px;
	min-height: 485px;
	height: calc(485px + (100vw - 832px) * -50);
	max-height: 705px;
	overflow: auto;
}
.miscconfig .miscItem {
	flex: 0 1 auto;
	font-weight: normal;
	cursor: pointer;
	width: auto;
	font-size: 1em;
	margin-bottom: 8px;
}
.miscconfig .miscItem .sheet-background {
	width: 161px;
}
.miscconfig .showCustomLogo:not([value=Custom]) + .miscItem.customLogo {
	display: none;
}
.miscconfig .showCustomBackground:not([value="4"]) + .miscItem.customBackground {
	display: none;
}

/*.useBackground[value="0"] ~ .background .miscconfig .darkMode {
    display: none;
}

.useDarkMode[value="1"] ~ .background .miscconfig .miscItem > .sheet-background > .noBackground {
    display: none;
}*/
.wci {
	width: 50px;
	font-size: 1.35em;
	text-align: center;
}

.csnconfig {
	/* Parent/Container for the Quick Settings */
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: space-around;
	margin: 0 5px 5px 5px;
	padding: 5px;
	box-sizing: content-box;
	min-height: 550px;
	height: calc(550px + (100vw - 832px) * -50);
	max-height: 1050px;
	overflow: auto;
	/*background: rgb(255,255,255,0.75);*/
}
.csnconfig .csnItem {
	flex: 0 1 auto;
	font-weight: normal;
	cursor: pointer;
	width: 325px;
	font-size: 1em;
}
.csnconfig .csnItem .csnLabel {
	display: inline-block;
	width: 135px;
	font-weight: bold;
	font-size: 1em;
}

.csnInput {
	width: 150px;
}

/*----------- Start Repeating Button Display -----------*/
[data-groupname=repeating_armor],
[data-groupname=repeating_weapons],
[data-groupname=repeating_spells],
[data-groupname=repeating_gear],
[data-groupname=repeating_quests],
[data-groupname=repeating_shipweapons] {
	width: 100%;
}

.repcontrol_add,
.repcontrol_edit,
.repcontrol_move,
.repcontrol_del {
	opacity: 0.6;
}

.repcontrol_add:hover,
.repcontrol_edit:hover,
.repcontrol_move:hover,
.repcontrol_del:hover {
	opacity: 1;
	outline: none;
}

.repcontrol_add:focus,
.repcontrol_edit:focus,
.repcontrol_move:focus,
.repcontrol_del:focus {
	outline: none;
}

.repcontrol_move {
	height: 11px;
	line-height: 11px;
	margin-top: 2px;
}

.repcontrol_del {
	height: 22px;
	line-height: 12px;
	margin-top: 2px;
	width: 30px;
	background: none;
	border: none;
	color: maroon;
	font-size: 1.5em;
}

.repcontrol_add,
.repcontrol_edit {
	color: transparent;
	box-shadow: none;
	background: transparent;
	border-color: transparent;
	text-shadow: none;
	width: 80px;
	content: "";
}

.repcontrol_add {
	text-align: left;
}

.repcontrol_edit {
	text-align: right;
}

.repcontrol_add:before {
	content: "+";
	visibility: visible;
	font-family: pictos;
	border: none;
	font-size: 18px;
	height: 18px;
	width: 18px;
	padding: 2px 0 0 0;
	color: darkgreen;
}

.repcontrol_edit:after {
	content: "(";
	visibility: visible;
	font-family: pictos;
	border: none;
	font-size: 18px;
	height: 18px;
	width: 18px;
	padding: 2px 0 0 0;
	color: crimson;
}

.editmode ~ .repcontrol .repcontrol_edit:after {
	content: ")";
}

[data-groupname=repeating_skills] > .repitem > .itemcontrol,
[data-groupname=repeating_derivedstats] > .repitem > .itemcontrol {
	z-index: 10000;
}

/*----------- End Repeating Button Display -----------*/
.Deadlands,
.PEG,
.SWPF,
.Rifts,
.Custom,
input[value=Pathfinder].showLogo ~ .SWADE {
	display: none;
}

.PEG {
	margin-top: 20px;
}

input[value=Deadlands].showLogo ~ .Deadlands,
input[value=SavageWorlds].showLogo ~ .PEG,
input[value=Pathfinder].showLogo ~ .SWPF,
input[value=Rifts].showLogo ~ .Rifts,
input[value=Custom].showLogo ~ .Custom {
	display: inline-block;
}

.logoblock {
	align-items: center;
}

.logo {
	width: 50%;
}

.gamelogo {
	width: max-content;
}

/*---- Pace, Parry, Toughness ----*/
/*.invisbutton {
    border: none;
    border-bottom: 1px solid black;
    height: 27px;
    font-size: 0.9em;
    background-color: transparent;
    cursor: default;
}*/
.parryPaceToughness {
	width: 100%;
	margin: 10px 0 10px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.moremods:checked + .toughnessLabelButton {
	background-color: #ffb3b3;
}

.paceButton {
	width: 100%;
}

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

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

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

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

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

.pacemodplus .paceLabel,
.parrymodplus .parryLabel,
.toughnessmodplus .toughnessLabel {
	display: inline-block;
	width: 200px;
	font-size: 1em;
}

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

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

.derivedStat {
	text-align: center;
}

.usePowerArmor:not(:checked) ~ .powerArmorToughness {
	display: none;
}

/*input[readonly].derivedStat {
    background-color: transparent;
    border-color: black;
}*/
input.showPaceWounds[value="0"] ~ .paceWounds {
	display: none;
}

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

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

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

/*.additionalDerived,
.additionalDerived .basederived,
.additionalDerived .repcontainer,
.additionalDerived .repcontrol {
    display: none;
}*/
.additionalDerived {
	display: none;
}

.showadditional:checked ~ .additionalDerived,
.useDominion[value="1"] ~ .additionalDerived,
.useBurn[value="1"] ~ .additionalDerived {
	display: flex;
	/*font-family: Teko;*/
	text-align: center;
	width: 100%;
	/*font-weight: bolder;*/
	color: maroon;
	margin: 10px 0 10px 0;
	justify-content: center;
}

.showadditional:checked ~ h1.additionalDerived,
.useDominion[value="1"] ~ h1.additionalDerived,
.useBurn[value="1"] ~ h1.additionalDerived {
	font-family: Teko;
	text-align: center;
	width: 100%;
	font-weight: bolder;
	color: maroon;
	margin: 10px 0 10px 0;
	justify-content: center;
}

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

.corederived {
	position: relative;
}

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

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

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

.derivebase > input[type=number].derivedStat,
.derivemisc > input[type=number].derivedStat,
.derivemod > input[type=number].derivedStat,
.derivecurrent > input[type=number].derivedStat {
	width: 41px;
}

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

.derivedStatName {
	width: 100%;
	font-size: 1em;
	padding: 4px;
	border: none;
}

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

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

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

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

.dominionButton {
	width: 100%;
	text-align: left;
}

button[type=roll].dominionButton::before {
	font-family: dicefontd6;
	font-size: 1.25em;
	content: "L ";
}

button[type=action].burnButton::before {
	content: "";
}

button[type=action].burnButton {
	border: none;
	background-color: transparent;
	text-align: left;
	color: #333333;
	font-size: 1.05em;
	font-weight: bold;
	text-shadow: none;
}

button[type=action].burnButton .flame {
	margin-left: -8px;
}

.charsheet .useDominion[value="0"] ~ .additionalDerived .basederived.showDominion,
.charsheet .useBurn[value="0"] ~ .additionalDerived .basederived.showBurn {
	display: none;
}

.showadditional:not(:checked) ~ .additionalDerived > .basederived.otherDerived,
.showadditional:not(:checked) ~ .additionalDerived > [data-groupname=repeating_derivedstats] {
	display: none;
}

.charsheet .useDominion[value="1"] ~ .additionalDerived .showDominion,
.charsheet .useDominion[value="1"] ~ .additionalDerived .derivedHeaderRow,
.charsheet .useBurn[value="1"] ~ .additionalDerived .showBurn,
.charsheet .useBurn[value="1"] ~ .additionalDerived .derivedHeaderRow,
.showadditional:checked ~ .additionalDerived .basederived {
	display: flex;
}

.showadditional:checked ~ .additionalDerived .repcontainer,
.showadditional:checked ~ .additionalDerived .repcontrol {
	display: block;
}

.doubleheight {
	line-height: 2em;
}

span.statblock {
	display: none;
}

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

.loadstuff details > summary.config {
	margin-top: -8px;
}
.loadstuff:hover details > summary.config {
	opacity: 1;
	cursor: default;
}

.headerRow {
	font-weight: bold;
	font-size: 0.75em;
	margin-top: 5px;
	margin-bottom: -3px;
}

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

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

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

.showconsumables {
	display: none;
}

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

.consumables {
	width: 75%;
}

.consumableInput {
	width: 90%;
}

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

select.derivebaseplus {
	display: inline-block;
	width: 23%;
}

.miscderived {
	width: 100%;
}

.basederived.usewealth {
	display: none;
}
.basederived.usewealth .derivelabel.wealth {
	flex-grow: 2;
}

.money {
	flex-grow: 2;
}

.moneyLabels {
	font-weight: bold;
	font-size: 0.75em;
	/*margin-top: 5px;*/
	margin-bottom: -3px;
}

.usewealth:checked ~ .multiMoney {
	display: none;
}

.usewealth:checked ~ .basederived.usewealth {
	display: flex;
	width: 100%;
}

.usewealth:not(:checked) + .useMultiCurrency[value="1"] + .moneyLabels,
.usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .additionalCurrency {
	display: none;
}

.usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .derivebase {
	width: auto;
	flex-grow: 2;
}

.useMultiCurrency[value="2"] ~ .multiMoney > .money3,
.useMultiCurrency[value="2"] ~ .multiMoney > .money4,
.useMultiCurrency[value="3"] ~ .multiMoney > .money4 {
	display: none;
}

.usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .derivebase > .moneyfield {
	width: 100%;
}

.wealthmod {
	display: none;
}

.useWealthMod:checked + .wealthmod {
	display: inline-block;
}

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

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

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

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

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

/*.gearList {
    height: 28px;

}*/
.gearRow {
	box-sizing: border-box;
	padding: 3px 0 0 0;
}
.gearRow:hover {
	border: 1px solid maroon;
}
.gearRow details > summary.config {
	margin-top: -8px;
}
.gearRow:hover details > summary.config {
	opacity: 1;
	cursor: default;
}
.gearRow .statblock {
	display: none;
}

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

.gearCarriedLabel:hover {
	cursor: pointer;
}

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

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

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

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

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

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

.gearTotalWeight {
	width: 100%;
}

.gearweightTotal {
	display: inline-block;
	width: 100%;
	text-align: right;
}

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

.conditions {
	text-align: center;
	display: none;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	white-space: nowrap;
	margin: 15px 0 10px 0;
}
.conditions .distracted,
.conditions .vulnerable,
.conditions .stunned {
	box-sizing: border-box;
	/*border: 1px solid red;*/
	margin: 0 2px 2px 2px;
	width: 31%;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 31%;
	flex: 1 0 31%;
}

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

.conditionlabel:hover {
	cursor: pointer;
}

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

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

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

.isdistracted:not(:checked) + .uhoh::before {
	/*content: "♢";*/
	content: "♦";
	color: gray;
	/*font-size: 1.75em;*/
}

.isdistracted:checked + .uhoh::before {
	/*content: "♦";*/
	content: "♦";
	/*font-size: 1.75em;*/
}

.isvulnerable:not(:checked) + .uhoh::before {
	/*content: "♤";*/
	content: "♠";
	color: gray;
	/*font-size: 1.75em;*/
}

.isvulnerable:checked + .uhoh::before {
	/*content: "♠";*/
	content: "♠";
	/*font-size: 1.75em;*/
}

.isstunned:not(:checked) + .uhoh::before {
	/*content: "♧";*/
	content: "♣";
	color: gray;
	/*font-size: 1.75em;*/
}

.isstunned:checked + .uhoh::before {
	/*content: "♣";*/
	content: "♣";
	/*font-size: 1.75em;*/
}

.health {
	width: 100%;
	margin: 10px 0 10px 0;
}

.baseHealthTrait {
	flex-wrap: wrap;
	border-bottom: 1px dotted black;
	position: relative;
	box-sizing: border-box;
	border: 1px solid transparent;
}

.characterWounds,
.characterShakenInc,
.characterFatigue {
	display: inline-block;
	width: 33%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.characterWounds:hover button > span.cog,
.characterShakenInc:hover button > span.cog,
.characterFatigue:hover button > span.cog {
	display: inline;
}

.charsheet .characterShakenInc {
	width: 30%;
}

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

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

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

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

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

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

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

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

.shakenbox,
.incbox {
	display: inline-block;
	width: 30px;
	height: auto;
	margin: 0 0 0 8px;
	padding: 0;
}

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

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

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

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

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

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

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

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

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

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

.showWoundmod:checked + .woundmod,
.showFatiguemod:checked + .fatiguemod {
	display: inline-block;
	text-align: center;
	width: 98%;
	min-width: 26px;
}

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

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

.woundmod,
.fatiguemod {
	display: none;
}

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

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

.standardHealthInfo {
	/*width: 142px;*/
	width: 53%;
	border: none;
	border-bottom: 1px solid black;
	text-align: left;
}

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

.recovery {
	width: 100%;
	display: inline-block;
	margin: 5px 0 15px 0;
}
.recovery .recovertrait {
	flex-wrap: wrap;
	margin: 0;
	padding: 0 0 0 5px;
	position: relative;
}

.unshakebutton {
	display: none;
	border-bottom: none;
	width: 49%;
	box-sizing: border-box;
}
.unshakebutton details > summary.recoveryConfig {
	list-style-type: "";
	color: gray;
	opacity: 0;
	font-family: Pictos;
	text-align: right;
	margin-top: 10px;
	padding: 0;
}
.unshakebutton details[open] > summary.recoveryConfig {
	color: black;
	opacity: 1;
	margin-top: -18px;
	padding: 0 38px 0 0;
}
.unshakebutton:hover details > summary.recoveryConfig {
	opacity: 1;
	cursor: default;
}

.useunshakebutton:checked + .unshakebutton,
.usesoakbutton:checked + .soakbutton {
	display: inline-flex;
	border: none;
	justify-content: center;
}

.charsheet input[type=number].recoveryMod {
	width: 24%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
	border: none;
}

.soakbutton {
	display: none;
	border-bottom: none;
	width: 49%;
	box-sizing: border-box;
}
.soakbutton details > summary.recoveryConfig {
	list-style-type: "";
	color: gray;
	opacity: 0;
	font-family: Pictos;
	text-align: right;
	margin-top: 10px;
	padding: 0;
}
.soakbutton details[open] > summary.recoveryConfig {
	color: black;
	opacity: 1;
	margin-top: -18px;
	padding: 0 62px 0 0;
}
.soakbutton:hover details > summary.recoveryConfig {
	opacity: 1;
	cursor: default;
}

.hindrances {
	margin: 0 0 5px 0;
	padding: 3px;
	box-sizing: border-box;
	width: 100%;
	max-width: 271px;
}

.hindrance {
	box-sizing: border-box;
}
.hindrance:hover {
	border: 1px solid maroon;
}
.hindrance .hindranceMods {
	display: none;
}
.hindrance label.configCog {
	margin: -10px 0 0 97%;
}
.hindrance:hover label.configCog {
	opacity: 1;
}
.hindrance .moreConfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
.hindrance .moreConfig:checked ~ .hindranceMods {
	display: block;
	padding: 0 0 0 3px;
}

.hindranceName,
.hindranceComma {
	display: none;
}

.charsheet .hinfield {
	border: none;
	border-bottom: 1px solid black;
	width: 63%;
}

.charsheet .hintype {
	width: 75px;
	text-align: center;
	border: none;
	border-bottom: 1px solid black;
}

.edges {
	margin: 0 0 5px 0;
	padding: 3px;
	box-sizing: border-box;
	width: 100%;
	max-width: 271px;
}

.edge {
	box-sizing: border-box;
}
.edge:hover {
	border: 1px solid maroon;
}
.edge .edgeMods {
	display: none;
}
.edge label.configCog {
	margin: -10px 0 0 97%;
}
.edge:hover label.configCog {
	opacity: 1;
}
.edge .moreConfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
.edge .moreConfig:checked ~ .edgeMods {
	display: block;
	padding: 0 0 0 3px;
}

.charsheet .edgefield {
	border: none;
	border-bottom: 1px solid black;
	width: 90%;
}

.charsheet .edgeTypeLabel {
	display: inline-block;
	width: 63%;
}

.charsheet .edgeTypeDropdown {
	width: 33%;
}

.specAbilities {
	display: none;
	margin: 0 0 5px 0;
	padding: 3px;
	box-sizing: border-box;
	width: 100%;
	max-width: 271px;
}

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

.specialAbility {
	box-sizing: border-box;
}
.specialAbility:hover {
	border: 1px solid maroon;
}
.specialAbility .specialAbilityMods {
	display: none;
}
.specialAbility label.configCog {
	margin: -10px 0 0 97%;
}
.specialAbility:hover label.configCog {
	opacity: 1;
}
.specialAbility .moreConfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
.specialAbility .moreConfig:checked ~ .specialAbilityMods {
	display: block;
	padding: 0 0 0 3px;
}

.charsheet .weapons {
	min-width: 831px;
}

.charsheet .groupHeader.weaponsSection {
	margin-top: 0;
}

.weaponfull {
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.weaponfull:hover label.configCog {
	opacity: 1;
}
.weaponfull .moreConfig:checked + label.configCog {
	opacity: 1;
	color: black;
	width: auto;
}
.weaponfull label.configCog {
	margin: -15px 0 0 85px;
}
.weaponfull .statblock {
	display: none;
}

.hideWeapons[value="1"] ~ .weapons,
.hideWeapons[value="0"] ~ .weaponsPlaceholder {
	display: none;
}

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

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

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

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

.shots {
	width: 115px !important;
}

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

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

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

.range {
	width: 113px !important;
}

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

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

.itemCarried {
	width: 50px;
}

.weaponnotes {
	width: 98%;
	height: 50px;
	margin: 0 5px 0 5px;
}

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

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

/*.isCarriedIcon {
    margin-left: -45px;
}*/
.isCarried:checked + .isCarriedIcon::before {
	content: "2";
}

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

.charsheet .weaponconfig {
	display: none;
}

.moreConfig:checked ~ .weaponconfig {
	display: inline-block;
	width: 98%;
	margin: 0 10px 0 8px;
	background-color: cornsilk;
	padding: 10px;
}

.charsheet textarea.weaponnotes {
	width: 98%;
	height: 50px;
	margin: 5px 10px 5px 10px;
}

.moreConfig:not(:checked) ~ .weaponnotes {
	min-height: 25px;
	height: 25px;
}

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

.weaponskill {
	display: none;
}

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

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

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

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

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

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

.weaponnum {
	width: 35px !important;
}

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

.hideweapons:checked ~ .weapons {
	display: none;
}

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

.vdamage {
	display: none;
}

.weaponTotalWeight {
	display: block;
	width: 92.75%;
	text-align: right;
}

.weaponWeightCarried {
	width: 202px;
	text-align: right;
	display: inline-block;
}

.totalWeightBox {
	width: 60px;
	display: inline-block;
}

.ab1,
.ab2,
.ab3,
.ab4,
.ab5,
.powerdisplay {
	font-size: 0.85em;
	font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Hide Skills that aren't "trained" */
.staticfaith:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .faith {
	display: none;
}

.staticfocus:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .focus {
	display: none;
}

.staticperformance:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .performance {
	display: none;
}

.staticpsionics:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .psionics {
	display: none;
}

.staticspellcasting:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .spellcasting {
	display: none;
}

.staticweirdscience:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .weirdscience {
	display: none;
}

/*
:is(.staticfaith,.staticfocus,.staticperformance,.staticpsionics,.staticspellcasting,.staticweirdscience):not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] :is(.faith,.focus,.performance,.psionics,.spellcasting,.weirdscience) {
  display: none;
}
*/
/*.AthleticsStaticSkill:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .athletics,
.ShootingStaticSkill:not(:checked) ~ .repcontainer[data-groupname=repeating_weapons] .shooting {
  display: none;
}*/
label.abmenu:hover {
	border: 1px solid cyan;
}

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

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

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

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

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

.white {
	background-color: rgba(255, 255, 255, 0.15);
}

.red {
	background-color: rgba(255, 0, 0, 0.15);
}

.blue {
	background-color: rgba(0, 0, 255, 0.15);
}

.green {
	background-color: rgba(0, 128, 0, 0.15);
}

.purple {
	background-color: rgba(128, 0, 128, 0.15);
}

.arcanum {
	width: 100%;
}

.arcanum .statblock {
	display: none;
}

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

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

.buttonright {
	margin: -30px 0 0 0;
	text-align: right;
}

.charsheet .powerconfiglabel {
	font-size: 1em;
}

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

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

.charsheet hr.label2 {
	width: 100%;
}

.charsheet hr.label3 {
	width: 100%;
}

.charsheet hr.label4 {
	width: 100%;
}

.charsheet hr.label5 {
	width: 100%;
}

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

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

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

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

.removeab {
	color: crimson;
}

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

.fullrow:hover label.configCog {
	opacity: 1;
}
.fullrow .moreConfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
.fullrow label.configCog {
	margin: -35px 0 0 120px;
	width: auto !important;
}

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

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

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

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

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

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

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

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

.charsheet .abpplabel {
	font-size: 0.85em;
}

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

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

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

.ppfields {
	text-align: center;
}

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

.hidePowers:checked + .arcane {
	display: none;
}

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

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

.spellOutput {
	box-sizing: border-box;
	flex: 0 0 3%;
	width: 3% !important;
	text-align: center;
}

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

.charsheet .actualpowerbutton {
	margin: 0 0 0 -1px !important;
	font-size: 1.25em !important;
	padding: 0 3px !important;
	width: 85px;
}

.charsheet .power {
	box-sizing: border-box;
	/*flex: 0 0 356px;*/
	flex: 0 0 26%;
	text-align: left;
	/*width: 370px !important;*/
	width: 26% !important;
}

.pp {
	box-sizing: border-box;
	/*flex: 0 1 65px;*/
	flex: 0 1 8%;
	text-align: center;
	/*width: 65px !important;*/
	width: 8% !important;
}

.duration {
	box-sizing: border-box;
	/*flex: 0 1 65px;*/
	flex: 0 1 18%;
	text-align: center;
	/*width: 65px !important;*/
	width: 18% !important;
}

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

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

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

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

.powerconfig {
	display: none;
}

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

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

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

.spellatt {
	width: 105px;
}

.showabindicatorselection {
	display: none;
}

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

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

.spellskill {
	display: none;
}

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

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

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

.spellnum {
	width: 35px !important;
}

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

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

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

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

.spellconfig {
	display: none;
}

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

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

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

/*---- Armor ----*/
.bottomArmorAndShields {
	margin: 30px 0 0 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
}

.charsheet div.armorHalf {
	width: 55%;
	min-width: 460px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.hideArmor:checked + span + h1 + .armor {
	display: none;
}

.charsheet .hideBtn.armorHideBtn {
	margin-bottom: -35px;
}

.armor {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	width: 100%;
	justify-content: space-between;
}
.armor:hover label.configCog {
	opacity: 1;
}
.armor .showarmorconfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
.armor label.configCog {
	margin: -15px 0 0 10%;
	width: auto !important;
}
.armor .statblock {
	display: none;
}

.hideArmor:checked ~ .armor {
	display: none;
}

.armorWorn,
.armorProtected,
.armorProtection,
.armorProtectionType,
.armorWeight,
.armorCarried,
.armorDesc,
.armorTotalWeight {
	margin: 0;
	display: inline-block;
	text-align: center;
}

.charsheet .armorTotalWeight {
	margin: 0 0 0 -11%;
	width: 98%;
	text-align: right;
}

.armorWorn {
	width: 10%;
}

.charsheet label.armorWorn {
	display: inline-block;
	width: 10% !important;
}

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

.isWornIcon,
.armorisCarriedIcon {
	font-family: Pictos;
	font-size: 1.5em;
	padding: 0px;
	width: 0;
}

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

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

/* If Robot Armor is worn, should NOT be able to change the armorworn value */
.charsheet label.paArmorWorn {
	display: none;
}

.charsheet .powerArmorState[value="1"] ~ .repcontainer .repitem .armor .armorWorn {
	display: none;
}

.charsheet .powerArmorState[value="1"] ~ .repcontainer .repitem .armor .paArmorWorn {
	display: inline-block;
	width: 10% !important;
	text-align: center;
}

.powerArmorWorn {
	background: url("https://imgsrv.roll20.net/?src=http://geeksville.us/roll20/PowerArmor.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 23px;
	height: 23px;
	padding: 0;
	margin: -3px 2px 0 2px;
	position: relative;
	left: 10px;
	top: 5px;
}

.charsheet .armorType,
.charsheet input.armorType {
	width: 28%;
	margin: 0;
}

.armorMinStr {
	width: 55px;
}

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

.charsheet .armorProtected,
.charsheet input.armorProtected {
	/*width: 135px;*/
	width: 25%;
}

.charsheet .armorProtection,
.charsheet input.armorProtection {
	width: 10% !important; /*75px;*/
}

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

.charsheet .armorWeight,
.charsheet input.armorWeight {
	width: 10% !important;
}

.charsheet .armorCarried,
.charsheet input.armorCarried {
	width: 12%;
}

.charsheet label.armorCarried {
	width: 12% !important;
	display: inline-block;
	padding: 0 !important;
	text-align: center;
}

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

.charsheet .showarmorconfig {
	display: none;
	width: 0;
}

.showarmorconfig:not(:checked) ~ .armorDesc {
	min-height: 25px;
	height: 25px;
}

.showarmorconfig:checked ~ .armorDesc {
	min-height: 25px;
	height: 50px;
}

.armorconfig {
	display: none;
	padding: 5px 10px 5px 10px;
}

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

.armorConfigHeader {
	display: inline-block;
	width: auto;
	font-size: 0.95em;
	margin: 0 0 0 8px;
}

.charsheet h4.armorweight {
	display: inline-block;
}

/*---- Shields ----*/
div.shieldHalf {
	width: 45%;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}
div.shieldHalf .statblock {
	display: none;
}

.hideShields:checked ~ .shield {
	display: none;
}

.shieldWorn,
.shieldType,
.shieldParry,
.shieldCover,
.shieldWeight,
.shieldCarried {
	margin-right: 5px;
	display: inline-block;
	text-align: center;
}

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

.charsheet .shieldWornContainer,
.shieldCarriedContainer {
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 45px; /*50px;*/
}

.shieldWorn {
	width: 50px;
}

.shieldisCarried {
	z-index: 9999;
	opacity: 0;
}

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

.shieldisCarriedIcon {
	margin-left: -45px;
}

.shieldisCarried:checked + .shieldisCarriedIcon::before {
	content: "2";
}

.shieldisCarried:not(:checked) + .shieldisCarriedIcon::before {
	content: "D";
}

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

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

input.shieldType {
	text-align: left;
}

.shieldMinStr {
	width: 55px;
}

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

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

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

.shieldWeight,
input.shieldWeight {
	width: 50px;
}

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

.shieldCarried,
input.shieldCarried {
	width: 50px;
}

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

.showshieldconfig:not(:checked) ~ .shieldDesc {
	min-height: 25px;
	height: 25px;
}

.showshieldconfig:checked ~ .shieldDesc {
	min-height: 25px;
	height: 50px;
}

.shieldconfig {
	display: none;
	padding: 5px 10px 5px 10px;
}

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

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

.showshieldconfig {
	opacity: 0;
	width: 0;
	height: 0;
}

[data-groupname=repeating_shields] > .repitem:hover label.configCog {
	opacity: 1;
}
[data-groupname=repeating_shields] > .repitem .showshieldconfig:checked + label.configCog {
	opacity: 1;
	color: black;
}
[data-groupname=repeating_shields] > .repitem label.configCog {
	margin: -15px 0 0 10%;
	width: auto !important;
}

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

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

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

.BGDesc {
	width: 100%;
}

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

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

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

.QuestLog {
	display: none;
}

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

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

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

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

.hideQL:checked + .showQL::before {
	content: "E";
}

.hideQL:not(:checked) + .showQL::before {
	content: "J";
}

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

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

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

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

.qlComplete,
label.qlComplete {
	width: 8% !important;
	margin: 0 2px 0 0;
	text-align: center;
}

label.qlComplete {
	display: inline-block;
}

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

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

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

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

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

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

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

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

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

.hideShip,
.hideshiprepeating {
	width: 60px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	opacity: 0;
	z-index: 9999;
}

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

.hideShip:checked + .showShip::before,
.hideshiprepeating:checked + .showshiprepeating::before {
	content: "E";
}

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

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

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

.ship {
	width: 100%;
	padding: none;
	width: 0 0 0 0;
}

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

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

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

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

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

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

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

.shipMainColumn1 {
	width: 30%;
}

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

.powerArmor .shipMainColumn2,
.robotArmor .shipMainColumn2 {
	align-items: center;
}

.powerArmor .shipMainColumn2 img,
.robotArmor .shipMainColumn2 img {
	width: 50%;
}

.powerArmor .shipMainColumn3,
.robotArmor .shipMainColumn3 {
	flex-flow: row wrap;
	justify-content: flex-start;
}

.powerArmor .shipMainColumn3 h4,
.robotArmor .shipMainColumn3 h4 {
	width: 100%;
}

.powerArmor .shipMainColumn3 label,
.robotArmor .shipMainColumn3 label {
	display: inline-block;
	width: 78%;
	font-size: 1em;
	margin: 9px 0 0 0;
}

.powerArmor .shipMainColumn3 button,
.robotArmor .shipMainColumn3 button {
	width: 82%;
}

.powerArmor .shipMainColumn3 .basetrait,
.robotArmor .shipMainColumn3 .basetrait {
	padding-left: 0;
}

.powerArmor .shipMainColumn3 .basetrait button.skillbutton,
.robotArmor .shipMainColumn3 .basetrait button.skillbutton {
	margin: 0;
	width: 70%;
}

.powerArmor .shipMainColumn3 .skillMod,
.robotArmor .shipMainColumn3 .skillMod {
	display: inline-flex;
	flex-flow: column nowrap;
}

.powerArmor .shipMainColumn3 .skillMod .modLabel,
.robotArmor .shipMainColumn3 .skillMod .modLabel {
	font-size: 0.7em;
	font-weight: bold;
}

.powerArmor .linkedAtt,
.robotArmor .linkedAtt {
	display: none;
}
.powerArmor .skillRankChild label,
.robotArmor .skillRankChild label {
	display: none;
	z-index: 1;
}
.powerArmor .skillRankChild:hover label,
.robotArmor .skillRankChild:hover label {
	display: inline;
}

.powerArmor h1.groupHeader .headerInput {
	width: 50%;
	margin: 0 0 0 12.5%;
}

.powerArmor .shipNotes,
.robotArmor .shipNotes {
	width: 100%;
	padding: 5px;
	background: rgba(255, 255, 255, 0.25);
}

.putArmorOn,
.takeArmorOff {
	display: none;
}

input.powerArmorState:not(:checked) ~ .powerArmorButton .putArmorOn,
input.powerArmorState:checked ~ .powerArmorButton .takeArmorOff {
	display: inline;
}

.pilotToughness {
	position: relative;
	top: 15px;
	font-size: 1.25em;
}

.powerArmorButton {
	position: relative;
	right: -12.5%;
}

.powerArmor .shipNotes textarea,
.robotArmor .shipNotes textarea {
	width: 98%;
	max-width: 98%;
	height: 5vh;
	min-height: 5vh;
}

.charsheet .vehicleRunNum {
	width: 2.5em !important;
}

.charsheet .vehicleRunDie {
	width: 3.5em;
}

.runbutton {
	border: none;
	background: transparent;
	background-image: none;
	font-weight: bold;
	position: relative;
	top: 10px;
	font-size: 1em !important;
	box-shadow: none;
	text-shadow: none;
}

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

.charsheet label.shipMainLabel {
	display: inline-block;
	width: 30%;
	font-weight: bold;
	font-size: 1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shipArmaments {
	background: rgba(255, 255, 255, 0.25);
}

.shipbutton {
	width: 10%;
}

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

.shiprange {
	width: 15%;
	text-align: center;
}

.shipdamage {
	width: 18%;
	text-align: center;
}

.shipDamageMod {
	width: 55px;
}

.shiprof,
.shipAP {
	width: 5% !important;
	text-align: center;
}

.shipplacement {
	width: 15% !important;
}

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

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

.robotArmorParry {
	width: 99%;
	margin-top: 15px;
}

.robotArmor .shipMainColumn3 .robotArmorParry .configCog {
	width: auto;
	position: relative;
	top: -15px;
	left: 95%;
}

.robotArmorParry:hover .configCog {
	opacity: 1;
}

.robotArmorParry .moreConfig:checked ~ .configCog {
	opacity: 1;
	color: black;
}

.robotArmorParry .moreConfig:checked ~ .parrymodplus {
	display: block;
}

.robotArmorParry .parrymodplus .parryLabelInput {
	width: 82%;
}

.robotArmorParry .repcontrol .repcontrol_edit,
.robotArmorParry .repcontrol .repcontrol_add {
	width: 80px;
}

.robotArmorParry .repitem .repcontrol_del {
	width: auto;
}

.combatOptionDetails {
	display: flex;
	width: 100%;
	height: 1520px;
	flex-flow: column wrap;
	justify-content: space-evenly;
	align-items: center;
}

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

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

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

.optionSubLabel {
	font-weight: bold;
}

.release {
	background: rgba(255, 255, 255, 0.25);
}

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

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

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

.charsheet .releasenotes:checked + div.releasenotes {
	display: none;
}

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

span.releasenotesVersion {
	margin-left: -13px;
}

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

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

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

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

span.black {
	color: black;
}

.documentation {
	background: rgba(255, 255, 255, 0.25);
}

.documentationHeader {
	font-size: 3em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.charsheet .configtextarea {
	font-size: 2em;
	max-width: 145px;
	max-height: 16px;
	resize: none !important;
	margin: -5px 0;
	border: none;
	/*position: relative;
	left: -285px;
	float: right;*/
}

.forestgreen {
	color: forestgreen;
}

.maroon {
	color: maroon;
}

.logoBlock {
	display: inline-block;
	width: 33%;
}

.isWC:checked + .showWCI {
	display: none;
}

.statblockview {
	/*background-color: rgba(0, 0, 0, .15);*/
	padding: 5px !important;
	/*skillCondensed*/
}
.statblockview .groupHeading {
	display: inline-block;
	font-family: Teko;
	color: maroon;
}
.statblockview .groupHeading button {
	color: maroon;
}
.statblockview .groupHeading button[type=roll]::before {
	content: "";
}
.statblockview .groupBlock {
	display: block !important;
}
.statblockview .statBlockHeader {
	display: inline-block;
	/*width: 66%;*/
	width: 100%;
	font-family: Teko;
}
.statblockview .statBlockHeader .statblockName {
	display: inline-flex;
	width: 100%;
	height: 86px;
	align-items: center;
	text-align: center;
	/*background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/Red_Tape_Side.png);
	      background-size: cover;*/
	color: #fceeee;
	flex-flow: row wrap;
}
.statblockview .statBlockHeader .statblockName .headerContainer {
	width: 100%;
}
.statblockview .statBlockHeader .statblockName .headerContainer .statBlockRank[value="1"] + .showRank {
	display: none;
}
.statblockview .statBlockHeader .statblockName .charsummary {
	display: flex;
	/*font-size: .65em;*/
	font-size: calc(10% + 2vw);
	justify-content: space-evenly;
	width: 100%;
	min-width: 330px;
	margin: -10px 0 -10px 5px;
}
.statblockview .statBlockHeader .statblockName .charsummary .groupHeading {
	color: #fceeee;
}
.statblockview .statBlockHeader .statblockName .charsummary .groupHeading .benny {
	margin: 0 10px 0 0;
	font-family: Teko;
}
.statblockview .statBlockHeader .statblockName .charsummary .groupHeading .benny .imagecontainer img {
	display: none;
}
.statblockview .statBlockHeader .statblockName .charsummary .groupHeading .benny .imagecontainer span.hiddenInput {
	display: inline-block;
	color: #fceeee;
}
.statblockview .statBlockHeader .statblockName .charsummary .reach {
	display: none;
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=large] + .reach {
	display: inline;
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=large] + .reach:after {
	content: " (+1)";
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=huge] + .reach {
	display: inline;
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=huge] + .reach:after {
	content: " (+2)";
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=gargantuan] + .reach {
	display: inline;
}
.statblockview .statBlockHeader .statblockName .charsummary .sizeCat[value=gargantuan] + .reach:after {
	content: " (+3)";
}
.statblockview .statBlockHeader .statblockName .charsummary .bennies {
	border-bottom: 1px #fceeee solid;
	color: #fceeee;
	text-align: center;
}
.statblockview .statBlockHeader .statblockName .charsummary .benny {
	width: 35px;
}
.statblockview .statBlockHeader .statblockName .charsummary .benny .imagecontainer > img {
	width: 70%;
}
.statblockview .statBlockHeader .statblockName .charsummary label.conviction {
	display: inline;
	font-size: 0.65em;
	margin: 0 0 0 15px;
}
.statblockview .statBlockHeader .statblockName .charsummary label.conviction .hasconviction {
	width: 0;
}
.statblockview .statBlockHeader .statblockName .charsummary label.conviction .convictiontoken {
	font-size: 0.75em;
}
.statblockview .statBlockHeader .statblockName .charsummary label.conviction .hasconviction:not(:checked) + .convictiontoken::before {
	color: #fceeee;
}
.statblockview .statBlockHeader .statblockName .charsummary label.conviction .hasconviction:checked + .convictiontoken::before {
	color: pink;
}
.statblockview .characterDescription {
	width: 100%;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 10px;
}
.statblockview .characterDescription .showDescription[value=""] + details {
	display: none;
}
.statblockview .characterDescription details > summary {
	list-style-type: "》";
	display: list-item;
	color: maroon;
}
.statblockview .characterDescription details > summary > span {
	display: inline;
	color: black;
}
.statblockview .characterDescription details[open] > summary {
	list-style-type: "︾";
	display: list-item;
	color: maroon;
}
.statblockview .characterDescription details[open] > summary > span {
	display: none;
}
.statblockview .characterDescription details > .characterDetails {
	margin: -20px 0 0 20px;
}
.statblockview .characterDescription .healthAndConditions {
	display: flex;
	justify-content: center;
}
.statblockview .characterDescription .healthAndConditions .conditions {
	display: inline-flex;
	width: auto;
	min-width: 175px;
}
.statblockview .characterDescription .healthAndConditions .health {
	display: inline-flex;
	width: 40%;
}
.statblockview .characterDescription .healthAndConditions .health .characterWounds,
.statblockview .characterDescription .healthAndConditions .health .characterFatigue {
	min-width: 85px;
}
.statblockview .characterDescription .healthAndConditions .health .woundsLabel,
.statblockview .characterDescription .healthAndConditions .health .fatigueLabel {
	color: maroon;
	font-size: 1.35em;
	font-family: Teko;
}
.statblockview .characterDescription .healthAndConditions .traitbutton {
	margin: 5px;
}
.statblockview .attributeStatsPlus {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.statblockview .attributeStatsPlus .spacerDiv {
	width: 100%;
	height: 2px;
}
.statblockview .attributeStatsPlus .rowContainer {
	display: table-row;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 10px;
}
.statblockview .attributeStatsPlus .rowContainer .attributesCondensed {
	width: 15%;
	border-right: 1px solid black;
	margin: 0;
	padding: 0 5px;
	display: table-cell;
}
.statblockview .attributeStatsPlus .rowContainer .derivedCondensed {
	width: 15%;
	margin: 0;
	padding: 0 5px;
	display: table-cell;
}
.statblockview .attributeStatsPlus .rowContainer .derivedCondensed .additionalDerivedStats .repcontrol {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .derivedCondensed .additionalDerivedStats .statblock {
	display: inline;
}
.statblockview .attributeStatsPlus .rowContainer .derivedCondensed .additionalDerivedStats .repcontainer .repitem :not(.statblock) {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .derivedCondensed .burnButton {
	font-weight: normal;
	font-size: 13px;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs {
	border-left: 1px solid black;
	margin: 0;
	padding: 0 5px;
	display: table-cell;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .hindranceBlock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .edgeBlock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .specialAbilitiesBlock {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
	margin: 0;
	padding: 0;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .hindranceBlock .repcontainer,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .edgeBlock .repcontainer,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .specialAbilitiesBlock .repcontainer {
	display: inline-flex;
	flex-flow: wrap;
	width: auto;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .hindranceCount[value="0"] ~ .hindranceBlock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .edgeCount[value="0"] ~ .edgeBlock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .specialAbilityCount[value="0"] ~ .specialAbilitiesBlock {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontrol {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .hindrance,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .edge,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .specialAbility {
	display: inline-flex;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .hindrance .statblock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .edge .statblock,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .specialAbility .statblock {
	display: inline;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .hindrance :not(.hindranceOutput):not(.whispericon):not(.statblock),
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .edge :not(.edgeOutput):not(.whispericon):not(.statblock),
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .specialAbility :not(.edgeOutput):not(.whispericon):not(.statblock) {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .hindrance .hindranceOutput,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .edge .edgeOutput,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .repcontainer .repitem .specialAbility .edgeOutput {
	font-weight: normal;
	font-size: 13px;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	margin: 0 0 10px 0;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticacademics:not(:checked) + span.academics {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticathletics:not(:checked) + span.athletics {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticbattle:not(:checked) + span.battle {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticboating:not(:checked) + span.boating {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticcommonknowledge:not(:checked) + span.commonknowledge {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticdriving:not(:checked) + span.driving {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticelectronics:not(:checked) + span.electronics {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticfaith:not(:checked) + span.faith {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticfighting:not(:checked) + span.fighting {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticfocus:not(:checked) + span.focus {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticgambling:not(:checked) + span.gambling {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .statichacking:not(:checked) + span.hacking {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .statichealing:not(:checked) + span.healing {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticintimidation:not(:checked) + span.intimidation {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticlanguage:not(:checked) + span.language {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticnative-language:not(:checked) + span.native-language {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticnotice:not(:checked) + span.notice {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticoccult:not(:checked) + span.occult {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticperformance:not(:checked) + span.performance {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticpersuasion:not(:checked) + span.persuasion {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticpiloting:not(:checked) + span.piloting {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticpsionics:not(:checked) + span.psionics {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticrepair:not(:checked) + span.repair {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticresearch:not(:checked) + span.research {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticriding:not(:checked) + span.riding {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticscience:not(:checked) + span.science {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticshooting:not(:checked) + span.shooting {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticspellcasting:not(:checked) + span.spellcasting {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticstealth:not(:checked) + span.stealth {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticsurvival:not(:checked) + span.survival {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .statictaunt:not(:checked) + span.taunt {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticthievery:not(:checked) + span.thievery {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .statictrade:not(:checked) + span.trade {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticweirdscience:not(:checked) + span.weirdscience {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .staticother:not(:checked) + span.other {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .condensedSkill {
	margin: 3px 5px 0 0;
	border-bottom: 1px dotted gray;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .StaticSkill.hiddenInput:not(:checked) ~ .repcontainer[data-groupname=repeating_skills] {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] {
	display: flex;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .skillbutton,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .basetrait.staticKnowledgeother,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .repitem {
	width: auto;
	min-width: 10px;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .basetrait:hover {
	border: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .skillRankContainer,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .otraitmod,
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] details {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .skillbutton {
	border-bottom: 1px dotted gray;
	padding: 0;
	height: 20px !important;
	font-weight: normal;
	margin: 0 0 2px 0;
	height: auto;
	font-size: 13px;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
	text-shadow: none;
	padding: 0;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed [data-groupname=repeating_skills] .skillbutton:before {
	content: "";
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .basetrait .linkedAtt {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .basetrait .statblock {
	display: inline-flex;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .repcontrol {
	display: none;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .repcontainer {
	width: auto;
	flex-flow: row wrap;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .repitem {
	margin: 3px 5px 0 0;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .repitem .condensedSkill {
	border-bottom: 1px dotted gray;
	font-style: italic;
}
.statblockview .attributeStatsPlus .rowContainer .hindrancesEdgesSAs .skillsCondensed .repitem .speciality {
	display: none;
}
.statblockview .edgeBlock {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
	/*width: 100%;*/
	width: 66%;
	margin: 5px 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 10px;
	box-sizing: border-box;
}
.statblockview .edgeBlock .repcontainer {
	display: inline-flex;
	flex-flow: wrap;
	width: auto;
}
.statblockview .edgeCount[value="0"] ~ .edgeBlock {
	display: none;
}
.statblockview .repcontrol {
	display: none;
}
.statblockview .edge {
	display: inline-flex;
}
.statblockview .edge .statblock {
	display: inline;
}
.statblockview .repcontainer .repitem .edge :not(.edgeOutput):not(.whispericon):not(.statblock) {
	display: none;
}
.statblockview .repcontainer .repitem .edge .edgeOutput {
	font-weight: normal;
	font-size: 13px;
}
.statblockview .powerCount[value="0"] + .powersCondensed {
	display: none;
}
.statblockview .powersCondensed {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	margin: 5px 0 5px 0;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 10px;
}
.statblockview .powersCondensed .groupHeading {
	padding: 3px 0;
}
.statblockview .powersCondensed .powerpoints {
	width: auto;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
}
.statblockview .powersCondensed .powerpoints .ppcontainer {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-flow: row nowrap;
	width: auto;
}
.statblockview .powersCondensed .powerpoints .ppcontainer .ablabel {
	order: 1;
	display: inline-block;
	width: auto;
	font-size: 0.95em;
}
.statblockview .powersCondensed .powerpoints .ppcontainer .ablabel .statblock {
	display: inline;
}
.statblockview .powersCondensed .powerpoints .ppcontainer .ppfields {
	order: 3;
	display: inline-block;
	width: auto;
}
.statblockview .powersCondensed .powerpoints .ppcontainer .abpplabel {
	order: 2;
	display: inline-block;
	width: auto;
	font-size: 0.95em;
}
.statblockview .powersCondensed .powerpoints .label2,
.statblockview .powersCondensed .powerpoints .label3,
.statblockview .powersCondensed .powerpoints .label4,
.statblockview .powersCondensed .powerpoints .label5 {
	display: none;
}
.statblockview .powersCondensed .powerpoints input:not([value="1"]).showmultipleabs ~ .label2,
.statblockview .powersCondensed .powerpoints input:not([value="1"]):not([value="2"]).showmultipleabs ~ .label3,
.statblockview .powersCondensed .powerpoints input:not([value="1"]):not([value="2"]):not([value="3"]).showmultipleabs ~ .label4,
.statblockview .powersCondensed .powerpoints input:not([value="1"]):not([value="2"]):not([value="3"]):not([value="4"]).showmultipleabs ~ .label5 {
	display: inline-flex;
}
.statblockview .powersCondensed .repcontrol {
	display: none;
}
.statblockview .powersCondensed .repcontainer {
	width: auto;
	display: inline-flex;
	flex-flow: wrap;
}
.statblockview .powersCondensed .repcontainer .powerrow {
	width: auto;
	display: inline-flex;
	margin: 0 5px 0 0;
	border: none;
}
.statblockview .powersCondensed .repcontainer .powerrow .statblock {
	display: inline;
}
.statblockview .powersCondensed .repcontainer .powerrow .spellOutput {
	width: auto !important;
	margin: 0 5px 0 0;
}
.statblockview .powersCondensed .repcontainer .powerrow .spellOutput .hindranceOutput {
	padding: 0 5px 0 5px;
	border: gray 1px dotted;
}
.statblockview .powersCondensed .repcontainer .powerrow .powerbutton {
	width: auto !important;
}
.statblockview .powersCondensed .repcontainer .powerrow .powerbutton .statblock.miniButton {
	border: gray 1px solid;
	padding: 2px 5px 3px 5px;
	margin: 0 0 0 -5px;
}
.statblockview .powersCondensed .repcontainer .powerrow .powerbutton .buttonand,
.statblockview .powersCondensed .repcontainer .powerrow .powerbutton .buttondo,
.statblockview .powersCondensed .repcontainer .powerrow .powerbutton .buttonsk {
	font-size: 1.5em;
	margin: 0 5px 0 0;
}
.statblockview .powersCondensed .repcontainer .powerrow .actualpowerbutton,
.statblockview .powersCondensed .repcontainer .powerrow .power,
.statblockview .powersCondensed .repcontainer .powerrow .pp,
.statblockview .powersCondensed .repcontainer .powerrow .powerrange,
.statblockview .powersCondensed .repcontainer .powerrow .powerdamage,
.statblockview .powersCondensed .repcontainer .powerrow .duration,
.statblockview .powersCondensed .repcontainer .powerrow .invested {
	display: none;
}
.statblockview .powersCondensed .repcontainer .morespell,
.statblockview .powersCondensed .repcontainer .configCog,
.statblockview .powersCondensed .repcontainer .spelltrappings,
.statblockview .powersCondensed .repcontainer .spellnotes,
.statblockview .powersCondensed .repcontainer .spellconfig {
	display: none;
}
.statblockview .gearCondensed {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 15px;
	padding: 10px;
}
.statblockview .gearCondensed .useLoad:not(:checked) + .loadstuff {
	display: none;
}
.statblockview .gearCondensed .loadstuff {
	line-height: 25px;
}
.statblockview .gearCondensed .moneyLabels,
.statblockview .gearCondensed .nonstatblock,
.statblockview .gearCondensed .derivelabel.money,
.statblockview .gearCondensed .derivebaseplus,
.statblockview .gearCondensed .groupHeaderGear,
.statblockview .gearCondensed .consumableInput {
	display: none;
}
.statblockview .gearCondensed .statblock {
	display: inline;
}
.statblockview .gearCondensed .derivelabel,
.statblockview .gearCondensed .derivebase,
.statblockview .gearCondensed .derivemisc,
.statblockview .gearCondensed .derivemod,
.statblockview .gearCondensed .derivecurrent,
.statblockview .gearCondensed .basederived {
	width: auto;
}
.statblockview .gearCondensed .derivelabel.wealth,
.statblockview .gearCondensed .derivebase,
.statblockview .gearCondensed .usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .derivebase {
	flex-grow: 0;
}
.statblockview .gearCondensed .usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .derivelabel.money {
	display: block;
}
.statblockview .gearCondensed .usewealth:not(:checked) + .useMultiCurrency[value="1"] ~ .nonwealth > .derivebase > .statblock {
	display: none;
}
.statblockview .gearCondensed .basederived.usewealth {
	width: auto;
}
.statblockview .gearCondensed .derivebase > input[type=number].derivedStat {
	width: auto;
}
.statblockview .gearCondensed .groupHeading {
	margin-right: 5px;
}
.statblockview .gearCondensed .repcontrol,
.statblockview .gearCondensed .repcontrol[data-groupname=repeating_shields] {
	display: none;
}
.statblockview .gearCondensed .repcontainer {
	width: auto;
	display: inline-flex;
	flex-flow: wrap;
}
.statblockview .gearCondensed .repcontainer .weaponfull {
	width: auto;
	display: inline-flex;
	margin: 0 5px 0 0;
	border: none;
}
.statblockview .gearCondensed .repcontainer .weaponfull .statblock {
	display: inline;
}
.statblockview .gearCondensed .repcontainer .weaponfull .weaponItem,
.statblockview .gearCondensed .repcontainer .weaponfull .configCog,
.statblockview .gearCondensed .repcontainer .weaponfull .weaponconfig {
	display: none;
}
.statblockview .gearCondensed .repcontainer .weaponfull .buttonand.crossedSwords {
	font-size: 1.3em;
}
.statblockview .gearCondensed .repcontainer .weaponfull .buttondo.dagger {
	font-size: 1em;
}
.statblockview .gearCondensed .repcontainer .weaponfull .buttonma > .crossedSwords {
	font-size: 2em;
}
.statblockview .gearCondensed .repcontainer .weaponfull .buttonma > .dagger {
	font-size: 1.2em;
}
.statblockview .gearCondensed .repcontainer .weaponfull .weaponRange[value=Melee] ~ .showRange,
.statblockview .gearCondensed .repcontainer .weaponfull .weaponRange:not([value*="/"]) ~ .showRange {
	display: none;
}
.statblockview .gearCondensed .repcontainer .weaponfull .openParens {
	margin: 0 -3px 0 3px;
}
.statblockview .gearCondensed .repcontainer .weaponfull .statblock.miniButton {
	border: gray 1px solid;
	padding: 2px 5px 3px 0;
	margin: 0 0 0 2px;
	height: 21px;
}
.statblockview .gearCondensed .repcontainer .weaponfull .damage {
	margin: 0 3px 0 0;
}
.statblockview .gearCondensed .repcontainer .armor {
	width: auto;
	display: inline-flex;
	margin: 0 5px 0 0;
	border: none;
	padding: 5px 0 0 0;
}
.statblockview .gearCondensed .repcontainer .armor :not(.statblock) {
	display: none;
}
.statblockview .gearCondensed .repcontainer .armor .statblock {
	display: inline;
}
.statblockview .gearCondensed .repcontainer .armor .openParens {
	margin: 0 0 0 3px;
}
.statblockview .gearCondensed .repcontainer .gearRow {
	width: auto;
	display: inline-flex;
	margin: 0 5px 0 10px;
	border: none;
	padding: 5px 0 0 0;
}
.statblockview .gearCondensed .repcontainer .gearRow :not(.statblock) {
	display: none;
}
.statblockview .gearCondensed .repcontainer .gearRow .statblock {
	display: inline;
}
.statblockview .gearCondensed .repcontainer .gearRow .openParens {
	margin: 0 0 0 3px;
}
.statblockview .gearCondensed .repcontainer .gearRow .showQuantity {
	display: none;
}
.statblockview .gearCondensed .repcontainer .gearRow .itemqty:not([value="0"]):not([value="1"]) ~ .showQuantity {
	display: inline;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] {
	width: auto;
	display: inline-flex;
	flex-flow: wrap;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] input.isWorn:not([value="1"]) + .statblockIcon {
	display: none;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] input.isWorn[value="1"] + .statblockIcon {
	display: inline;
	margin: 0 -7px 0 0;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] .statblock {
	margin: 0 10px 0 0;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] > .repitem :not(.statblock) {
	display: none;
}
.statblockview .gearCondensed [data-groupname=repeating_shields] > .repitem .statblock {
	display: inline-block;
	padding: 5px 0 0 5px;
}

.useDominion,
.useBurn,
.additionalDerivedStats {
	display: none;
}

.useDominion[value="1"] ~ .useDominion,
.useBurn[value="1"] ~ .useBurn,
.showadditional:checked ~ .additionalDerivedStats {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* Generic View */
.useTheme[value="0"] ~ .statblockview .statBlockHeader .statblockName {
	background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/Red_Tape_Side.png);
	background-size: cover;
}

/* Deadlands Theme */
.useTheme[value="1"] ~ .statblockview h3.groupHeading {
	font-family: Rye;
}
.useTheme[value="1"] ~ .statblockview .statBlockHeader .statblockName {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.useTheme[value="1"] ~ .statblockview .statBlockHeader .statblockName .headerContainer {
	font-family: Rye;
	color: white;
}

/* Pathfinder Theme */
.useTheme[value="2"] ~ .statblockview .statBlockHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	/*background-size: cover;*/
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px 0 10px 0;
}
.useTheme[value="2"] ~ .statblockview .statBlockHeader .statblockName .headerContainer {
	font-family: Metamorphous;
	/*font-family: Almendra;*/
}
.useTheme[value="2"] ~ .statblockview .statBlockHeader .statblockName .charsummary {
	margin: -10px 0 0 0;
}
.useTheme[value="2"] ~ .statblockview .groupHeading {
	font-family: Metamorphous;
	/*font-family: Almendra;*/
}
.useTheme[value="2"] ~ .statblockview .edgeBlock {
	width: 80%;
}
.useTheme[value="2"] ~ .statblockview .logoBlock {
	text-align: right;
	width: 20%;
}
.useTheme[value="2"] ~ .statblockview .logoBlock .logo {
	width: auto;
}

/*Rifts Theme*/
.useTheme[value="3"] ~ .statblockview h3.groupHeading {
	color: #091139;
	font-family: Anton;
	font-size: 1em;
}
.useTheme[value="3"] ~ .statblockview .statBlockHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	height: 95px;
}
.useTheme[value="3"] ~ .statblockview .statBlockHeader .statblockName .headerContainer {
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
}
.useTheme[value="3"] ~ .statblockview .statBlockHeader .charsummary {
	margin: -10px 0 0 0;
}
.useTheme[value="3"] ~ .statblockview .characterDescription {
	border-radius: 5px;
}
.useTheme[value="3"] ~ .statblockview .characterDescription .woundsLabel,
.useTheme[value="3"] ~ .statblockview .characterDescription .fatigueLabel {
	color: #091139;
	font-family: Anton;
}
.useTheme[value="3"] ~ .statblockview .attributeStatsPlus .rowContainer {
	border-radius: 5px;
}
.useTheme[value="3"] ~ .statblockview .powersCondensed,
.useTheme[value="3"] ~ .statblockview .gearCondensed,
.useTheme[value="3"] ~ .statblockview .edgeBlock {
	border-radius: 5px;
}

/*-------------------------------------------------------------------
-- The Themes file for the Main Character Sheet.
-- The Condensed view has it's own file: _statblockViewThemes.scss
------------------------------------------------------------------ */
/* Generic Theme */
.useTheme[value="0"] ~ .background > .base .character .triFold {
	background: rgba(255, 255, 255, 0.45);
}
.useTheme[value="0"] ~ .background > .base .character .bottomHalf .groupHeader {
	background-color: rgba(255, 255, 255, 0.4);
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="0"] ~ .background > .base .character .weapons,
.useTheme[value="0"] ~ .background > .base .character .arcane {
	background-color: rgba(255, 255, 255, 0.4);
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="0"] ~ .background > .base .character .armorHalf,
.useTheme[value="0"] ~ .background > .base .character .shieldHalf {
	background-color: rgba(255, 255, 255, 0.4);
	padding: 0 0 5px 0;
}
.useTheme[value="0"] ~ .background > .base .character .armorHalf .groupHeader,
.useTheme[value="0"] ~ .background > .base .character .shieldHalf .groupHeader {
	font-weight: bold;
}
.useTheme[value="0"] ~ .background > .base .configurationpane select {
	width: auto;
}
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection {
	background-color: transparent;
}
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .srmconfig,
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .miscconfig,
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .csnconfig,
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	background-color: rgba(255, 255, 255, 0.4);
}
.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	box-sizing: border-box;
	padding: 15px;
}

/* Deadlands Theme */
.useTheme[value="1"] ~ .background > .base .character .traitHeader {
	font-family: Rye;
	font-size: 1.5em;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .character .triFold {
	background: none;
}
.useTheme[value="1"] ~ .background > .base .character .attributes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .character .attributes .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="1"] ~ .background > .base .character .hindrances,
.useTheme[value="1"] ~ .background > .base .character .edges,
.useTheme[value="1"] ~ .background > .base .character .specAbilities,
.useTheme[value="1"] ~ .background > .base .character .additionalDerived,
.useTheme[value="1"] ~ .background > .base .character .miscderived,
.useTheme[value="1"] ~ .background > .base .character .gear,
.useTheme[value="1"] ~ .background > .base .character .health,
.useTheme[value="1"] ~ .background > .base .character .recovery,
.useTheme[value="1"] ~ .background > .base .character .traitHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .character .skills {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .character .skills .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="1"] ~ .background > .base .character .miscderived,
.useTheme[value="1"] ~ .background > .base .character .gear {
	padding: 5px 0 5px 0;
}
.useTheme[value="1"] ~ .background > .base .character .charDemo,
.useTheme[value="1"] ~ .background > .base .character .parryPaceToughness {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="1"] ~ .background > .base .character h1.additionalDerived {
	font-family: Rye;
	font-size: 1.75em;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: -10px;
}
.useTheme[value="1"] ~ .background > .base .character .loadstuff {
	background-color: none;
}
.useTheme[value="1"] ~ .background > .base .character h1.groupHeaderGear {
	font-family: Rye;
	font-size: 1.75em;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="1"] ~ .background > .base .character .paceButton,
.useTheme[value="1"] ~ .background > .base .character .parryLabelButton,
.useTheme[value="1"] ~ .background > .base .character .toughnessLabelButton,
.useTheme[value="1"] ~ .background > .base .character .woundLabelButton,
.useTheme[value="1"] ~ .background > .base .character .fatigueLabelButton,
.useTheme[value="1"] ~ .background > .base .character .unshake,
.useTheme[value="1"] ~ .background > .base .character .soak {
	font-family: Rye;
	font-size: 1em;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .character .conditions {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
.useTheme[value="1"] ~ .background > .base .character .bottomHalf .groupHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	font-family: Rye;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="1"] ~ .background > .base .character .weapons,
.useTheme[value="1"] ~ .background > .base .character .arcane {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="1"] ~ .background > .base .character .armorHalf,
.useTheme[value="1"] ~ .background > .base .character .shieldHalf {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	padding: 0 0 5px 0;
}
.useTheme[value="1"] ~ .background > .base .character .armorHalf .groupHeader,
.useTheme[value="1"] ~ .background > .base .character .shieldHalf .groupHeader {
	font-family: Rye;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .vehicles h1.groupHeader,
.useTheme[value="1"] ~ .background > .base .powerArmor h1.groupHeader,
.useTheme[value="1"] ~ .background > .base .robotArmor h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-family: Rye;
	color: #fae5d3;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .vehicles h1.groupHeader input.headerInput,
.useTheme[value="1"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput,
.useTheme[value="1"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput {
	font-family: Rye;
	color: #fae5d3;
}
.useTheme[value="1"] ~ .background > .base .vehicles h1.groupHeader input.headerInput::placeholder,
.useTheme[value="1"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput::placeholder,
.useTheme[value="1"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput::placeholder {
	color: #fae5d3;
}
.useTheme[value="1"] ~ .background > .base .vehicles .shipMainSection,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipMainSection,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipMainSection {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="1"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn1,
.useTheme[value="1"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn2,
.useTheme[value="1"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn3,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn1,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn2,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn3,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn1,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn2,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn3 {
	background-color: transparent;
}
.useTheme[value="1"] ~ .background > .base .vehicles .shipWeapons,
.useTheme[value="1"] ~ .background > .base .vehicles .weapons,
.useTheme[value="1"] ~ .background > .base .vehicles .shipNotes,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipWeapons,
.useTheme[value="1"] ~ .background > .base .powerArmor .weapons,
.useTheme[value="1"] ~ .background > .base .powerArmor .shipNotes,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipWeapons,
.useTheme[value="1"] ~ .background > .base .robotArmor .weapons,
.useTheme[value="1"] ~ .background > .base .robotArmor .shipNotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .vehicles .hideBtn,
.useTheme[value="1"] ~ .background > .base .powerArmor .hideBtn,
.useTheme[value="1"] ~ .background > .base .robotArmor .hideBtn {
	color: #fae5d3;
	position: relative;
	top: 10px;
	left: 10px;
}
.useTheme[value="1"] ~ .background > .base .vehicles .powerArmorButton,
.useTheme[value="1"] ~ .background > .base .powerArmor .powerArmorButton,
.useTheme[value="1"] ~ .background > .base .robotArmor .powerArmorButton {
	right: -2.5%;
	background-color: #922b21;
	border: none;
	color: #fae5d3;
}
.useTheme[value="1"] ~ .background > .base .characternotes .standardDiv,
.useTheme[value="1"] ~ .background > .base .characternotes .charnotes {
	background-color: transparent;
}
.useTheme[value="1"] ~ .background > .base .characternotes h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	/*background-size: contain;*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	font-family: Rye;
	color: #fae5d3;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .characternotes .standardTextArea,
.useTheme[value="1"] ~ .background > .base .characternotes .QL {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	width: 98%;
	padding: 15px;
	box-sizing: border-box;
}
.useTheme[value="1"] ~ .background > .base .configurationpane {
	background-color: transparent;
}
.useTheme[value="1"] ~ .background > .base .configurationpane select {
	width: auto;
}
.useTheme[value="1"] ~ .background > .base .configurationpane .configSectionTitle {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Rye;
	color: #fae5d3;
	font-size: 2.5em;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection {
	background-color: transparent;
}
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection .srmconfig,
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection .miscconfig,
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection .csnconfig,
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	box-sizing: border-box;
	padding: 15px;
}
.useTheme[value="1"] ~ .background > .base .combatoptions .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Rye;
	color: #fae5d3;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .releasenotesTab .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Rye;
	color: #fae5d3;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .releasenotesTab .releasenotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="1"] ~ .background > .base .releasenotesTab .releasenotes .releaseNotesSubHeader {
	font-family: Rye;
	font-size: 1.5em;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .releasenotesTab .rowlabel {
	font-family: Rye;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .sheetdocumentation .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Rye;
	color: #fae5d3;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="1"] ~ .background > .base .sheetdocumentation .docHeading {
	font-family: Rye;
	font-size: 1.5em;
	font-weight: bold;
	color: maroon;
	border-bottom: 0.5px solid maroon;
}
.useTheme[value="1"] ~ .background > .base .sheetdocumentation .docSubHeading {
	font-family: Rye;
	font-size: 1.35em;
	font-weight: bold;
}
.useTheme[value="1"] ~ .background > .base .sheetdocumentation button[type=roll].linkButton {
	color: maroon;
}
.useTheme[value="1"] ~ .background > .base .sheetdocumentation .docparagraph,
.useTheme[value="1"] ~ .background > .base .sheetdocumentation ul.docList {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 10px;
}

/* Pathfinder Theme*/
.useTheme[value="2"] ~ .background > .base .character .traitHeader {
	font-family: Metamorphous;
	font-size: 1.5em;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .character .triFold {
	background: none;
}
.useTheme[value="2"] ~ .background > .base .character .attributes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .character .attributes .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="2"] ~ .background > .base .character .hindrances,
.useTheme[value="2"] ~ .background > .base .character .edges,
.useTheme[value="2"] ~ .background > .base .character .specAbilities,
.useTheme[value="2"] ~ .background > .base .character .additionalDerived,
.useTheme[value="2"] ~ .background > .base .character .miscderived,
.useTheme[value="2"] ~ .background > .base .character .gear,
.useTheme[value="2"] ~ .background > .base .character .health,
.useTheme[value="2"] ~ .background > .base .character .recovery,
.useTheme[value="2"] ~ .background > .base .character .traitHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .character .skills {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .character .skills .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="2"] ~ .background > .base .character .miscderived,
.useTheme[value="2"] ~ .background > .base .character .gear {
	padding: 5px 0 5px 0;
}
.useTheme[value="2"] ~ .background > .base .character .charDemo,
.useTheme[value="2"] ~ .background > .base .character .parryPaceToughness {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="2"] ~ .background > .base .character h1.additionalDerived {
	font-family: Metamorphous;
	font-size: 1.75em;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: -10px;
}
.useTheme[value="2"] ~ .background > .base .character .loadstuff {
	background-color: none;
}
.useTheme[value="2"] ~ .background > .base .character h1.groupHeaderGear {
	font-family: Metamorphous;
	font-size: 1.75em;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="2"] ~ .background > .base .character .paceButton,
.useTheme[value="2"] ~ .background > .base .character .parryLabelButton,
.useTheme[value="2"] ~ .background > .base .character .toughnessLabelButton,
.useTheme[value="2"] ~ .background > .base .character .woundLabelButton,
.useTheme[value="2"] ~ .background > .base .character .fatigueLabelButton,
.useTheme[value="2"] ~ .background > .base .character .unshake,
.useTheme[value="2"] ~ .background > .base .character .soak {
	font-family: Metamorphous;
	font-size: 1em;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .character .conditions {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
.useTheme[value="2"] ~ .background > .base .character .bottomHalf .groupHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	font-family: Metamorphous;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="2"] ~ .background > .base .character .weapons,
.useTheme[value="2"] ~ .background > .base .character .arcane {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="2"] ~ .background > .base .character .armorHalf,
.useTheme[value="2"] ~ .background > .base .character .shieldHalf {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	padding: 0 0 5px 0;
}
.useTheme[value="2"] ~ .background > .base .character .armorHalf .groupHeader,
.useTheme[value="2"] ~ .background > .base .character .shieldHalf .groupHeader {
	font-family: Metamorphous;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .vehicles h1.groupHeader,
.useTheme[value="2"] ~ .background > .base .powerArmor h1.groupHeader,
.useTheme[value="2"] ~ .background > .base .robotArmor h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-family: Metamorphous;
	color: #fceeee;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .vehicles h1.groupHeader input.headerInput,
.useTheme[value="2"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput,
.useTheme[value="2"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput {
	font-family: Metamorphous;
	color: #fceeee;
}
.useTheme[value="2"] ~ .background > .base .vehicles h1.groupHeader input.headerInput::placeholder,
.useTheme[value="2"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput::placeholder,
.useTheme[value="2"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput::placeholder {
	color: #fceeee;
}
.useTheme[value="2"] ~ .background > .base .vehicles .shipMainSection,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipMainSection,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipMainSection {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="2"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn1,
.useTheme[value="2"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn2,
.useTheme[value="2"] ~ .background > .base .vehicles .shipMainSection .shipMainColumn3,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn1,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn2,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipMainSection .shipMainColumn3,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn1,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn2,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipMainSection .shipMainColumn3 {
	background-color: transparent;
}
.useTheme[value="2"] ~ .background > .base .vehicles .shipWeapons,
.useTheme[value="2"] ~ .background > .base .vehicles .weapons,
.useTheme[value="2"] ~ .background > .base .vehicles .shipNotes,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipWeapons,
.useTheme[value="2"] ~ .background > .base .powerArmor .weapons,
.useTheme[value="2"] ~ .background > .base .powerArmor .shipNotes,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipWeapons,
.useTheme[value="2"] ~ .background > .base .robotArmor .weapons,
.useTheme[value="2"] ~ .background > .base .robotArmor .shipNotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .vehicles .hideBtn,
.useTheme[value="2"] ~ .background > .base .powerArmor .hideBtn,
.useTheme[value="2"] ~ .background > .base .robotArmor .hideBtn {
	color: #fceeee;
	position: relative;
	top: 10px;
	left: 10px;
}
.useTheme[value="2"] ~ .background > .base .vehicles .powerArmorButton,
.useTheme[value="2"] ~ .background > .base .powerArmor .powerArmorButton,
.useTheme[value="2"] ~ .background > .base .robotArmor .powerArmorButton {
	right: -2.5%;
	background-color: #f1948a;
	border: none;
	color: maroon;
}
.useTheme[value="2"] ~ .background > .base .characternotes .standardDiv,
.useTheme[value="2"] ~ .background > .base .characternotes .charnotes {
	background-color: transparent;
}
.useTheme[value="2"] ~ .background > .base .characternotes h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: contain;
	background-repeat: no-repeat;
	font-family: Metamorphous;
	color: #fceeee;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .characternotes .standardTextArea,
.useTheme[value="2"] ~ .background > .base .characternotes .QL {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	width: 98%;
	padding: 15px;
	box-sizing: border-box;
}
.useTheme[value="2"] ~ .background > .base .configurationpane {
	background-color: transparent;
}
.useTheme[value="2"] ~ .background > .base .configurationpane select {
	width: auto;
}
.useTheme[value="2"] ~ .background > .base .configurationpane .configSectionTitle {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Metamorphous;
	color: #fceeee;
	font-size: 2.5em;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection {
	background-color: transparent;
}
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection .srmconfig,
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection .miscconfig,
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection .csnconfig,
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	box-sizing: border-box;
	padding: 15px;
}
.useTheme[value="2"] ~ .background > .base .combatoptions .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Metamorphous;
	color: #fceeee;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .releasenotesTab .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Metamorphous;
	color: #fceeee;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .releasenotesTab .releasenotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
}
.useTheme[value="2"] ~ .background > .base .releasenotesTab .releasenotes .releaseNotesSubHeader {
	font-family: Metamorphous;
	font-size: 1.5em;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .releasenotesTab .rowlabel {
	font-family: Metamorphous;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .sheetdocumentation .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png);
	background-size: 100%;
	background-repeat: no-repeat;
	font-family: Metamorphous;
	color: #fceeee;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="2"] ~ .background > .base .sheetdocumentation .docHeading {
	font-family: Metamorphous;
	font-size: 1.5em;
	font-weight: bold;
	color: maroon;
	border-bottom: 0.5px solid maroon;
}
.useTheme[value="2"] ~ .background > .base .sheetdocumentation .docSubHeading {
	font-family: Metamorphous;
	font-size: 1.35em;
	font-weight: bold;
}
.useTheme[value="2"] ~ .background > .base .sheetdocumentation button[type=roll].linkButton {
	color: maroon;
}
.useTheme[value="2"] ~ .background > .base .sheetdocumentation .docparagraph,
.useTheme[value="2"] ~ .background > .base .sheetdocumentation ul.docList {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 25px;
	box-sizing: border-box;
	padding: 10px;
}

/* Rifts Theme */
.useTheme[value="3"] ~ .background > .base .character .traitHeader {
	color: #091139;
	font-family: Anton;
	font-size: 1.5em;
	font-weight: normal;
}
.useTheme[value="3"] ~ .background > .base .character .triFold {
	background: none;
}
.useTheme[value="3"] ~ .background > .base .character .attributes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .character .attributes .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="3"] ~ .background > .base .character .hindrances,
.useTheme[value="3"] ~ .background > .base .character .edges,
.useTheme[value="3"] ~ .background > .base .character .specAbilities,
.useTheme[value="3"] ~ .background > .base .character .additionalDerived,
.useTheme[value="3"] ~ .background > .base .character .miscderived,
.useTheme[value="3"] ~ .background > .base .character .gear,
.useTheme[value="3"] ~ .background > .base .character .health,
.useTheme[value="3"] ~ .background > .base .character .recovery,
.useTheme[value="3"] ~ .background > .base .character .traitHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .character .skills {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .character .skills .traitHeader {
	background-color: transparent !important;
	border-radius: 0;
}
.useTheme[value="3"] ~ .background > .base .character .miscderived,
.useTheme[value="3"] ~ .background > .base .character .gear {
	padding: 5px 0 5px 0;
}
.useTheme[value="3"] ~ .background > .base .character .charDemo,
.useTheme[value="3"] ~ .background > .base .character .parryPaceToughness {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="3"] ~ .background > .base .character h1.additionalDerived {
	color: #091139;
	font-family: Anton;
	font-size: 1.75em;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
	margin-bottom: -10px;
}
.useTheme[value="3"] ~ .background > .base .character .loadstuff {
	background-color: none;
}
.useTheme[value="3"] ~ .background > .base .character h1.groupHeaderGear {
	color: #091139;
	font-family: Anton;
	font-size: 1.75em;
	font-weight: normal;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="3"] ~ .background > .base .character .paceButton,
.useTheme[value="3"] ~ .background > .base .character .parryLabelButton,
.useTheme[value="3"] ~ .background > .base .character .toughnessLabelButton,
.useTheme[value="3"] ~ .background > .base .character .woundLabelButton,
.useTheme[value="3"] ~ .background > .base .character .fatigueLabelButton,
.useTheme[value="3"] ~ .background > .base .character .unshake,
.useTheme[value="3"] ~ .background > .base .character .soak {
	color: #091139;
	font-family: Anton;
	font-size: 1em;
	font-weight: normal;
}
.useTheme[value="3"] ~ .background > .base .character .conditions {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 10px 0 0 0;
}
.useTheme[value="3"] ~ .background > .base .character .bottomHalf .groupHeader {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	color: #091139;
	font-family: Anton;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="3"] ~ .background > .base .character .weapons,
.useTheme[value="3"] ~ .background > .base .character .arcane {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px 0 5px 0;
}
.useTheme[value="3"] ~ .background > .base .character .armorHalf,
.useTheme[value="3"] ~ .background > .base .character .shieldHalf {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	padding: 0 0 5px 0;
}
.useTheme[value="3"] ~ .background > .base .character .armorHalf .groupHeader,
.useTheme[value="3"] ~ .background > .base .character .shieldHalf .groupHeader {
	color: #091139;
	font-family: Anton;
}
.useTheme[value="3"] ~ .background > .base .vehicles h1.groupHeader,
.useTheme[value="3"] ~ .background > .base .powerArmor h1.groupHeader,
.useTheme[value="3"] ~ .background > .base .robotArmor h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .vehicles h1.groupHeader input.headerInput,
.useTheme[value="3"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput,
.useTheme[value="3"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput {
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
}
.useTheme[value="3"] ~ .background > .base .vehicles h1.groupHeader input.headerInput::placeholder,
.useTheme[value="3"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput::placeholder,
.useTheme[value="3"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput::placeholder {
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
}
.useTheme[value="3"] ~ .background > .base .vehicles .shipWeapons,
.useTheme[value="3"] ~ .background > .base .vehicles .weapons,
.useTheme[value="3"] ~ .background > .base .vehicles .shipNotes,
.useTheme[value="3"] ~ .background > .base .powerArmor .shipWeapons,
.useTheme[value="3"] ~ .background > .base .powerArmor .weapons,
.useTheme[value="3"] ~ .background > .base .powerArmor .shipNotes,
.useTheme[value="3"] ~ .background > .base .robotArmor .shipWeapons,
.useTheme[value="3"] ~ .background > .base .robotArmor .weapons,
.useTheme[value="3"] ~ .background > .base .robotArmor .shipNotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .vehicles .hideBtn,
.useTheme[value="3"] ~ .background > .base .powerArmor .hideBtn,
.useTheme[value="3"] ~ .background > .base .robotArmor .hideBtn {
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	margin: 15px 0 -27px 35px;
}
.useTheme[value="3"] ~ .background > .base .characternotes .standardDiv,
.useTheme[value="3"] ~ .background > .base .characternotes .charnotes {
	background-color: transparent;
}
.useTheme[value="3"] ~ .background > .base .characternotes h1.groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .characternotes .standardTextArea,
.useTheme[value="3"] ~ .background > .base .characternotes .QL {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	width: 98%;
}
.useTheme[value="3"] ~ .background > .base .configurationpane {
	background-color: transparent;
}
.useTheme[value="3"] ~ .background > .base .configurationpane .configSectionTitle {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	font-size: 2.5em;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .configurationpane .configSection {
	background-color: transparent;
}
.useTheme[value="3"] ~ .background > .base .configurationpane .configSection .srmconfig,
.useTheme[value="3"] ~ .background > .base .configurationpane .configSection .miscconfig,
.useTheme[value="3"] ~ .background > .base .configurationpane .configSection .csnconfig,
.useTheme[value="3"] ~ .background > .base .configurationpane .configSection .savagedUSImporter {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .combatoptions .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(odd) {
	background-color: #34495e;
	color: white;
}
.useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(odd) .optionLabel {
	color: rgb(242, 159, 64);
}
.useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(even) {
	background-color: #5d6d7e;
	color: white;
}
.useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(even) .optionLabel {
	color: rgb(242, 159, 64);
}
.useTheme[value="3"] ~ .background > .base .releasenotesTab .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .releasenotesTab .releasenotes {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
}
.useTheme[value="3"] ~ .background > .base .releasenotesTab .releasenotes .releaseNotesSubHeader {
	color: #091139;
	font-family: Anton;
	font-size: 1.5em;
	font-weight: normal;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .groupHeader {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png);
	background-size: cover;
	background-position-y: -8px;
	background-repeat: no-repeat;
	font-family: Anton;
	color: rgb(242, 159, 64);
	-webkit-text-stroke: 1px black;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .docHeading {
	font-family: Anton;
	font-size: 1.5em;
	font-weight: normal;
	color: #091139;
	border-bottom: 0.5px solid #091139;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .docSubHeading {
	font-family: Anton;
	font-size: 1.35em;
	font-weight: normal;
	color: #091139;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation button[type=roll].linkButton {
	color: #091139;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation li.docList::before {
	color: #091139;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .docparagraph,
.useTheme[value="3"] ~ .background > .base .sheetdocumentation ul.docList {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .titleLeft,
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .titleRight {
	background-color: #1b2631;
	color: white;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .colLabels {
	background-color: #17202a;
	color: white;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable tr:nth-child(odd) {
	background-color: #5d6d7e;
	color: white;
}
.useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable tr:nth-child(even) {
	background-color: #34495e;
	color: white;
}

/* Dark Mode */
.useDarkMode[value="1"] ~ .background {
	filter: invert(1);
}

/* Set up Variables */
.sheet-rolltemplate-roll,
.sheet-rolltemplate-damage,
.sheet-rolltemplate-statblock {
	--main-text: rgb(64, 64, 64);
	--main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--blue-text: #035096;
	--default-background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/graph_paper_web.jpg")
	  no-repeat;
	/* Header Stuff */
	--header-text: rgb(64, 64, 64);
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2.png")
	  no-repeat;
	--default-header-img-size: 100%;
	--default-header-height: 105px;
	--default-header-padding: 20px 0 0 0;
	--style-font: Teko; /*used for teh h2 tag in the header */
	--accent-font: Teko; /*Used for h3 tag in the header*/
	--header-font-size: 2em;
	--subheader-font-size: 1.5em;
	/* Roll Text Styling */
	--roll-font: var(--main-font) bold 1em;
	--roll-fullcrit: green;
	--roll-fullfail: maroon;
	/* Button Variables */
	--button-background: #663300;
	--button-color: #ffe699;
	--button-font: 1em var(--main-font);
	--bonus-button-font: 0.5em var(--main-font);
	--unshake-button-background: #ffa500;
	--unshake-button-text: black;
	--unshake-button-border: black 1px solid;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode {
	--button-background: #000;
	--button-color: ##dbdbdb;
	--button-font: 1em var(--main-font);
	--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffc7d0;
	--blue-text: #b3fbff;
	--unshake-button-background: black;
	--unshake-button-text: #FFCF75;
	--unshake-button-border: #FFCF75 1px solid;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-generic,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-generic,
.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode .sheet-generic {
	background: rgb(64, 64, 64);
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-swpf,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-swpf,
.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-swpf {
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-power.png")
	  no-repeat;
	--header-text: #b3fbff;
	--button-background: #035096;
}
.sheet-rolltemplate-roll .sheet-swpf,
.sheet-rolltemplate-damage .sheet-swpf,
.sheet-rolltemplate-statblock .sheet-swpf {
	--default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg");
	--default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png")
	  no-repeat;
	--style-font: Metamorphous;
	--header-text: rgb(252, 238, 238);
	--header-font-size: 1.5em;
	--default-header-img-size: cover;
	--button-background: maroon;
	--button-color: var(--header-text);
	--button-font: 1em var(--style-font);
	--bonus-button-font: 0.5em var(--style-font);
	--roll-font: bold 1em Metamorphous;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-dlww,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-dlww,
.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-dlww {
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-power.png")
	  no-repeat;
	--header-text: #b3fbff;
	--button-background: #035096;
}
.sheet-rolltemplate-roll .sheet-dlww,
.sheet-rolltemplate-damage .sheet-dlww,
.sheet-rolltemplate-statblock .sheet-dlww {
	--default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg");
	--default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png")
	  no-repeat;
	--style-font: Rye;
	--header-text: rgb(252, 238, 238);
	--header-font-size: 1.5em;
	--default-header-img-size: cover;
	--button-background: maroon;
	--button-color: var(--header-text);
	--button-font: 1em var(--style-font);
	--bonus-button-font: 0.5em var(--style-font);
	--roll-font: bold 1em Rye;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-rifts,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-rifts,
.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-rifts {
	--default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png")
	  no-repeat;
	--header-text: #b3fbff;
	--button-background: #035096;
}
.sheet-rolltemplate-roll .sheet-rifts,
.sheet-rolltemplate-damage .sheet-rifts,
.sheet-rolltemplate-statblock .sheet-rifts {
	--default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/r20-rifts-hex-pattern.png");
	--default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png")
	  no-repeat;
	--style-font: Anton;
	--header-text: #f29f40;
	--header-font-size: 1.5em;
	--default-header-img-size: cover;
	--button-background: #091139;
	--button-color: var(--header-text);
	--button-font: 1.25em var(--style-font);
	--bonus-button-font: 0.5em var(--style-font);
	--roll-font: bold 1em Anton;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-generic,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-generic,
.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-generic {
	--default-header: #035096;
	--header-text: #b3fbff;
	--button-background: #035096;
}
.sheet-rolltemplate-roll .sheet-generic,
.sheet-rolltemplate-damage .sheet-generic,
.sheet-rolltemplate-statblock .sheet-generic {
	--style-font: var(--main-font);
	--accent-font: var(--main-font);
	--default-background: white;
	--default-header: black;
	--default-header-height: auto;
	--default-header-padding: 0 0 5px 0;
	--header-text: white;
	--header-font-size: 1.5em;
	--subheader-font-size: calc(var(--header-font-size) * 0.75);
	--button-background: black;
	--button-color: var(--header-text);
	--button-font: 1em var(--style-font);
	--bonus-button-font: 0.5em var(--style-font);
}

.sheet-rolltemplate-damage {
	--header-text: maroon;
	--button-background: maroon;
	--button-color: rgb(252, 238, 238);
}
.sheet-rolltemplate-damage .sheet-swpf {
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-damage.png")
	  no-repeat;
}
.sheet-rolltemplate-damage .sheet-dlww {
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-damage.png")
	  no-repeat;
}
.sheet-rolltemplate-damage .sheet-rifts {
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-rifts-header-damage.png")
	  no-repeat;
	--header-text: rgb(255, 238, 238);
	--button-background: maroon;
	--button-color: rgb(252, 238, 238);
}

/* Fairly Global Settings */
.sheet-rolltemplate-roll div,
.sheet-rolltemplate-roll span,
.sheet-rolltemplate-roll h1,
.sheet-rolltemplate-roll h2,
.sheet-rolltemplate-damage div,
.sheet-rolltemplate-damage span,
.sheet-rolltemplate-damage h1,
.sheet-rolltemplate-damage h2 {
	box-sizing: border-box;
	color: var(--main-text);
	font-family: var(--main-font);
}

.sheet-rolltemplate-statblock,
.sheet-rolltemplate-statblock h2 {
	color: var(--main-text);
	font-family: var(--main-font);
}

.sheet-rolltemplate-roll .sheet-templateMain,
.sheet-rolltemplate-damage .sheet-templateMain,
.sheet-rolltemplate-info .sheet-templateMain {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
}

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

/*.sheet-rolltemplate-roll,*/
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode {
	/*filter: invert(100%);*/
	--default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2_darkmode.png")
	  no-repeat;
	--header-text: black;
	--main-text: #dbdbdb;
	--default-background: rgb(64, 64, 64);
	/*--unshake-button-background: #ffa500;
	--unshake-button-text: black;
	--unshake-button-border: black 1px solid;*/
	/* need to look at a different font color for dark mode */
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate {
	--header-text: #b3fbff;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-swpf,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-swpf {
	--default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-darkmode.png")
	  no-repeat;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-swpf,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-swpf {
	--default-background: rgb(64, 64, 64);
	--default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-darkmode.png")
	  no-repeat;
	--main-text: #dbdbdb;
	--header-text: #dbdbdb;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-dlww,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-dlww {
	--default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png")
	  no-repeat;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-dlww,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-dlww {
	--default-background: rgb(64, 64, 64);
	--default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png")
	  no-repeat;
	--main-text: #dbdbdb;
	--header-text: #dbdbdb;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-rifts,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-rifts {
	filter: grayscale(50%);
	/*--default-background: rgb(64, 64, 64);
	--default-header: url('https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png')
	  no-repeat;*/
	--main-text: black;
	--header-text: darkgray;
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-rifts .sheet-templateBody,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-rifts .sheet-templateBody {
	background-color: rgba(255, 255, 255, 0.25);
}
.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-generic,
.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-generic {
	--default-header: #000;
	--header-text: #dbdbdb;
	--main-text: #dbdbdb;
	/*--unshake-button-background: #ffa500;
	--unshake-button-text: black;
	--unshake-button-border: black 1px solid;*/
}
.sheet-rolltemplate-roll .sheet-tokenImage,
.sheet-rolltemplate-damage .sheet-tokenImage {
	height: 35px;
	margin: 0 0 10px -25px;
}
.sheet-rolltemplate-roll .sheet-tokenImage img,
.sheet-rolltemplate-damage .sheet-tokenImage img {
	width: 25%;
	position: absolute;
	z-index: 1000;
}
.sheet-rolltemplate-roll .sheet-templateMain,
.sheet-rolltemplate-damage .sheet-templateMain {
	background: var(--default-background);
	/*background: var(--default-header);*/
}
.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult,
.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult {
	background-color: transparent !important;
	border: none !important;
	padding: 0;
	font: var(--roll-font);
	/*font-weight: normal;
	font-size: 1em;*/
}
.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult.fullcrit,
.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult.fullcrit {
	/*color: #3fb315;*/
	color: var(--roll-fullcrit);
	border: none !important;
	font-weight: bold;
}
.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult.fullfail,
.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult.fullfail {
	/*color: maroon;*/
	color: var(--roll-fullfail);
	border: none !important;
	font-weight: bold;
}
.sheet-rolltemplate-roll .sheet-templateMain h4.sheet-templateBlue,
.sheet-rolltemplate-damage .sheet-templateMain h4.sheet-templateBlue {
	color: var(--blue-text);
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-dlww .sheet-templateHeader,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-dlww .sheet-templateHeader {
	background-position-x: -4px;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts {
	background-size: 50%;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader {
	background-position-x: -10px;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader h2,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader h2 {
	margin-top: -3px;
	-webkit-text-stroke: 1px black;
}
.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader h2.sheet-smallHeader,
.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader h2.sheet-smallHeader {
	-webkit-text-stroke: 0.25px black;
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader {
	background: var(--default-header);
	background-size: var(--default-header-img-size);
	width: 100%;
	height: var(--default-header-height);
	margin: 0 0 0 0;
	padding: var(--default-header-padding);
	color: var(--header-text);
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2 {
	margin: 10px 0 -10px 0;
	line-height: 25px;
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2,
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h3,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h3 {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	text-align: center;
	color: #663300;
	width: 100%;
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2 {
	color: var(--header-text);
	font-family: var(--style-font);
	font-size: var(--header-font-size);
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2.sheet-smallHeader,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2.sheet-smallHeader {
	font-size: calc(var(--header-font-size) * 0.75);
}
.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h3,
.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h3 {
	color: var(--header-text);
	font-family: var(--accent-font);
	/*font-size: 1.5em;*/
	font-size: var(--subheader-font-size);
	margin: 0.45em 0 0 0;
}
.sheet-rolltemplate-roll .sheet-templateBody,
.sheet-rolltemplate-damage .sheet-templateBody {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
}
.sheet-rolltemplate-roll .sheet-templateBody .sheet-rollLabel,
.sheet-rolltemplate-damage .sheet-templateBody .sheet-rollLabel {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin: 5px;
	width: 100%;
	text-align: center;
}
.sheet-rolltemplate-roll .sheet-templateBody .sheet-trollLeft,
.sheet-rolltemplate-damage .sheet-templateBody .sheet-trollLeft {
	border-right: 1px solid black;
}
.sheet-rolltemplate-roll .sheet-templateBody .sheet-trollRight,
.sheet-rolltemplate-damage .sheet-templateBody .sheet-trollRight {
	border-left: 1px solid black;
}
.sheet-rolltemplate-roll .sheet-templateBody .sheet-rollContainer,
.sheet-rolltemplate-damage .sheet-templateBody .sheet-rollContainer {
	display: block;
	font-size: 2em;
	text-align: center;
	width: 100%;
	margin: 5px;
	font-weight: bold;
}
.sheet-rolltemplate-roll .sheet-buttonsnsuch,
.sheet-rolltemplate-damage .sheet-buttonsnsuch {
	width: 100%;
	margin: 0;
	padding: 0;
}
.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateModifiers,
.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateModifiers {
	width: 100%;
	font-size: 0.75em;
	padding: 5px;
	text-align: center;
	border-top: none;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	overflow-y: auto;
}
.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateModifiers:not(.sheet-nomaxheight),
.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateModifiers:not(.sheet-nomaxheight) {
	max-height: 200px;
}
.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateButton,
.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateButton {
	flex: 1 0 100%;
	width: 100%;
	text-align: center;
	padding: 2.5px;
}
.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateButton > a[href^="~"],
.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateButton > a[href^="~"] {
	background-color: var(--button-background);
	color: var(--button-color);
	font: var(--button-font);
	font-weight: bold;
}
.sheet-rolltemplate-roll .sheet-unshakeRow,
.sheet-rolltemplate-damage .sheet-unshakeRow {
	width: 100%;
	border: none;
	text-align: center;
}
.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"],
.sheet-rolltemplate-damage .sheet-unshakeRow > a[href^="~"] {
	background-color: var(--unshake-button-background);
	color: var(--unshake-button-text);
	border: var(--unshake-button-border);
	font-weight: bold;
}
.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"] > span,
.sheet-rolltemplate-damage .sheet-unshakeRow > a[href^="~"] > span {
	color: var(--unshake-button-text);
}
.sheet-rolltemplate-roll .sheet-templateRoll,
.sheet-rolltemplate-damage .sheet-templateRoll {
	width: 50%;
	border-bottom: 1.5px solid black;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
}
.sheet-rolltemplate-roll .sheet-convictionRoll,
.sheet-rolltemplate-damage .sheet-convictionRoll {
	width: 100%;
	text-align: center;
	border-bottom: 1.5px solid black;
}

.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateHeader {
	--header-text: pink;
}
.sheet-rolltemplate-damage .sheet-templateBody > .sheet-trollRight .sheet-rollContainer > a[href^="~"] {
	background-color: var(--button-background);
	color: var(--button-color);
	font: var(--bonus-button-font);
	width: 90%;
	margin: 10px 0 0 -12px;
	padding: 5px 0 5px 0;
}
.sheet-rolltemplate-damage .sheet-templateButton > a[href^="~"] {
	background-color: var(--button-background);
	color: var(--button-color);
	font: var(--bonus-button-font);
}

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

.sheet-rolltemplate-info {
	--main-text: black; /*Color of the text*/
	--main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* Header Stuff */
	--header-text: white; /*Color of the text in the header */
	--default-header: maroon; /*Background color of Header section */
	--default-subheader: black; /*Background color of Subheader section */
	--style-font: Teko; /*used for teh h2 tag in the header */
	/*--accent-font: var(--main-font);*/ /*Used for h3 tag in the header*/
	--header-font-size: 2em;
	--header-border: 1px solid maroon;
	--subheader-font-size: 1em;
	--subheader-border: 1px solid black;
	/* Roll Text Styling */
	--templatedescription-border-color: 1px solid black;
	--templatedescription-font-size: 0.95em;
	--roll-background: white;
	/* --roll-font: var(--main-font) bold 1em; */
	--roll-fullcrit: #3fb315;
	--roll-fullfail: maroon;
	/* Button Variables */
	--button-background: #31444f;
	--button-color: white;
	/*--button-font: 1em var(--accent-font);*/
	--button-border: solid 1px white;
	--burn-desc-color: maroon;
	--burn-roll-font: bold 2em var(--style-font);
	--burn-desc-font: bold 1.5em var(--main-font);
	--link-color: slategray;
}
.sheet-rolltemplate-info.sheet-rolltemplate-darkmode {
	--default-header: #2B0101;
	--header-border: #2B0101;
	--header-text: #FF708D;
	--templatedescription-border-color: black;
	--roll-background: rgb(64,64,64);
	--main-text: #fcfcfc;
	--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffd1da;
}
.sheet-rolltemplate-info.sheet-rolltemplate-darkmode .sheet-rifts {
	--main-text: #DEDEDE;
	--header-text: #DEDEDE;
	--button-color:: #DEDEDE;
}
.sheet-rolltemplate-info.sheet-rolltemplate-darkmode .sheet-dlww {
	--default-header: linear-gradient(.25turn,black,15%,rgb(82,82,82),80%,black);
	--main-text: #fcfcfc;
	--roll-background: #404040;
	--burn-desc-color: #ffd1da;
	/*--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffd1da;*/
}
.sheet-rolltemplate-info .sheet-rifts {
	--main-text: white;
	--header-text: white;
	--default-header: #25333c;
	--header-border: #72a7b7;
	--style-font: Anton; /*used for teh h2 tag in the header */
	--accent-font: var(--main-font);
	--roll-background: #31444f;
	--button-background: #25333c;
	--button-color: white;
	--button-font: 1em var(--accent-font);
	--burn-roll-font: bold 2em var(--style-font);
	--burn-desc-color: #ffd1da;
	--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffd1da;
}
.sheet-rolltemplate-info .sheet-dlww {
	--default-header: linear-gradient(.25turn,black,15%,maroon,80%,black);
	--header-font-size: 1.5em;
	--header-border: none;
	--style-font: Rye;
	--burn-roll-font: bold 2em var(--style-font);
}
.sheet-rolltemplate-info .sheet-swpf {
	--style-font: Metamorphous;
}
.sheet-rolltemplate-info .sheet-templateHeaderRow {
	width: 100%;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	background: var(--default-header);
	border: var(--header-border);
	border-radius: 10px 10px 0 0;
	color: var(--header-text);
	font-family: var(--style-font);
}
.sheet-rolltemplate-info .sheet-templateheader,
.sheet-rolltemplate-info .sheet-templatesubheader {
	width: 100%;
	margin: 0 0 0 0;
	text-align: center;
	color: var(--header-text);
}
.sheet-rolltemplate-info .sheet-templateheader {
	/*font-family: var(--style-font);*/
	font-size: var(--header-font-size);
}
.sheet-rolltemplate-info .sheet-templatesubheader {
	border: var(--header-border);
	background: var(--default-subheader);
	font-size: var(--subheader-font-size);
	font-weight: normal;
	border: var(--subheader-border);
}
.sheet-rolltemplate-info .sheet-templatedescription {
	background-color: var(--roll-background);
	color: var(--main-text);
	font-size: var(--templatedescription-font-size);
	padding: 5px;
	width: 100%;
	border: var(--templatedescription-border-color);
	overflow-y: auto;
}
.sheet-rolltemplate-info .inlinerollresult {
	background-color: transparent !important;
	border: none !important;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}
.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullcrit {
	color: var(--roll-fullcrit);
	border: none !important;
	font-weight: bold;
}
.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.importantroll {
	color: var(--roll-fullcrit);
	border: none !important;
	font-weight: bold;
}
.sheet-rolltemplate-info .inlinerollresult.fullcrit,
.sheet-rolltemplate-info .inlinerollresult.fullfail,
.sheet-rolltemplate-info .inlinerollresult.importantroll {
	border: none !important;
	color: var(--main-text);
	font-weight: normal;
}
.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullfail {
	color: var(--roll-fullfail);
	border: none !important;
	font-weight: bold;
}
.sheet-rolltemplate-info a,
.sheet-rolltemplate-info a[href^="~"],
.sheet-rolltemplate-info a[href^="!"] {
	background-color: transparent;
	border: 0;
	color: var(--link-color);
	display: inline;
	padding: 0;
	text-decoration: underline;
}
.sheet-rolltemplate-info .sheet-buttonstyle a,
.sheet-rolltemplate-info .sheet-buttonstyle a[href^="~"],
.sheet-rolltemplate-info .sheet-buttonstyle a[href^="!"] {
	background-color: var(--button-background);
	padding: 5px;
	color: var(--button-color);
	display: inline-block;
	border: var(--button-border);
	text-decoration: none;
}
.sheet-rolltemplate-info p > span:not(:empty)::before {
	content: ": ";
}
.sheet-rolltemplate-info .sheet-burnroll {
	text-align: center;
	font: var(--burn-roll-font);
	margin: 5px 0 10px 0;
}
.sheet-rolltemplate-info .sheet-burnrolldesc {
	text-align: center;
	font: var(--burn-desc-font);
	color: var(--burn-desc-color);
}
.sheet-rolltemplate-info .sheet-templatedescription:not(.sheet-nomaxheight) {
	max-height: 200px;
}

.sheet-rolltemplate-unshake,
.sheet-rolltemplate-emote,
.sheet-rolltemplate-consumables,
.sheet-rolltemplate-running {
	--main-text: #653e10;
	--default-background: #f5e4d3;
	--default-border: 1px solid #f0c392;
	--roll-fullcrit: #006400;
	--roll-fullfail: maroon;
	/* Dark Mode roll colors */
}
.sheet-rolltemplate-unshake.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-emote.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-consumables.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-running.sheet-rolltemplate-darkmode {
	--main-text: #ABABAB;
	--default-background: #1f1f1f;
	--default-border: 1px solid black;
	--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffd1da;
}
.sheet-rolltemplate-unshake .sheet-emoteish,
.sheet-rolltemplate-emote .sheet-emoteish,
.sheet-rolltemplate-consumables .sheet-emoteish,
.sheet-rolltemplate-running .sheet-emoteish {
	border: var(--default-border);
	color: var(--main-text);
	background: var(--default-background);
	width: 125%;
	margin-left: -50px;
	padding: 10px;
	box-sizing: border-box;
	font-weight: bolder;
	font-style: italic;
}
.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult,
.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult,
.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult,
.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult {
	background-color: transparent !important;
	border: none !important;
	padding: 0;
	font-weight: normal;
	font-size: 1.05em;
	font-weight: bold;
}
.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.fullcrit, .sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.importantroll,
.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.fullcrit,
.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.importantroll,
.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.fullcrit,
.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.importantroll,
.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.fullcrit,
.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.importantroll {
	color: var(--roll-fullcrit);
}
.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.fullfail,
.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.fullfail,
.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.fullfail,
.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.fullfail {
	color: var(--roll-fullfail);
}

/* Gritty Damage */
.sheet-rolltemplate-gritty {
	--main-text: #000000;
	--main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--default-background: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/GrittyTemplate.png")
	    top left;
	--header-color: maroon;
}
.sheet-rolltemplate-gritty.sheet-rolltemplate-darkmode {
	--header-color: (rgb(214, 214, 214));
	--main-text: (rgb(214, 214, 214));
	--default-background: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/GrittyTemplate-darkmode.png") top left;
}
.sheet-rolltemplate-gritty div {
	box-sizing: border-box;
	color: var(--main-text);
	font-family: var(--main-font);
}
.sheet-rolltemplate-gritty h2 {
	text-align: center;
	color: var(--header-color);
}
.sheet-rolltemplate-gritty .sheet-card {
	width: 90%;
	max-width: 200px;
	min-height: 250px;
	background: var(--default-background);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 5px;
	/*border-radius: 15px;
	border: solid 1px var(--header-color);*/
}
.sheet-rolltemplate-gritty .sheet-injuryresult {
	display: flex;
	align-items: center;
	height: 195px;
	text-align: center;
}
.sheet-rolltemplate-gritty .inlinerollresult {
	background-color: transparent !important;
	border: inherit !important;
	padding: 0;
	font-weight: bold;
	font-size: 1.25em;
}

.sheet-rolltemplate-bonusDamage {
	--roll-fullcrit: #006400;
	--roll-fullfail: maroon;
}
.sheet-rolltemplate-bonusDamage.sheet-rolltemplate-darkmode {
	--roll-fullcrit: #93ee72;
	--roll-fullfail: #ffd1da;
}
.sheet-rolltemplate-bonusDamage .inlinerollresult,
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit,
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail,
.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll {
	border: none !important;
	background-color: transparent !important;
	font-weight: bold;
}
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit,
.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll {
	color: var(--roll-fullcrit);
}
.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail {
	color: var(--roll-fullfail);
}

.sheet-rolltemplate-statblock {
	--main-text: rgb(64,64,64);
	--main-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	--default-header-background: url("https://raw.githubusercontent.com/finderski/SWT/master/RollTemplate/rt_header.png");
	--default-body-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_back.jpg");
	--border-color: 1px solid darkgoldenrod
	--header-color: maroon;
	--link-color: slategray;
	background: var(--default-body-background);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	align-items: center;
	border: var(--border-color);
	margin: none;
	padding: none;
}
.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode {
	color: hsl(0, 0%, 75%);
	--header-color: (#d6d6d6);
	--main-text: (rgb(214, 214, 214));
	--default-header-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_header-darkmode.png");
	--default-body-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_back-darkmode.jpg.jpg");
	--border-color: 1px solid black;
	--link-color: #02D6ED;
}
.sheet-rolltemplate-statblock .sheet-statblockheader {
	display: flex;
	background: var(--default-header-background) top left;
	background-size: 100% 90px;
	height: 90px;
	background-repeat: no-repeat;
	align-items: center;
}
.sheet-rolltemplate-statblock h2.sheet-fullwidth {
	width: 100%;
	text-align: center;
}
.sheet-rolltemplate-statblock a,
.sheet-rolltemplate-statblock a[href^="~"],
.sheet-rolltemplate-statblock a[href^="!"] {
	background-color: transparent;
	border: 0;
	color: var(--link-color);
	display: inline;
	padding: 0;
	text-decoration: underline;
}
.sheet-rolltemplate-statblock .sheet-statblockbod {
	padding: 0 5px 5px 5px;
}
.sheet-rolltemplate-statblock .sheet-statblockbod .sheet-justify {
	text-align: justify;
	text-justify: inter-word;
	margin: 0 5px 10px 15px;
	font-size: 0.85em;
}
.sheet-rolltemplate-statblock .sheet-statblockbod .sheet-bodsection {
	margin: 0 5px 10px 15px;
	font-size: 0.85em;
}

.sheet-statblock {
	height: 28px;
}

.sheet-showWCicon {
	display: none;
}

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