/* Strip off all the unwanted bells and whistles Roll20 saddles us with */

.btn, .btn::before {
	background-image: none;
	text-shadow: none;
	box-shadow: none;
}

/* Darkmode broad recoloring up top */

.sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode .sheet-roll,
.sheet-rolltemplate-share.sheet-rolltemplate-darkmode,
.sheet-darkmode .ui-dialog .tab-content .charsheet .btn,
.sheet-darkmode .ui-dialog .tab-content .charsheet .btn:hover,
.sheet-darkmode .ui-dialog .tab-content .charsheet button,
.sheet-darkmode .ui-dialog .tab-content .charsheet input,
.sheet-darkmode .ui-dialog .tab-content .charsheet select,
.sheet-darkmode .ui-dialog .tab-content .charsheet textarea,
.sheet-darkmode .ui-dialog .tab-content .charsheet
{
	background-color: #1f1f1f;
	color: #eee;
}

/* I should really add more comments to this some day */

/* Overall Sheet Wrapper */

.Wrapper {
	font-size: 11pt;
}

/* Top Section */

.topwrap {
	display: flex;
	flex-flow: row-reverse;
	width: 100%;
	justify-content: space-between;
	align-items: flex-end;
}

.topwrap > div:last-child {
	flex-grow: 1;
}

/* Fate Point Box */

.fpbox {
	float: right;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
	flex-grow: 0;
	flex-shrink: 1;
	margin-left: 20px;
}

.pronounbox div,
.fpbox div {
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	margin-left: 10px;
}

.pronounbox > div > div,
.fpbox > div > div {
	display: block;
}

.pronounbox > div > div + div,
.fpbox > div > div + div {
	font-weight: bold;
	font-size: 90%;
	text-transform: uppercase;
}

.fpbox input[type=number] {
	border: 0px;
	font-size: 30px;
	font-weight: bold;
	width: 2em;
	margin-left: 0.5em;
	text-align: center;
}

.listcount {
	font-weight: normal;
	font-size: 80%;
	text-align: right;
	display: none;
}

.squat {
	height: 30px;
	max-height: 60px;
}

.space-below {
	margin-bottom: 6px;
}

.SectionHeader:hover .listcount {
	display: initial;
}

.listcount::before {
	content: "(";
}

.listcount::after {
	content: ")";
}

.ui-dialog .tab-content .charsheet .highlight input[type="button"] {
	margin-bottom: 0px;
}

.charname {
	border: 0px;
	font-size: 36px;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	margin-left: 0px;
}


.pronouns {
	border: 0px;
	font-size: 18px;
	padding: 0px;
	margin-left: 0px;
}

.floatright {
	float: right;
}

input[type="checkbox"].triggerbox:checked + .specific {
	display: flex;
}

.specific {
	display: flex;
	flex-flow: row-reverse;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
}

.specific input[type="text"] {
	width: 100%;
	flex-grow: 1;
	border: 0px;
	margin-left: 20px;
	font-weight: bold;
	background: transparent;
}

.recovery .label {
	font-size: 80%;
	text-transform: uppercase;
	opacity: 0.25;
}

input[type="checkbox"]:checked + .recovery .label {
	opacity: 1.0;
	font-weight: bold;
}

.aspect .boxes {
	margin-left: 12px;
}

input[type="checkbox"].triggerbox:checked + .optbar {
	display: flex;
}

.optbar {
	vertical-align: middle;
	width: 100%;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 6px;
	margin-right: 10px;
}

.optbar > span {
	margin-right: 10px;
	height: 18px;
	white-space: nowrap;
	padding: 6px;
	padding-right: 12px;
	margin-bottom: 10px;
	border-radius: 6px;
}

.optbar select {
	background: transparent;
	border: none;
	margin: none;
	padding: none;
	height: 24px;
}

.limited-width {
	max-width: 250px;
}

input.compact,
select.compact {
	max-width: 85px;
}

input.ultracompact,
select.ultracompact {
	max-width: 40px;
}

input.maxcompact,
select.maxcompact {
	max-width: 30px;
}

.smalltext {
	font-size: 75%;
}
.clipped {
	overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}

.SheetFlex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
}

.SheetCol {
	min-width: 260px;
	margin-left: 12px;
	flex-grow: 1;
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
}

.SheetCol:first-child {
	margin-left: 0px;
	flex-grow: 3;
}

.SectionHeader .boxcorner {
	text-align: right;
	flex-grow: 0;
	display: inherit;
}

.SectionHeader .SheetCol:first-child .boxcorner { /* To maintain consistency of position in left col vs right */
	margin-right: 4px;
}

.SectionHeader {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	padding-top: 12px;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-end;
}

.SectionHeader > * {
	flex-grow: 1;
}

.SectionHeader ~ div {
	min-width: 272px;
	border-radius: 12px;
}

/* Extras stuff */

span.icon {
	background: black;
	border-radius: 3px;
	color: white;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	height: 16px;
	width: 22px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	text-align: center;
	vertical-align: middle;
}

input.icon[value="plus"] + span.icon::before {
	content: "+";
}

input.icon[value="minus"] + span.icon::before {
	content: "–";
}

input.icon[value="blank"] + span.icon::before {
	content: " ";
}

.clear-all {
	clear: both;
}

.indented {
	padding-left: 10px;
}

.sheet-rolltemplate-share .space-above,
.space-above {
	padding-top: 12px;
}

.rule-above {
	margin-top: 12px;
	border-top: 1px solid gray;
	padding-top: 12px;
}

/* .ExtraDisplay .repcontainer .repitem:first-child .space-above {
	padding-top: 0px;
} */ 

.hideUnlessNull + * {
	display: none;
}

.hideUnlessNull[value=""] + * {
	display: initial;
}

.element ~ div {
	display: none;
}

.element[value="title"] ~ .repcontainer .repitem > div {
}

.element[value="title"] ~ div.title {
	display: block;
	font-weight: bold;
	font-size: 120%;
}

.element[value="title"] ~ div.title > input[type=text] {
	font-weight: bold;
	font-size: 120%;
	border: 0px;
}

.element[value="permissions"] ~ div.permissions {
	display: block;
}

.element[value="cost"] ~ div.cost {
	display: block;
}

.element[value="aspect"] ~ div.aspect {
	display: block;
}

.element[value="aspect"] ~ div.aspect span.aspect {
	font-weight: bold;
	font-style: italic;
	text-transform: capitalize;
}

.element[value="skill"] ~ div.skill {
	display: block;
}

.element[value="stunt"] ~ div.stunt {
	display: block;
}

.element[value="track"] ~ div.track {
	display: block;
}

.element[value="rating"] ~ div.rating {
	display: block;
}

.element[value="note"] ~ div.note {
	display: block;
}

/* End Extras Stuff */

.AspectFrame,
.TrackFrame,
.StuntFrame,
.PowerFrame,
.NoteFrame,
.ExtraFrame,
.SkillFrame {
	display: flex;
}

.StuntFrame,
.PowerFrame,
.NoteFrame,
.SkillFrame {
	flex-direction: row;
	justify-content: flex-start;
}

.TrackFrame,
.ExtraFrame,
.AspectFrame {
	flex-direction: column;
	justify-content: stretch;
}

.ExtraFrame .fieldlabel {
	text-align: left;
}

.ui-dialog .tab-content .charsheet .fieldlabel {
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	margin-top: 4px;
	padding-top: 2px;
	padding-left: 1px;
	padding-right: 2px;
	text-shadow: 0px 0px 2px white;
	/* background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,.5)) */
}

.sheet-darkmode .ui-dialog .tab-content .charsheet .fieldlabel {
	/* background-image: linear-gradient(to bottom,rgba(16,16,16,0),rgba(16,16,16,.16),rgba(16,16,16,.5)) */
}

.OptionsEdit {
	padding: 6px;
	border-radius: 6px;
	font-size: 80%;
	margin-bottom: 6px;
}

.TrackEdit,
.AspectEdit,
.NoteEdit,
.ExtraEdit,
.PowerEdit,
.StuntEdit,
.SkillEdit {
	order: -1;
	min-width: 248px;
	margin: 6px;
	margin-right: 6px;
	border-radius: 6px;
}

.AspectEdit > .repcontainer,
.TrackEdit > .repcontainer,
.StuntEdit > .repcontainer,
.PowerEdit > .repcontainer,
.NoteEdit > .repcontainer,
.ExtraEdit > .repcontainer,
.SkillEdit > .repcontainer {
	padding-top: 6px;
	padding-right: 10px;
}

.TrackEdit input[type="text"],
.AspectEdit input[type="text"],
.NoteEdit input[type="text"],
.ExtraEdit input[type="text"],
.StuntEdit input[type="text"],
.PowerEdit input[type="text"] {
	width: 100%;
}

.AspectEdit textarea,
.TrackEdit textarea,
.NoteEdit textarea,
.ExtraEdit textarea,
.PowerEdit textarea,
.StuntEdit textarea {
	width: calc(100% - 10px);
}

.AspectEdit > div,
.TrackEdit > div,
.StuntEdit > div,
.PowerEdit > div,
.NoteEdit > div,
.ExtraEdit > div,
.SkillEdit > div {
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

.SkillEditRow {
	display: flex;
	flex-direction: row;
	flex-flow: nowrap;
	justify-content: flex-start;
	width: 100%;
	align-items: center;
}

.SkillEditRow > *:last-child {
	margin-right: 0px;
}

.SkillEditRow > * {
	flex-grow: 1;
	margin-right: 6px;
	height: 24px;
}

.AspectSeparator {
	padding: 6px;
	margin-bottom: 10px;
}

.SkillDisplay {
	order: 0;
	min-width: 260px;
	padding: 10px;
	flex-grow: 1;
}

.PowerDisplay,
.StuntDisplay {
	flex-grow: 1;
	padding: 10px;
}

.NoteDisplay {
	flex-grow: 1;
	padding: 10px;
}

.ExtraDisplay {
	flex-grow: 1;
	padding: 10px;
}

.TrackDisplay,
.AspectDisplay {
	padding: 10px;
}

.ComboColumn .repcontrol,
.AspectDisplay .repcontrol,
.TrackDisplay .repcontrol,
.StuntDisplay .repcontrol,
.PowerDisplay .repcontrol,
.NoteDisplay .repcontrol,
.ExtraDisplay .repcontrol,
.SkillDisplay .repcontrol {
	display: none;
}

.stunt {
	margin-bottom: 6px;
	text-indent: -10px;
	margin-left: 10px;
}

.stunt .name {
	font-weight: bold;
}

.stunt .name::after {
	content: ': ';
}

.power {
	margin-bottom: 6px;
}

.powerflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.power .name {
	font-weight: bold;
	display: inline-block;
}

.power .cost {
	flex-grow: 0;
	text-align: right;
}

.power .desc {
	margin-left: 0px;
	text-indent: 0px;
}

.power .field {
	text-indent: -6px;
	margin-left: 12px;
}

.note {
	margin-bottom: 6px;
}

.note .name {
	font-weight: bold;
}

.note .desc {
	margin-left: 10px;
}

.track,
.aspect {
	margin-bottom: 6px;
}

.track .boxes {
	margin-left: 6px;
}

.Bar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.pronounbox input {
	text-align: center;
	max-width: 96px;
}

.Bar div {
	display: inline-block;
	margin-left: 10px;
}

.Bar div:first-child {
	flex-grow: 1;
	margin-left: 0px;
}

.AspectLabelBar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.aspect:hover .label {
	font-weight: bold;
}

.aspect .label {
	text-transform: uppercase;
	opacity: 0.75;
	font-size: 80%;
	display: block;
	white-space: normal;
}

.aspect-category {
	text-transform: uppercase;
	font-size: 90%;
	display: block;
	font-weight: bold;
}

.track .name {
	text-transform: capitalize;
	font-weight: bold;
}

.aspect .name {
	text-transform: capitalize;
	font-weight: bold;
	font-style: italic;
	margin-left: 6px;
}

.aspect .notes {
	margin-left: 12px;
	padding-right: 6px;
	max-width: 250px;
	font-size: 80%;
}

.track .notes {
	margin-left: 6px;
	padding-right: 6px;
	max-width: 250px;
	font-size: 80%;
}

.SkillCell .rating::before {
	content: '+';
}

.signmaker[value="-4"] + .rating::before,
.signmaker[value="-3"] + .rating::before,
.signmaker[value="-2"] + .rating::before,
.signmaker[value="-1"] + .rating::before {
	content: '';
}


.hideOnOne + div {
	display: block;
}

.hideOnOne[value="1"] + div {
	display: none;
}


.hideIfNull + div {
	display: block;
}

.hideIfNull[value=""] + * {
	display: none;
}

.SkillColumnFirst,
.SkillColumnSecond,
.SkillColumnThird,
.SkillNone,
.SkillList,
.SkillGrid {
	display: none;
}

input[value=""] + .SkillColumnFirst,
input[value="1"] + .SkillColumnFirst {
	display: initial;
}

input[value="2"] + .SkillColumnSecond {
	display: initial;
}

input[value="3"] + .SkillColumnThird {
	display: initial;
}

input[value="none"] ~ .SkillNone {
	display: block;
}

input[value="pyramid"] ~ .SkillGrid {
	display: block;
}

input[value="list"] ~ .SkillList {
	display: block;
}

.SkillGrid > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding-top: 6px;
	transition: background 0.25s ease;
}

.ui-dialog .tab-content .charsheet .SkillGrid button[type="roll"] {
	font-weight: bold;
}

.SkillList > .repcontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.SkillList > .repcontainer > .repitem {
	flex: none;
}

.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll::before,
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll::before,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]::before,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]::before {
	content: "";
}

.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	background: white;
	color: black;
	min-width: 100px;
	min-height: 15px;
	text-shadow: 0 0 2px white;
	transition: background 0.25s ease, color 0.25s ease;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
	text-shadow: 0 0 2px black;
	color: #eee;
	background-color: #1f1f1f;
}

.ExtraDisplay .track {
	clear: both;
}

.ExtraDisplay .track .float-left {
	float: left;
	padding-right: 6px;
	padding-bottom: 6px;
}

.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
	float: left; 
	z-index: 2;
	position: relative;
	text-align: left;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	background: white;
	color: black;
	min-width: 100px;
	min-height: 15px;
	text-shadow: 0 0 2px white;
	transition: background 0.25s ease, color 0.25s ease;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
	color: #eee;
	background-color: #1f1f1f;
	text-shadow: 0 0 2px black;
}

.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:active {
	color: white;
	text-shadow: 0 0 2px white;
}

.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:hover {
	color: white;
	text-shadow: 0 0 2px black;
}

.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
	font-size: 14px;
}

.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="action"],
.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="roll"] {
	min-width: 225px;
}

/* Not sure this one's even in use */

.SkillGrid div > span {
	display: inline-block;
	min-width: 100px;
	min-height: 15px; 
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 6px;
	border-radius: 6px;
}

.SkillGrid div > span[value=""] {
	display: none;
}

.SkillGridRating {
	text-align: right;
	min-width: 100px;
	padding-right: 10px;
	padding-top: 6px;
}

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

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

.OptionsTitleBar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-transform: uppercase;
	font-weight: bold;
	padding: 3px;
	vertical-align: bottom;
}

.EditTitleBar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6px;
	vertical-align: bottom;
	border-radius: 3px;
}

/* Checkbox Tricks */

input[type="checkbox"].checkbox {
	opacity: 0.0;
	width: 20px;
	height: 20px;
	position: relative;
	top: 0px; /* was -3px for legacy; */
	left: 10px; /* 9px; */
	margin: -10px;
	cursor: pointer;
	z-index: 1;
	vertical-align: middle;
	display: inline-block;
}

.SectionHeader .boxcorner input[type="checkbox"].checkbox {
	top: 14px;
}

input[type="checkbox"].checkbox + span.pencilbox::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-family: "Pictos";
	content: "p";
	text-transform: lowercase; /* To enforce lowercase p */
	width: 18px;
	height: 18px;
	font-size: 18px;
}

input[type="checkbox"].checkbox:checked + span.pencilbox::before {
	content: "D";
	text-transform: uppercase; /* To enforce uppercase D */
}

.pencilbox,
.optionsbox {
	opacity: 0.25;
	transition: opacity 0.5s ease;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet .pencilbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet .optionsbox {
	opacity: 0.4;
}

.EditTitleBar .pencilbox,
.EditTitleBar .optionsbox,
.OptionsTitleBar .pencilbox,
.OptionsTitleBar .optionsbox,
input[type="checkbox"].checkbox:hover + .pencilbox,
.pencilbox:hover,
input[type="checkbox"].checkbox:hover + .optionsbox,
.optionsbox:hover {
	opacity: 1.0; 
}

input[type="checkbox"].checkbox + span.optionsbox::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-family: "Pictos";
	content: "y";
	text-transform: lowercase; /* To enforce lowercase p */
	width: 18px;
	height: 18px;
	font-size: 18px;
}

input[type="checkbox"].checkbox:checked + span.optionsbox::before {
	content: "2";
	font-style: normal;
}

input[type="checkbox"].checkbox + span.checker::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	color: red;
	font-family: "Pictos";
	content: "D";
	text-transform: uppercase; 
	width: 18px;
	height: 18px;
	font-size: 18px;
}

input[type="checkbox"].checkbox:checked + span.checker::before {
	content: "2";
}

input[type="text"].tracker {
	width: 1.67em;
}

input[type="checkbox"].checkbox + span.tracker {
	margin-right: 0px;
	margin-left: 0px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-family: sans-serif;
	font-weight: normal;
	width: 18px;
	height: 18px;
	padding-top: 1px;
	font-size: 15px;
	border: 1px solid black;
	background: white;
	color: black;
	transition: background 0.3s ease, color 0.3s ease;
}

input[type="checkbox"].checkbox:checked + span.tracker {
	border: 1px solid black;
	color: white;
}

input[type="checkbox"].checkbox:checked + span.checkmark::before {
	content: "2";
	opacity: 1.0;
}

input[type="checkbox"].checkbox:hover + span.checkmark::before {
	opacity: 0.5;
}

input[type="checkbox"].checkbox:checked:hover + span.checkmark::before {
	opacity: 1.0;
}

input[type="checkbox"].checkbox + span.checkmark::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-family: "Pictos";
	font-style: normal;
	content: "2";
	opacity: 0.25;
	width: 18px;
	height: 18px;
	font-size: 18px;
}

input[type="checkbox"].hidebox, 
input[type="checkbox"].hidebox:checked, 
input[type="checkbox"].triggerbox, 
input[type="checkbox"].triggerbox:checked {
	display: none;
}

input[type="checkbox"].triggerbox + * {
	display: none;
}

input[type="checkbox"].triggerbox:checked + * {
	display: initial;
}

input[type="checkbox"].deeptrigger, 
input[type="checkbox"].deeptrigger:checked {
	display: none;
}

.deeptrigger ~ * .deeptriggered {
	display: none;
}

input[type="checkbox"].deeptrigger:checked ~ * .deeptriggered {
	display: initial;
}

/* Skill Combo Columns */

.ComboColumns {
	display: flex;
}

.ComboColumn {
	flex-flow: column;
	padding-right: 6px;
	padding-left: 6px;
	white-space: nowrap;
}

/* Corruption */

.CorrClock {
	min-height: 150px;
}

.CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock0.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-clip: padding-box;
	text-align: center;
	vertical-align: middle;
	min-height: 150px;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
}

input.corruptor[value="0"] + .CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock0.png);
}

input.corruptor[value="1"] + .CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock1.png);
}

input.corruptor[value="2"] + .CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock2.png);
}

input.corruptor[value="3"] + .CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock3.png);
}

input.corruptor[value="4"] + .CorrClock > div {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock4.png);
}

.CorrClock > div > input[type=number] {
	background: rgba(0,0,0,0.5);
	width: 0em;
	opacity: 0;
	transition: opacity 0.25s ease, width 0.25s linear;
	color: white;
	font-size: 36px;
	height: 36px;
	border: none;
	font-weight: bold;
	margin-left: 0.5em;
	text-align: center;
}

.CorrClock:hover > div > input[type=number] {
	opacity: 1;
	width: 2em;
}

/* Insane, but it does the job */

input.hideAllBut ~ * {
	display: none;
}

input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + * + *,
input.hideAllBut[value="10"] + * + * + * + *,
input.hideAllBut[value="10"] + * + * + *,
input.hideAllBut[value="10"] + * + *,
input.hideAllBut[value="10"] + *,
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + * + *,
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + *,
input.hideAllBut[value="9"] + * + * + * + * + * + * + *,
input.hideAllBut[value="9"] + * + * + * + * + * + *,
input.hideAllBut[value="9"] + * + * + * + * + *,
input.hideAllBut[value="9"] + * + * + * + *,
input.hideAllBut[value="9"] + * + * + *,
input.hideAllBut[value="9"] + * + *,
input.hideAllBut[value="9"] + *,
input.hideAllBut[value="8"] + * + * + * + * + * + * + * + *,
input.hideAllBut[value="8"] + * + * + * + * + * + * + *,
input.hideAllBut[value="8"] + * + * + * + * + * + *,
input.hideAllBut[value="8"] + * + * + * + * + *,
input.hideAllBut[value="8"] + * + * + * + *,
input.hideAllBut[value="8"] + * + * + *,
input.hideAllBut[value="8"] + * + *,
input.hideAllBut[value="8"] + *,
input.hideAllBut[value="7"] + * + * + * + * + * + * + *,
input.hideAllBut[value="7"] + * + * + * + * + * + *,
input.hideAllBut[value="7"] + * + * + * + * + *,
input.hideAllBut[value="7"] + * + * + * + *,
input.hideAllBut[value="7"] + * + * + *,
input.hideAllBut[value="7"] + * + *,
input.hideAllBut[value="7"] + *,
input.hideAllBut[value="6"] + * + * + * + * + * + *,
input.hideAllBut[value="6"] + * + * + * + * + *,
input.hideAllBut[value="6"] + * + * + * + *,
input.hideAllBut[value="6"] + * + * + *,
input.hideAllBut[value="6"] + * + *,
input.hideAllBut[value="6"] + *,
input.hideAllBut[value="5"] + * + * + * + * + *,
input.hideAllBut[value="5"] + * + * + * + *,
input.hideAllBut[value="5"] + * + * + *,
input.hideAllBut[value="5"] + * + *,
input.hideAllBut[value="5"] + *,
input.hideAllBut[value="4"] + * + * + * + *,
input.hideAllBut[value="4"] + * + * + *,
input.hideAllBut[value="4"] + * + *,
input.hideAllBut[value="4"] + *,
input.hideAllBut[value="3"] + * + * + *,
input.hideAllBut[value="3"] + * + *,
input.hideAllBut[value="3"] + *,
input.hideAllBut[value="2"] + * + *,
input.hideAllBut[value="2"] + *,
input.hideAllBut[value="1"] + * {
	display: initial;
}

input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + * + .iblock,
input.hideAllBut[value="10"] + * + * + .iblock,
input.hideAllBut[value="10"] + * + .iblock,
input.hideAllBut[value="10"] + .iblock,
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + * + .iblock,
input.hideAllBut[value="9"] + * + * + .iblock,
input.hideAllBut[value="9"] + * + .iblock,
input.hideAllBut[value="9"] + .iblock,
input.hideAllBut[value="8"] + * + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="8"] + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="8"] + * + * + * + * + * + .iblock,
input.hideAllBut[value="8"] + * + * + * + * + .iblock,
input.hideAllBut[value="8"] + * + * + * + .iblock,
input.hideAllBut[value="8"] + * + * + .iblock,
input.hideAllBut[value="8"] + * + .iblock,
input.hideAllBut[value="8"] + .iblock,
input.hideAllBut[value="7"] + * + * + * + * + * + * + .iblock,
input.hideAllBut[value="7"] + * + * + * + * + * + .iblock,
input.hideAllBut[value="7"] + * + * + * + * + .iblock,
input.hideAllBut[value="7"] + * + * + * + .iblock,
input.hideAllBut[value="7"] + * + * + .iblock,
input.hideAllBut[value="7"] + * + .iblock,
input.hideAllBut[value="7"] + .iblock,
input.hideAllBut[value="6"] + * + * + * + * + * + .iblock,
input.hideAllBut[value="6"] + * + * + * + * + .iblock,
input.hideAllBut[value="6"] + * + * + * + .iblock,
input.hideAllBut[value="6"] + * + * + .iblock,
input.hideAllBut[value="6"] + * + .iblock,
input.hideAllBut[value="6"] + .iblock,
input.hideAllBut[value="5"] + * + * + * + * + .iblock,
input.hideAllBut[value="5"] + * + * + * + .iblock,
input.hideAllBut[value="5"] + * + * + .iblock,
input.hideAllBut[value="5"] + * + .iblock,
input.hideAllBut[value="5"] + .iblock,
input.hideAllBut[value="4"] + * + * + * + .iblock,
input.hideAllBut[value="4"] + * + * + .iblock,
input.hideAllBut[value="4"] + * + .iblock,
input.hideAllBut[value="4"] + .iblock,
input.hideAllBut[value="3"] + * + * + .iblock,
input.hideAllBut[value="3"] + * + .iblock,
input.hideAllBut[value="3"] + .iblock,
input.hideAllBut[value="2"] + * + .iblock,
input.hideAllBut[value="2"] + .iblock,
input.hideAllBut[value="1"] + .iblock {
	display: inline-block;
}

/* Roll Templates */

.sheet-rolltemplate-share,
.sheet-rolltemplate-fateroll {
	background: white;
	padding: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	border-radius: 6px;
}

.sheet-rolltemplate-share .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-roll-name {
	margin-bottom: 6px;
	padding-bottom: 2px;
}

.sheet-rolltemplate-fateroll .sheet-roll {
	background-color: white;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-clip: content-box;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-height: 50px;
}

.sheet-rolltemplate-fateroll .sheet-roll .inlinerollresult {
	display: inline-block;
	color: white;
	font-weight: bold;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	min-width: 20px;
	font-size: 21px;
	padding: 9px;
	margin-right: 6px;
	margin-left: 10px;
}

.sheet-rolltemplate-fateroll .sheet-word {
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	display: inline-block;
	text-shadow: 0px 0px 1px white;
	max-width: 60%;
}

.sheet-rolltemplate-share,
.sheet-rolltemplate-fateroll {
	border: 1px solid #000000;
	box-shadow: 2px 2px 6px #000000;
}

.sheet-rolltemplate-share .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.png");
}

.sheet-rolltemplate-share .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-roll-name {
	border-bottom: 1px solid #1b75bb;
}

.sheet-rolltemplate-share .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-roll .inlinerollresult {
	background: #1b75bb;
	border: 1px solid #1b75bb;
}

.sheet-rolltemplate-share br {
	display: none;
}

.sheet-rolltemplate-share .sheet-breaks br {
	display: block;
}

.ui-dialog .tab-content .charsheet button[type="roll"].share:before {
	font-family: "Pictos";
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	content: 'R';
}

.ui-dialog .tab-content .charsheet button[type="roll"].share:hover {
	opacity: 1.0;
}

.ui-dialog .tab-content .charsheet button[type="roll"].share {
	opacity: 0.25;
	background: transparent;
	border-style: none;
	margin: 0px;
	padding: 0px;
	transition: opacity 0.5s ease;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet button[type="roll"].share {
	opacity: 0.4;
}

/* Color Theme Shenanigans */

/* Blue theme */

.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll-name {
	border-bottom: 1px solid #1b75bb;
}

.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll .inlinerollresult {
	background: #1b75bb;
	border: 1px solid #1b75bb;
}

.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.png");
}

input[value="blue"].theme + .Wrapper .share,
input[value="blue"].theme + .Wrapper .optionsbox,
input[value="blue"].theme + .Wrapper .OptionsTitleBar,
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="blue"].theme + .Wrapper .SectionHeader,
input[value="blue"].theme + .Wrapper .Bar,
input[value="blue"].theme + .Wrapper .pronounbox,
input[value="blue"].theme + .Wrapper .fpbox,
input[value="blue"].theme + .Wrapper .fpbox input[type=number],
input[value="blue"].theme + .Wrapper .optwrap,
input[value="blue"].theme + .Wrapper .AspectLabelBar,
input[value="blue"].theme + .Wrapper .aspect .label,
/* input[value="blue"].theme + .Wrapper .specific input[type="text"], */
input[value="blue"].theme + .Wrapper .track .optionsbox,
input[value="blue"].theme + .Wrapper .recovery .label,
input[value="blue"].theme + .Wrapper .charname {
	color: #1b75bb;
}

input[value="blue"].theme + .Wrapper .icon,
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="blue"].theme + .Wrapper .EditTitleBar {
	background: #1b75bb;
}

input[value="blue"].theme + .Wrapper .powerflex,
input[value="blue"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #1b75bb;
}

input[value="blue"].theme + .Wrapper .SkillGrid div > span,
input[value="blue"].theme + .Wrapper .TrackEdit,
input[value="blue"].theme + .Wrapper .AspectEdit,
input[value="blue"].theme + .Wrapper .NoteEdit,
input[value="blue"].theme + .Wrapper .ExtraEdit,
input[value="blue"].theme + .Wrapper .StuntEdit,
input[value="blue"].theme + .Wrapper .PowerEdit,
input[value="blue"].theme + .Wrapper .SkillEdit,
input[value="blue"].theme + .Wrapper .OptionsEdit,
input[value="blue"].theme + .Wrapper .SectionHeader ~ div,
input[value="blue"].theme + .Wrapper .optbar > span {
	border: 1px solid #1b75bb;
}

input[value="blue"].theme + .Wrapper .TrackEdit,
input[value="blue"].theme + .Wrapper .AspectEdit,
input[value="blue"].theme + .Wrapper .NoteEdit,
input[value="blue"].theme + .Wrapper .ExtraEdit,
input[value="blue"].theme + .Wrapper .StuntEdit,
input[value="blue"].theme + .Wrapper .PowerEdit,
input[value="blue"].theme + .Wrapper .SkillEdit,
input[value="blue"].theme + .Wrapper .OptionsEdit,
input[value="blue"].theme + .Wrapper .SectionHeader ~ div,
input[value="blue"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #1b75bb;
}

.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #1b75bb;
}

input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
	background: #dde8ff;
}

input[value="blue"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #dde8ff;
	box-shadow: 2px 2px 6px #dde8ff;
}

input[value="blue"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #dde8ff;
}

input[value="blue"].theme + .Wrapper .SkillGrid div > span,
input[value="blue"].theme + .Wrapper .AspectSeparator,
input[value="blue"].theme + .Wrapper .TrackEdit,
input[value="blue"].theme + .Wrapper .AspectEdit,
input[value="blue"].theme + .Wrapper .NoteEdit,
input[value="blue"].theme + .Wrapper .ExtraEdit,
input[value="blue"].theme + .Wrapper .StuntEdit,
input[value="blue"].theme + .Wrapper .PowerEdit,
input[value="blue"].theme + .Wrapper .SkillEdit,
input[value="blue"].theme + .Wrapper .OptionsEdit,
input[value="blue"].theme + .Wrapper .optbar > span {
	background: #eef8ff;
}

.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #eef8ff;
}

input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
}

input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#eef8ff);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
	background: #00181f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optbar > span {
	background: #00181f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#00181f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .aspect .label,
/* input[value="blue"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .charname {
	color: #208cdf;
}

/* Green theme */

.sheet-rolltemplate-share .sheet-theme-green .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-green.png");
}

.sheet-rolltemplate-share .sheet-theme-green .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll-name {
	border-bottom: 1px solid #356e45;
}

.sheet-rolltemplate-share .sheet-theme-green .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll .inlinerollresult {
	background: #356e45;
	border: 1px solid #356e45;
}

input[value="green"].theme + .Wrapper .share,
input[value="green"].theme + .Wrapper .optionsbox,
input[value="green"].theme + .Wrapper .OptionsTitleBar,
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="green"].theme + .Wrapper .SectionHeader,
input[value="green"].theme + .Wrapper .Bar,
input[value="green"].theme + .Wrapper .pronounbox,
input[value="green"].theme + .Wrapper .fpbox,
input[value="green"].theme + .Wrapper .fpbox input[type=number],
input[value="green"].theme + .Wrapper .optwrap,
input[value="green"].theme + .Wrapper .AspectLabelBar,
input[value="green"].theme + .Wrapper .aspect .label,
/* input[value="green"].theme + .Wrapper .specific input[type="text"], */
input[value="green"].theme + .Wrapper .track .optionsbox,
input[value="green"].theme + .Wrapper .recovery .label,
input[value="green"].theme + .Wrapper .charname {
	color: #356e45;
}

input[value="green"].theme + .Wrapper .icon,
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="green"].theme + .Wrapper .EditTitleBar {
	background: #356e45;
}

input[value="green"].theme + .Wrapper .powerflex,
input[value="green"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #356e45;
}

input[value="green"].theme + .Wrapper .SkillGrid div > span,
input[value="green"].theme + .Wrapper .TrackEdit,
input[value="green"].theme + .Wrapper .AspectEdit,
input[value="green"].theme + .Wrapper .NoteEdit,
input[value="green"].theme + .Wrapper .ExtraEdit,
input[value="green"].theme + .Wrapper .StuntEdit,
input[value="green"].theme + .Wrapper .PowerEdit,
input[value="green"].theme + .Wrapper .SkillEdit,
input[value="green"].theme + .Wrapper .OptionsEdit,
input[value="green"].theme + .Wrapper .SectionHeader ~ div,
input[value="green"].theme + .Wrapper .optbar > span {
	border: 1px solid #356e45;
}

input[value="green"].theme + .Wrapper .TrackEdit,
input[value="green"].theme + .Wrapper .AspectEdit,
input[value="green"].theme + .Wrapper .NoteEdit,
input[value="green"].theme + .Wrapper .ExtraEdit,
input[value="green"].theme + .Wrapper .StuntEdit,
input[value="green"].theme + .Wrapper .PowerEdit,
input[value="green"].theme + .Wrapper .SkillEdit,
input[value="green"].theme + .Wrapper .OptionsEdit,
input[value="green"].theme + .Wrapper .SectionHeader ~ div,
input[value="green"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #356e45;
}

.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #356e45;
}

input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
	background: #ddffd5;
}

input[value="green"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #ddffd5;
	box-shadow: 2px 2px 6px #ddffd5;
}

input[value="green"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #ddffd5;
}

input[value="green"].theme + .Wrapper .SkillGrid div > span,
input[value="green"].theme + .Wrapper .AspectSeparator,
input[value="green"].theme + .Wrapper .TrackEdit,
input[value="green"].theme + .Wrapper .AspectEdit,
input[value="green"].theme + .Wrapper .NoteEdit,
input[value="green"].theme + .Wrapper .ExtraEdit,
input[value="green"].theme + .Wrapper .StuntEdit,
input[value="green"].theme + .Wrapper .PowerEdit,
input[value="green"].theme + .Wrapper .SkillEdit,
input[value="green"].theme + .Wrapper .OptionsEdit,
input[value="green"].theme + .Wrapper .optbar > span {
	background: #eeffe5;
}

.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #eeffe5;
}

input[value="green"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#eeffe5,white,white,white,#eeffe5);
}

input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#eeffe5);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
	background: #001f05;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optbar > span {
	background: #001f05;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#001f05,black,black,black,#001f05);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#001f05);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .aspect .label,
/* input[value="green"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .charname {
	color: #49975f;
}


/* Purple theme */

.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-purple.png");
}

.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll-name {
	border-bottom: 1px solid #3c1e5f;
}

.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll .inlinerollresult {
	background: #3c1e5f;
	border: 1px solid #3c1e5f;
}

input[value="purple"].theme + .Wrapper .share,
input[value="purple"].theme + .Wrapper .optionsbox,
input[value="purple"].theme + .Wrapper .OptionsTitleBar,
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="purple"].theme + .Wrapper .SectionHeader,
input[value="purple"].theme + .Wrapper .Bar,
input[value="purple"].theme + .Wrapper .pronounbox,
input[value="purple"].theme + .Wrapper .fpbox,
input[value="purple"].theme + .Wrapper .fpbox input[type=number],
input[value="purple"].theme + .Wrapper .optwrap,
input[value="purple"].theme + .Wrapper .AspectLabelBar,
input[value="purple"].theme + .Wrapper .aspect .label,
/* input[value="purple"].theme + .Wrapper .specific input[type="text"], */
input[value="purple"].theme + .Wrapper .track .optionsbox,
input[value="purple"].theme + .Wrapper .recovery .label,
input[value="purple"].theme + .Wrapper .charname {
	color: #3c1e5f;
}

input[value="purple"].theme + .Wrapper .icon,
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="purple"].theme + .Wrapper .EditTitleBar {
	background: #3c1e5f;
}

input[value="purple"].theme + .Wrapper .powerflex,
input[value="purple"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #3c1e5f;
}

input[value="purple"].theme + .Wrapper .SkillGrid div > span,
input[value="purple"].theme + .Wrapper .TrackEdit,
input[value="purple"].theme + .Wrapper .AspectEdit,
input[value="purple"].theme + .Wrapper .NoteEdit,
input[value="purple"].theme + .Wrapper .ExtraEdit,
input[value="purple"].theme + .Wrapper .StuntEdit,
input[value="purple"].theme + .Wrapper .PowerEdit,
input[value="purple"].theme + .Wrapper .SkillEdit,
input[value="purple"].theme + .Wrapper .OptionsEdit,
input[value="purple"].theme + .Wrapper .SectionHeader ~ div,
input[value="purple"].theme + .Wrapper .optbar > span {
	border: 1px solid #3c1e5f;
}

input[value="purple"].theme + .Wrapper .TrackEdit,
input[value="purple"].theme + .Wrapper .AspectEdit,
input[value="purple"].theme + .Wrapper .NoteEdit,
input[value="purple"].theme + .Wrapper .ExtraEdit,
input[value="purple"].theme + .Wrapper .StuntEdit,
input[value="purple"].theme + .Wrapper .PowerEdit,
input[value="purple"].theme + .Wrapper .SkillEdit,
input[value="purple"].theme + .Wrapper .OptionsEdit,
input[value="purple"].theme + .Wrapper .SectionHeader ~ div,
input[value="purple"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #3c1e5f;
}

.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #3c1e5f;
}

input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
	background: #e8ddee;
}

input[value="purple"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #e8ddee;
	box-shadow: 2px 2px 6px #e8ddee;
}

input[value="purple"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #e8ddee;
}

input[value="purple"].theme + .Wrapper .SkillGrid div > span,
input[value="purple"].theme + .Wrapper .AspectSeparator,
input[value="purple"].theme + .Wrapper .TrackEdit,
input[value="purple"].theme + .Wrapper .AspectEdit,
input[value="purple"].theme + .Wrapper .NoteEdit,
input[value="purple"].theme + .Wrapper .ExtraEdit,
input[value="purple"].theme + .Wrapper .StuntEdit,
input[value="purple"].theme + .Wrapper .PowerEdit,
input[value="purple"].theme + .Wrapper .SkillEdit,
input[value="purple"].theme + .Wrapper .OptionsEdit,
input[value="purple"].theme + .Wrapper .optbar > span {
	background: #f8eeff;
}

.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #f8eeff;
}

input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#f8eeff,white,white,white,#f8eeff);
}

input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#f8eeff);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
	background: #18001f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optbar > span {
	background: #18001f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#18001f,black,black,black,#18001f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#18001f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .aspect .label,
/* input[value="purple"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .charname {
	color: #aa61ff;
}


/* Cthulhu theme */

.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-cthulhu.png");
}

.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll-name {
	border-bottom: 1px solid #3a5224;
}

.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll .inlinerollresult {
	background: #3a5224;
	border: 1px solid #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .share,
input[value="cthulhu"].theme + .Wrapper .optionsbox,
input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="cthulhu"].theme + .Wrapper .SectionHeader,
input[value="cthulhu"].theme + .Wrapper .Bar,
input[value="cthulhu"].theme + .Wrapper .pronounbox,
input[value="cthulhu"].theme + .Wrapper .fpbox,
input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
input[value="cthulhu"].theme + .Wrapper .optwrap,
input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
input[value="cthulhu"].theme + .Wrapper .aspect .label,
/* input[value="cthulhu"].theme + .Wrapper .specific input[type="text"], */
input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
input[value="cthulhu"].theme + .Wrapper .recovery .label,
input[value="cthulhu"].theme + .Wrapper .charname {
	color: #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .icon,
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="cthulhu"].theme + .Wrapper .EditTitleBar {
	background: #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .powerflex,
input[value="cthulhu"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
input[value="cthulhu"].theme + .Wrapper .TrackEdit,
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div,
input[value="cthulhu"].theme + .Wrapper .optbar > span {
	border: 1px solid #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .TrackEdit,
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div,
input[value="cthulhu"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #3a5224;
}

.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #3a5224;
}

input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
	background: #a9c591;
}

input[value="cthulhu"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #a9c591;
	box-shadow: 2px 2px 6px #a9c591;
}

input[value="cthulhu"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #a9c591;
}

input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
input[value="cthulhu"].theme + .Wrapper .TrackEdit,
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
input[value="cthulhu"].theme + .Wrapper .optbar > span {
	background: #d9e0d3;
}

.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #d9e0d3;
}

input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#d9e0d3,white,white,white,#d9e0d3);
}

input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#d9e0d3);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
	background: #091003;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optbar > span {
	background: #091003;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#001f05,black,black,black,#091003);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#091003);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .aspect .label,
/* input[value="cthulhu"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .charname {
	color: #689341;
}


/* Evil Hat theme */

.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-evilhat.png");
}

.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll-name {
	border-bottom: 1px solid #990000;
}

.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll .inlinerollresult {
	background: #990000;
	border: 1px solid #000000;
}

input[value="evilhat"].theme + .Wrapper .share,
input[value="evilhat"].theme + .Wrapper .optionsbox,
input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="evilhat"].theme + .Wrapper .SectionHeader,
input[value="evilhat"].theme + .Wrapper .Bar,
input[value="evilhat"].theme + .Wrapper .pronounbox,
input[value="evilhat"].theme + .Wrapper .fpbox,
input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
input[value="evilhat"].theme + .Wrapper .optwrap,
input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
input[value="evilhat"].theme + .Wrapper .aspect .label,
/* input[value="evilhat"].theme + .Wrapper .specific input[type="text"], */
input[value="evilhat"].theme + .Wrapper .track .optionsbox,
input[value="evilhat"].theme + .Wrapper .recovery .label,
input[value="evilhat"].theme + .Wrapper .charname {
	color: #990000;
}

input[value="evilhat"].theme + .Wrapper .icon,
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="evilhat"].theme + .Wrapper .EditTitleBar {
	background: #990000;
}

input[value="evilhat"].theme + .Wrapper .powerflex,
input[value="evilhat"].theme + .Wrapper .EditTitleBar {
	border-bottom: 1px solid #000000;
}

input[value="evilhat"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #000000;
}

input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
input[value="evilhat"].theme + .Wrapper .TrackEdit,
input[value="evilhat"].theme + .Wrapper .AspectEdit,
input[value="evilhat"].theme + .Wrapper .NoteEdit,
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
input[value="evilhat"].theme + .Wrapper .StuntEdit,
input[value="evilhat"].theme + .Wrapper .PowerEdit,
input[value="evilhat"].theme + .Wrapper .SkillEdit,
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div,
input[value="evilhat"].theme + .Wrapper .optbar > span {
	border: 1px solid #000000;
}

input[value="evilhat"].theme + .Wrapper .TrackEdit,
input[value="evilhat"].theme + .Wrapper .AspectEdit,
input[value="evilhat"].theme + .Wrapper .NoteEdit,
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
input[value="evilhat"].theme + .Wrapper .StuntEdit,
input[value="evilhat"].theme + .Wrapper .PowerEdit,
input[value="evilhat"].theme + .Wrapper .SkillEdit,
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div,
input[value="evilhat"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #990000;
}

.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #990000;
}

input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
	background: #e8dddd;
}

input[value="evilhat"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #e8dddd;
	box-shadow: 2px 2px 6px #990000;
}

input[value="evilhat"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #990000;
}

input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
input[value="evilhat"].theme + .Wrapper .AspectSeparator,
input[value="evilhat"].theme + .Wrapper .TrackEdit,
input[value="evilhat"].theme + .Wrapper .AspectEdit,
input[value="evilhat"].theme + .Wrapper .NoteEdit,
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
input[value="evilhat"].theme + .Wrapper .StuntEdit,
input[value="evilhat"].theme + .Wrapper .PowerEdit,
input[value="evilhat"].theme + .Wrapper .SkillEdit,
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
input[value="evilhat"].theme + .Wrapper .optbar > span {
	background: #eeeeee;
}

.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #eeeeee;
}

input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
}

input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#eeeeee);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
	background: #111111;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optbar > span {
	background: #111111;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#111111);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .aspect .label,
/* input[value="evilhat"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .charname {
	color: #d90000;
}


/* Gray theme */

.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-gray.png");
}

.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll-name {
	border-bottom: 1px solid #000000;
}

.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll .inlinerollresult {
	background: #000000;
	border: 1px solid #000000;
}

input[value="gray"].theme + .Wrapper .share,
input[value="gray"].theme + .Wrapper .optionsbox,
input[value="gray"].theme + .Wrapper .OptionsTitleBar,
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="gray"].theme + .Wrapper .SectionHeader,
input[value="gray"].theme + .Wrapper .Bar,
input[value="gray"].theme + .Wrapper .pronounbox,
input[value="gray"].theme + .Wrapper .fpbox,
input[value="gray"].theme + .Wrapper .fpbox input[type=number],
input[value="gray"].theme + .Wrapper .optwrap,
input[value="gray"].theme + .Wrapper .AspectLabelBar,
input[value="gray"].theme + .Wrapper .aspect .label,
/* input[value="gray"].theme + .Wrapper .specific input[type="text"], */
input[value="gray"].theme + .Wrapper .track .optionsbox,
input[value="gray"].theme + .Wrapper .recovery .label,
input[value="gray"].theme + .Wrapper .charname {
	color: #000000;
}

input[value="gray"].theme + .Wrapper .icon,
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="gray"].theme + .Wrapper .EditTitleBar {
	background: #000000;
}

input[value="gray"].theme + .Wrapper .powerflex,
input[value="gray"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #000000;
}

input[value="gray"].theme + .Wrapper .SkillGrid div > span,
input[value="gray"].theme + .Wrapper .TrackEdit,
input[value="gray"].theme + .Wrapper .AspectEdit,
input[value="gray"].theme + .Wrapper .NoteEdit,
input[value="gray"].theme + .Wrapper .ExtraEdit,
input[value="gray"].theme + .Wrapper .StuntEdit,
input[value="gray"].theme + .Wrapper .PowerEdit,
input[value="gray"].theme + .Wrapper .SkillEdit,
input[value="gray"].theme + .Wrapper .OptionsEdit,
input[value="gray"].theme + .Wrapper .SectionHeader ~ div,
input[value="gray"].theme + .Wrapper .optbar > span {
	border: 1px solid #000000;
}

input[value="gray"].theme + .Wrapper .TrackEdit,
input[value="gray"].theme + .Wrapper .AspectEdit,
input[value="gray"].theme + .Wrapper .NoteEdit,
input[value="gray"].theme + .Wrapper .ExtraEdit,
input[value="gray"].theme + .Wrapper .StuntEdit,
input[value="gray"].theme + .Wrapper .PowerEdit,
input[value="gray"].theme + .Wrapper .SkillEdit,
input[value="gray"].theme + .Wrapper .OptionsEdit,
input[value="gray"].theme + .Wrapper .SectionHeader ~ div,
input[value="gray"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #000000;
}

.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #000000;
}

input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
	background: #dddddd;
}

input[value="gray"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #dddddd;
	box-shadow: 2px 2px 6px #dddddd;
}

input[value="gray"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #dddddd;
}

input[value="gray"].theme + .Wrapper .SkillGrid div > span,
input[value="gray"].theme + .Wrapper .AspectSeparator,
input[value="gray"].theme + .Wrapper .TrackEdit,
input[value="gray"].theme + .Wrapper .AspectEdit,
input[value="gray"].theme + .Wrapper .NoteEdit,
input[value="gray"].theme + .Wrapper .ExtraEdit,
input[value="gray"].theme + .Wrapper .StuntEdit,
input[value="gray"].theme + .Wrapper .PowerEdit,
input[value="gray"].theme + .Wrapper .SkillEdit,
input[value="gray"].theme + .Wrapper .OptionsEdit,
input[value="gray"].theme + .Wrapper .optbar > span {
	background: #eeeeee;
}

.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #eeeeee;
}

input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
}

input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#eeeeee);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
	background: #111111;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optbar > span {
	background: #111111;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#111111);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .aspect .label,
/* input[value="gray"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .charname {
	color: #aaaaaa;
}

/* Shadow of the Century theme */

/* teal: #007da4, roaring hot magenta: ec008b */

.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-shotc.png");
}

.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll-name {
	border-bottom: 1px solid #ec008b;
}

.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll .inlinerollresult {
	background: #ec008b;
	border: 1px solid #007da4;
}

input[value="shotc"].theme + .Wrapper .share,
input[value="shotc"].theme + .Wrapper .optionsbox,
input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="shotc"].theme + .Wrapper .SectionHeader,
input[value="shotc"].theme + .Wrapper .Bar,
input[value="shotc"].theme + .Wrapper .pronounbox,
input[value="shotc"].theme + .Wrapper .fpbox,
input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
input[value="shotc"].theme + .Wrapper .optwrap,
input[value="shotc"].theme + .Wrapper .AspectLabelBar,
input[value="shotc"].theme + .Wrapper .aspect .label,
/* input[value="shotc"].theme + .Wrapper .specific input[type="text"], */
input[value="shotc"].theme + .Wrapper .track .optionsbox,
input[value="shotc"].theme + .Wrapper .recovery .label,
input[value="shotc"].theme + .Wrapper .charname {
	color: #007da4;
}

input[value="shotc"].theme + .Wrapper .icon,
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="shotc"].theme + .Wrapper .EditTitleBar {
	background: #ec008b;
}

input[value="shotc"].theme + .Wrapper .powerflex,
input[value="shotc"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #ec008b;
}

input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
input[value="shotc"].theme + .Wrapper .TrackEdit,
input[value="shotc"].theme + .Wrapper .AspectEdit,
input[value="shotc"].theme + .Wrapper .NoteEdit,
input[value="shotc"].theme + .Wrapper .ExtraEdit,
input[value="shotc"].theme + .Wrapper .StuntEdit,
input[value="shotc"].theme + .Wrapper .PowerEdit,
input[value="shotc"].theme + .Wrapper .SkillEdit,
input[value="shotc"].theme + .Wrapper .OptionsEdit,
input[value="shotc"].theme + .Wrapper .SectionHeader ~ div,
input[value="shotc"].theme + .Wrapper .optbar > span {
	border: 1px solid #007da4;
}

input[value="shotc"].theme + .Wrapper .TrackEdit,
input[value="shotc"].theme + .Wrapper .AspectEdit,
input[value="shotc"].theme + .Wrapper .NoteEdit,
input[value="shotc"].theme + .Wrapper .ExtraEdit,
input[value="shotc"].theme + .Wrapper .StuntEdit,
input[value="shotc"].theme + .Wrapper .PowerEdit,
input[value="shotc"].theme + .Wrapper .SkillEdit,
input[value="shotc"].theme + .Wrapper .OptionsEdit,
input[value="shotc"].theme + .Wrapper .SectionHeader ~ div,
input[value="shotc"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #ec008b;
}

.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #007da4;
}

input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
	background: #ddeeff;
}

input[value="shotc"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #ddeeff;
	box-shadow: 2px 2px 6px #ddeeff;
}

input[value="shotc"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #ddeeff;
}

input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
input[value="shotc"].theme + .Wrapper .AspectSeparator,
input[value="shotc"].theme + .Wrapper .TrackEdit,
input[value="shotc"].theme + .Wrapper .AspectEdit,
input[value="shotc"].theme + .Wrapper .NoteEdit,
input[value="shotc"].theme + .Wrapper .ExtraEdit,
input[value="shotc"].theme + .Wrapper .StuntEdit,
input[value="shotc"].theme + .Wrapper .PowerEdit,
input[value="shotc"].theme + .Wrapper .SkillEdit,
input[value="shotc"].theme + .Wrapper .OptionsEdit,
input[value="shotc"].theme + .Wrapper .optbar > span {
	background: #eef8ff;
}

.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #eef8ff;
}

input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
}

input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#eef8ff);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
	background: #00181f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optbar > span {
	background: #00181f;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#00181f);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .aspect .label,
/* input[value="shotc"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .charname {
	color: #0092bf;
}


/* Orange (Golden) theme */

.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll,
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll {
	background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-orange.png");
}

.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll-name,
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll-name {
	border-bottom: 1px solid #e3ac24;
}

.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll .inlinerollresult,
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll .inlinerollresult {
	background: #e3ac24;
	border: 1px solid #e3ac24;
}

input[value="orange"].theme + .Wrapper .share,
input[value="orange"].theme + .Wrapper .optionsbox,
input[value="orange"].theme + .Wrapper .OptionsTitleBar,
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
input[value="orange"].theme + .Wrapper .SectionHeader,
input[value="orange"].theme + .Wrapper .Bar,
input[value="orange"].theme + .Wrapper .pronounbox,
input[value="orange"].theme + .Wrapper .fpbox,
input[value="orange"].theme + .Wrapper .fpbox input[type=number],
input[value="orange"].theme + .Wrapper .optwrap,
input[value="orange"].theme + .Wrapper .AspectLabelBar,
input[value="orange"].theme + .Wrapper .aspect .label,
/* input[value="orange"].theme + .Wrapper .specific input[type="text"], */
input[value="orange"].theme + .Wrapper .track .optionsbox,
input[value="orange"].theme + .Wrapper .recovery .label,
input[value="orange"].theme + .Wrapper .charname {
	color: #e3ac24;
}

input[value="orange"].theme + .Wrapper .icon,
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
input[value="orange"].theme + .Wrapper .EditTitleBar {
	background: #e3ac24;
}

input[value="orange"].theme + .Wrapper .powerflex,
input[value="orange"].theme + .Wrapper .specific input[type="text"] {
	border-bottom: 1px solid #e3ac24;
}

input[value="orange"].theme + .Wrapper .SkillGrid div > span,
input[value="orange"].theme + .Wrapper .TrackEdit,
input[value="orange"].theme + .Wrapper .AspectEdit,
input[value="orange"].theme + .Wrapper .NoteEdit,
input[value="orange"].theme + .Wrapper .ExtraEdit,
input[value="orange"].theme + .Wrapper .StuntEdit,
input[value="orange"].theme + .Wrapper .PowerEdit,
input[value="orange"].theme + .Wrapper .SkillEdit,
input[value="orange"].theme + .Wrapper .OptionsEdit,
input[value="orange"].theme + .Wrapper .SectionHeader ~ div,
input[value="orange"].theme + .Wrapper .optbar > span {
	border: 1px solid #e3ac24;
}

input[value="orange"].theme + .Wrapper .TrackEdit,
input[value="orange"].theme + .Wrapper .AspectEdit,
input[value="orange"].theme + .Wrapper .NoteEdit,
input[value="orange"].theme + .Wrapper .ExtraEdit,
input[value="orange"].theme + .Wrapper .StuntEdit,
input[value="orange"].theme + .Wrapper .PowerEdit,
input[value="orange"].theme + .Wrapper .SkillEdit,
input[value="orange"].theme + .Wrapper .OptionsEdit,
input[value="orange"].theme + .Wrapper .SectionHeader ~ div,
input[value="orange"].theme + .Wrapper .optbar > span {
	box-shadow: 2px 2px 6px #e3ac24;
}

.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
	background: #e3ac24;
}

input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
	background: #eee8dd;
}

input[value="orange"].theme + .Wrapper .AspectSeparator {
	border: 1px solid #eee8dd;
	box-shadow: 2px 2px 6px #eee8dd;
}

input[value="orange"].theme + .Wrapper .SkillGrid > div {
	border-bottom: 1px solid #eee8dd;
}

input[value="orange"].theme + .Wrapper .SkillGrid div > span,
input[value="orange"].theme + .Wrapper .AspectSeparator,
input[value="orange"].theme + .Wrapper .TrackEdit,
input[value="orange"].theme + .Wrapper .AspectEdit,
input[value="orange"].theme + .Wrapper .NoteEdit,
input[value="orange"].theme + .Wrapper .ExtraEdit,
input[value="orange"].theme + .Wrapper .StuntEdit,
input[value="orange"].theme + .Wrapper .PowerEdit,
input[value="orange"].theme + .Wrapper .SkillEdit,
input[value="orange"].theme + .Wrapper .OptionsEdit,
input[value="orange"].theme + .Wrapper .optbar > span {
	background: #fff8ee;
}

.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"],
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"] {
	border: 1px solid #fff8ee;
}

input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#fff8ee,white,white,white,#fff8ee);
}

input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,white,#fff8ee);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
	background: #1f1800;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid div > span,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectSeparator,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsEdit,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optbar > span {
	background: #1f1800;
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
	background-image: linear-gradient(to bottom,#1f1800,black,black,black,#1f1800);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
	background-image: linear-gradient(to bottom,black,#1f1800);
}

.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .share,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsTitleBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .Bar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .pronounbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox input[type=number],
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optwrap,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectLabelBar,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .aspect .label,
/* input[value="orange"].theme + .Wrapper .specific input[type="text"], */
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .track .optionsbox,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .recovery .label,
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .charname {
	color: #e3ac24;
}


/* Media Change Block — Hopefully to help us get mobile support working. Needs to come after everything previously defined, so it can override previously defined elements when the interface resizes. */

.Mobile {
	display: none;
}

@media only screen and (max-width: 720px) {

	/* Here's actual styling content */

	.topwrap {
		display: grid;
		grid-template-columns: 1fr 2fr;
	}

	input[type="checkbox"].triggerbox:checked + .logobox, 
	input[type="checkbox"].triggerbox + .logobox, 
	.logobox {
		display: none;
	}
	
	.pronounbox {
		grid-row: 2;
		grid-column: 1;
	}

	.fpbox {
		grid-row: 2;
		grid-column: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin-left: 0px;
		float: none !important;
		justify-items: stretch;
	}

	.fpbox div {
		margin-left: 5px;
		margin-right: 5px;
	}

	.namebox {
		grid-row: 1;
		grid-column: span 2;
	}
	
	.namebox input[type="text"] {
		text-align: center;
	}

	/* This will help me notice when width is narrowed to Mobile view */

	/*
	.Mobile {
		display: block;
		background-color: yellow;
		color: black;
		width: 640px;
	}

	.Mobile textarea {
		width: 100%;
		height: 400px;
	}
	*/

	.SheetFlex {
		flex-direction: column-reverse;
	}

	.SheetCol {
		margin-left: 0px;
	}

	.StuntFrame,
	.PowerFrame,
	.NoteFrame,
	.SkillFrame {
		flex-direction: column;
		justify-content: flex-start;
	}

	.sheet-darkmode .ui-dialog .tab-content .charsheet button[type="roll"].share,
	.sheet-darkmode .ui-dialog .tab-content .charsheet .pencilbox,
	.sheet-darkmode .ui-dialog .tab-content .charsheet .optionsbox,
	input[type="checkbox"].checkbox:hover + span.checkmark::before {
		opacity: 0.8
	}

	.ui-dialog .tab-content .charsheet button[type="roll"].share,
	.pencilbox,
	.optionsbox,
	input[type="checkbox"].checkbox + span.checkmark::before {
		opacity: 0.6
	}

}