@import url('https://fonts.googleapis.com/css2?family=Bilbo&family=Special+Elite&family=Pangolin&display=swap');


.feff-bug {
	display: inherit;
}

/* The above style is in place to "absorb" the consequences of a hidden character that appears to show up in roll20 production environment */

.sheet-nowrap {
	white-space: nowrap;
}

.sheet-KItem-Type-New,
.sheet-KItem-Type-Countdown,
.sheet-KItem-Type-Monster,
.sheet-KItem-Type-Minion,
.sheet-KItem-Type-Bystander,
.sheet-KItem-Type-Location,
.sheet-KItem-Type-Phenomenon,
.sheet-KItem-Type-Text,
div.sheet-Keeper,
.sheet-SkinCheck[value="-1"] ~ div.sheet-NoKeep,
.sheet-SkinCheck[value="0"] ~ div div.sheet-NoNull,
div.sheet-Reference,
div.sheet-Expander
{
	display: none;
}

span.sheet-Null, div.sheet-Null,
span.sheet-the-bold, div.sheet-the-bold,
span.sheet-the-guardian, div.sheet-the-guardian,
span.sheet-the-hammer, div.sheet-the-hammer,
span.sheet-the-icon, div.sheet-the-icon,
span.sheet-the-idealist, div.sheet-the-idealist,
span.sheet-the-successor, div.sheet-the-successor,
span.sheet-Custom, div.sheet-Custom
{
	display: none;
}

.sheet-KTyper[value="0"] ~ span.sheet-KItem-Type-New,
.sheet-KTyper[value="7"] ~ span.sheet-KItem-Type-Text,
.sheet-KTyper[value="1"] ~ span.sheet-KItem-Type-Countdown,
.sheet-KTyper[value="2"] ~ span.sheet-KItem-Type-Monster,
.sheet-KTyper[value="3"] ~ span.sheet-KItem-Type-Minion,
.sheet-KTyper[value="4"] ~ span.sheet-KItem-Type-Bystander,
.sheet-KTyper[value="5"] ~ span.sheet-KItem-Type-Location,
.sheet-KTyper[value="6"] ~ span.sheet-KItem-Type-Phenomenon 
{
	display: inline;
}

.sheet-KTyper[value="0"] ~ div.sheet-KItem-Type-New,
.sheet-KTyper[value="7"] ~ div.sheet-KItem-Type-Text,
.sheet-KTyper[value="1"] ~ div.sheet-KItem-Type-Countdown,
.sheet-KTyper[value="2"] ~ div.sheet-KItem-Type-Monster,
.sheet-KTyper[value="3"] ~ div.sheet-KItem-Type-Minion,
.sheet-KTyper[value="4"] ~ div.sheet-KItem-Type-Bystander,
.sheet-KTyper[value="5"] ~ div.sheet-KItem-Type-Location,
.sheet-KTyper[value="6"] ~ div.sheet-KItem-Type-Phenomenon 
{
	display: block;
}

/* SkinCheck value 28 is unallocated; keep in mind for future playbooks */

.sheet-SkinCheck[value="-1"] ~ div.sheet-Keeper,
.sheet-SkinCheck[value="0"] ~ div.sheet-Null,
.sheet-SkinCheck[value="30"] ~ div.sheet-the-bold,
.sheet-SkinCheck[value="31"] ~ div.sheet-the-guardian,
.sheet-SkinCheck[value="32"] ~ div.sheet-the-hammer,
.sheet-SkinCheck[value="33"] ~ div.sheet-the-icon,
.sheet-SkinCheck[value="34"] ~ div.sheet-the-idealist,
.sheet-SkinCheck[value="35"] ~ div.sheet-the-successor,
.sheet-SkinCheck[value="99"] ~ div.sheet-Custom
{
	display: block;
}


.sheet-SkinCheck[value="-1"] ~  div > span > span.sheet-Keeper,
.sheet-SkinCheck[value="-1"] ~  div > span.sheet-Keeper,
.sheet-SkinCheck[value="0"] ~  div > span > span.sheet-Null,
.sheet-SkinCheck[value="0"] ~  div > span.sheet-Null,
.sheet-SkinCheck[value="30"] ~  div > span > span.sheet-the-bold,
.sheet-SkinCheck[value="30"] ~  div > span.sheet-the-bold,
.sheet-SkinCheck[value="31"] ~  div > span > span.sheet-the-guardian,
.sheet-SkinCheck[value="31"] ~  div > span.sheet-the-guardian,
.sheet-SkinCheck[value="32"] ~  div > span > span.sheet-the-hammer,
.sheet-SkinCheck[value="32"] ~  div > span.sheet-the-hamer,
.sheet-SkinCheck[value="33"] ~  div > span > span.sheet-the-icon,
.sheet-SkinCheck[value="33"] ~  div > span.sheet-the-icon,
.sheet-SkinCheck[value="34"] ~  div > span > span.sheet-the-idealist,
.sheet-SkinCheck[value="34"] ~  div > span.sheet-the-idealist,
.sheet-SkinCheck[value="35"] ~  div > span > span.sheet-the-successor,
.sheet-SkinCheck[value="35"] ~  div > span.sheet-the-successor,
.sheet-SkinCheck[value="99"] ~  div > span > span.sheet-Custom,
.sheet-SkinCheck[value="99"] ~  div > span.sheet-Custom
{
	display: inline;
}

.sheet-RefToggle[value="1"]:checked ~ div.sheet-Reference,
.sheet-RefToggle1[value="1"]:checked ~ div.sheet-Reference, 
.sheet-RefToggle2[value="1"]:checked ~ div.sheet-Reference,
.sheet-RefToggle3[value="1"]:checked ~ div.sheet-Reference, 
.sheet-RefToggle4[value="1"]:checked ~ div.sheet-Reference, 
.sheet-RefToggle5[value="1"]:checked ~ div.sheet-Reference,
.sheet-RefToggle6[value="1"]:checked ~ div.sheet-Reference, 
.sheet-ExpToggle[value="1"]:checked ~ div.sheet-Expander
{
	display: block;
}

.sheet-Reference
{
	padding-left: 12px;
}

textarea
{
	height: auto;
}

select.sheet-SkinSelect 
{
	position: relative;
}
https://app.roll20.net/campaigns/campaignsettings/11191931#customsheet-css
/* I'm not sure why the original implementation wanted the selected playbook to be un-displayed. Was there a fear it would overwrite? */
/*
option.sheet-SkinSelect:checked   
{
	display: none;
}
*/

.sheet-Label
{
	font-family: 'Pangolin';
	text-transform: uppercase;
	font-weight: bold;
}

.sheet-StatLabel, .sheet-StatLabelC, .sheet-StatLabelP, .sheet-StatLabelH
{
	font-family: 'Pangolin';
	text-transform: uppercase;
	font-weight: italic;
}

.sheet-MinorHead, .sheet-Subsection
{
	font-family: 'Pangolin';
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	padding: 3px;
}

.sheet-LineSpacer
{
    font-family: 'Special Elite';
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid black;
}

.sheet-statelabel
{
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	color: #990000;
}

.sheet-statelabel2
{
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	margin-right:5px;
	color: #990000;
}

.sheet-statelabel3
{
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	margin-right:13px;
	color: #990000;
}

.sheet-statelabel4
{
	font-size: 90%;
	color: #000000;
}

.sheet-spacelabel
{
	font-weight: bold;
	font-size: 80%;
	text-transform: uppercase;
	color: #FFFFFF;
}

.sheet-balancelabel
{
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	color: #000000;
}

.sheet-balancelabel2
{
	font-weight: bold;
	font-size: 100%;
	text-transform: uppercase;
	margin-left: 55px;
	color: #000000;
}

.sheet-Stats {
	margin-top: 12px;
	margin-bottom: 4px;
}

.sheet-Subsection {
	margin-top: 12px;
	margin-bottom: 4px;
	background-color:#D6CCA9;
}

.sheet-Stat {
	text-align: center;
	margin-bottom: 12px;
}

.sheet-Subsection
{
	font-size: 120%;
	border-bottom: 1px solid black;
}

.sheet-StatLabelP {
	display: block;
	font-size: 200%;
	text-align: left;
	margin-left: -8px;
}

.sheet-StatLabelH {
	display: block;
	font-size: 200%;
	text-align: left;
	margin-left: -10px;
}

.sheet-StatLabelC {
	display: block;
	font-size: 200%;
	text-align: left;
	margin-left: -15px;
}

.sheet-StatLabel {
	display: block;
	font-size: 200%;
	text-align: left;
}

.sheet-SheetGrid {
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-auto-flow: column;
	column-gap: 20px;
	align-content: stretch;
}

.sheet-Stats {
	grid-column: 1;
}

.sheet-Specifics {
	grid-column: 2
}

.sheet-move {
	text-indent: -15px;
	margin-left: 15px;
}

.sheet-move {
	margin-bottom: 3px;
}

.sheet-move ul li {
	text-indent: 0px;
	margin-left: 0px;
}

.sheet-motw-moveshare .sheet-move, 
.sheet-rolltemplate-motw-dieroll .sheet-move
{
	text-indent: -12px;
	margin-left: 15px;
}

.sheet-rolltemplate-motw-moveshare .sheet-template-container
{
	background-color: white;
	border: 1px solid black;
}

.sheet-rolltemplate-motw-dieroll .sheet-template-container 
{
	background-color: white;
	border: 1px solid #990000;
}

.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title,
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title 
{
	background-color: black;
	color: black;
	font-family: 'Century Gothic';
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.sheet-rolltemplate-motw-moveshare .sheet-moveshare-title
{
	background-color: #D6CCA9;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-title 
{
	background-color: #D6CCA9;
}

.sheet-rolltemplate-motw-moveshare .sheet-moveshare-content, 
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content 
{
	background-color: white;
	padding: 3px;
	color: black;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content 
{
	padding-top: 6px;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure,
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success,
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess,
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
{
	padding-top: 60px;
	padding-left: 30px;
	padding-bottom: 60px;
	background-repeat: no-repeat;
	background-size: 299px auto;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure 
{
	background-image: url("https://i.imgur.com/DRWAYoL.png");
	background-position: right;
	background-color: white;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success 
{
	background-image: url("https://i.imgur.com/DRWAYoL.png");
	background-position: right;
	background-color: white;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess 
{
	background-image: url("https://i.imgur.com/DRWAYoL.png");
	background-position: right;
	background-color: white;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed
{
	background-image: url("https://i.imgur.com/DRWAYoL.png");
	background-position: right;
	background-color: white;
}

.sheet-rolltemplate-motw-dieroll .sheet-dieroll-roll .inlinerollresult,
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-advsuccess .sheet-dieroll-roll .inlinerollresult, 
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-success .sheet-dieroll-roll .inlinerollresult, 
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-failure .sheet-dieroll-roll .inlinerollresult, 
.sheet-rolltemplate-motw-dieroll .sheet-dieroll-content-mixed .sheet-dieroll-roll .inlinerollresult
{
	font-family: 'Century Gothic';
	color: black;
  border: none !important;
  background-color: transparent;
  font-weight: bold;
  padding: 5px 5px 5px 0px;
  font-size: 40px;
}


button[type=roll].sheet-2d6-button::before {
	content: 'Fa';
	font-family: 'dicefontd6';
	font-size: 116%;
}

button[type=roll].sheet-broadcast-button::before {
	content: 'R';
	font-family: 'Pictos';
}

button[type=roll].sheet-broadcast-button, 
button[type=roll].sheet-2d6-button {
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-right: 6px;
	background-color: white;
	color: #990000;
}

input[type="checkbox"].sheet-checkbox {
	opacity: 0.0;
	width: 16px;
	height: 16px;
	position: relative;
	top: -3px;
	left: 9px;
	margin: -10px;
	cursor: pointer;
	z-index: 1;
}

input[type="checkbox"].sheet-centercheckbox {
	opacity: 0.0;
	width: 16px;
	height: 16px;
	position: relative;
	top: -3px;
	left: 9px;
	margin: -10px;
	cursor: pointer;
	background-color: black;
	z-index: 1;
}

input[type="checkbox"].sheet-checkbox + span.sheet-altbox::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
	width: 14px;
	height: 14px;
	font-size: 12px;
}

input[type="checkbox"].sheet-checkbox:checked + span.sheet-altbox::before {
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
}

input[type="checkbox"].sheet-checkbox + span.sheet-mainbox::before {
	margin-right: -7px;
	margin-left: 10px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-unchecked.png);
	width: 14px;
	height: 14px;
	font-size: 12px;
}

input[type="checkbox"].sheet-checkbox:checked + span.sheet-mainbox::before {
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-red.png);
}

.sheet-move .sheet-isolator {
	text-indent: 0px;
}

input[type="checkbox"].sheet-checkbox + span.sheet-anglebox::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
 	content: "►";
	color: #990000;
	width: 14px;
	height: 14px;
	font-size: 12px;
}

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

span.sheet-ExpHeader {
	font-weight: bold;
	font-size: 75%;
	text-transform: uppercase;
	color: #999999;
}

input[type="checkbox"].sheet-ExpOPBToggle + span.sheet-anglebox + span.sheet-ExpHeader::before, 
input[type="checkbox"].sheet-ExpToggle + span.sheet-anglebox + span.sheet-ExpHeader::before {
	content: "Show "; /* I'd love to internationalize this but I don't think CSS allows it */
}

input[type="checkbox"].sheet-OPBToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before,
input[type="checkbox"].sheet-ExpToggle:checked + span.sheet-anglebox + span.sheet-ExpHeader::before {
	content: "Hide "; /* I'd love to internationalize this but I don't think CSS allows it */
}

input[type="radio"].sheet-radio {
	opacity: 0.0;
	width: 16px;
	height: 16px;
	position: relative;
	top: -3px;
	left: 9px;
	margin: -10px;
	cursor: pointer;
	z-index: 1;
}

input[type="radio"].sheet-radio + span.sheet-mainbox::before {
	margin-right: -7px;
	margin-left: 10px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
	width: 14px;
	height: 14px;
	font-size: 12px;
}

input[type="radio"].sheet-radio:checked + span.sheet-mainbox::before {
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
}

input[type="radio"].sheet-radio + span.sheet-altbox::before {
	margin-right: 0px;
	margin-left: 3px;
	line-height: 14px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-unchecked.png);
	width: 14px;
	height: 14px;
	font-size: 12px;
}

input[type="radio"].sheet-radio:checked + span.sheet-altbox::before {
	content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/radio-checked-red.png);
}

.sheet-grayable {
	color: #999999;
}

input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable,
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable
{
	color: #000000;
}

input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable b,
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable b,
input[type="checkbox"].sheet-checkbox:checked ~ span.sheet-grayable i,
input[type="radio"].sheet-radio:checked ~ span.sheet-grayable i
{
	color: #990000;
}

.sheet-OPBHead {
	display: none;
}

.sheet-UnusedToggle[value="1"]:checked ~ .sheet-OPBToggle[value="1"]:checked ~ .sheet-OPBHead,
.sheet-OPBToggle[value="1"]:checked ~ .sheet-OPB
{
	display: block;
	padding-right: 10px;
}

.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox,
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .sheet-checkbox,
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox,
.sheet-ExpToggle[value="1"]:checked ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio,
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox,
.sheet-ExpToggle[value="1"]:checked ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
{
	display: inline;
}

.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio + .sheet-mainbox + .sheet-grayable
{
	display: none;
}

.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox:checked,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox:checked + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .flex-container + .flex-child > .sheet-checkbox:checked + .sheet-mainbox + .sheet-grayable,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox,
.sheet-ExpToggle[value="1"] ~ .sheet-move > .sheet-radio:checked + .sheet-mainbox + .sheet-grayable
{
	display: inline;
}

input[type="checkbox"].sheet-inverted-triggerbox, 
input[type="checkbox"].sheet-inverted-triggerbox:checked,
input[type="checkbox"].sheet-inverted-triggerbox:checked + div.sheet-triggerframe,
input[type="checkbox"].sheet-inverted-triggerbox:checked + span.sheet-triggertext,
input[type="checkbox"].sheet-AllyRevealer ~ div.sheet-Ally,
input[type="checkbox"].sheet-triggerbox + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
input[type="checkbox"].sheet-triggerbox, 
input[type="checkbox"].sheet-triggerbox:checked,
input[type="checkbox"].sheet-triggerbox + div.sheet-triggerframe,
input[type="checkbox"].sheet-triggerbox + span.sheet-triggertext
{
	display: none;
}

input[type="checkbox"].sheet-inverted-triggerbox + span.sheet-triggertext,
input[type="checkbox"].sheet-triggerbox:checked + input[type="checkbox"].sheet-checkbox + span.sheet-altbox,
input[type="checkbox"].sheet-triggerbox:checked + span.sheet-triggertext
{
	display: inline;
}

input[type="checkbox"].sheet-AllyRevealer:checked ~ div.sheet-Ally,
input[type="checkbox"].sheet-HavenRevealer:checked + div.sheet-Haven,
input[type="checkbox"].sheet-SectRevealer:checked + div.sheet-Sect,
input[type="checkbox"].sheet-inverted-triggerbox + div.sheet-triggerframe,
input[type="checkbox"].sheet-triggerbox:checked + div.sheet-triggerframe
{
	display: block;
}

.sheet-AllyRevealer:checked ~ .sheet-Ally,
.sheet-HavenRevealer:checked ~ .sheet-Haven,
.sheet-SectRevealer:checked ~ .sheet-Sect
{
	display: block;
}

.sheet-advmoves {
	padding-left: 10px;
}

.sheet-highlights > b,
.sheet-highlights > i,
.sheet-redtext
{
	color: #990000;
}

.sheet-kflex {
	display: flex;
	flex-flow: column-reverse;
	align-items: left;
}

.sheet-kflex > .repcontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
}

.sheet-kflex > .repcontrol {
	display: inline-block;
	width: 150px;
}

.sheet-kflex > .repcontainer > .repitem {
	margin-right: 20px;
	padding-bottom: 10px;
	min-width: 20em;
	min-height: 10px;
	flex: 1 1 25em;
}

.sheet-KInstructions {
	align-self: left;
	text-align: left;
}

.sheet-KItem-input {
	margin-bottom: 6px;
  margin-left: 6px;
	width: 90%;
}

input.sheet-null-hider[value=""] + *,
input.sheet-null-hider[value="0"] + *,
input.sheet-99-hider[value="99"] + *
{
	display: none;
}

.sheet-KIndented {
	margin-left: 1em;
	padding-bottom: 6px;
}

.sheet-CountRow {
	border-top: 1px solid black;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	/* flex: 1 1 25em; */
}

.sheet-CountRow:last-of-type {
	border-bottom: 1px solid black;
}

.sheet-CountRow .sheet-CountEvent
{
	margin-right: 0px;
}

.sheet-CountBox {
	border-right: 1px solid black;
	border-left: 1px solid black;
	margin-bottom: 6px;
}

.sheet-CountRow .sheet-CountEvent {
	width: calc(100% - 10em);
}

.sheet-CountRow .sheet-Day,
.sheet-CountRow .sheet-Shadows,
.sheet-CountRow .sheet-Sunset,
.sheet-CountRow .sheet-Dusk,
.sheet-CountRow .sheet-Nightfall,
.sheet-CountRow .sheet-Midnight
{
		width: 8em;
}

.sheet-Day,
.sheet-Shadows,
.sheet-Sunset,
.sheet-Dusk,
.sheet-Nightfall,
.sheet-Midnight,
.sheet-CountEvent
{
	color: #000000;
	padding: 6px;
	display: inline-block;
}

.sheet-Day {
	background-color: #EEEEEE;
	color: #000000;
}

.sheet-Shadows {
	background-color: #CCCCCC;
	color: #111111;
}

.sheet-Sunset {
	background-color: #AAAAAA;
	color: #222222;
}

.sheet-Dusk {
	color: #DDDDDD;
	background-color: #888888;
}

.sheet-Nightfall {
	color: #EEEEEE;
	background-color: #666666;
}

.sheet-Midnight {
	color: #FFFFFF;
	background-color: #444444;
}

.sheet-EditControls {
	border: 1px solid #990000;
	background-color: #EEEEEE;
	padding: 6px;
}

div.sheet-KItem-Subtype > div {
	font-style: italic;
}

.sheet-othermove b
{
	color: #990000;
}

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

.sheet-othermovename::before {
	padding-right: 2px;
  vertical-align: top;
  width: 14px;
  height: 14px;
  font-size: 12px;
  content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Monster%20of%20the%20Week%20Official/pics/checkbox-checked-black.png);
}

.sheet-othermovename::after {
	content: ": ";
}

.sheet-EditControls textarea,
.sheet-EditControls input[type="text"],
{
	width: calc(100% - 10px);
}

.sheet-StartingStats {
	width: 100%;
}


.sheet-col {
    max-width: 100%;
    
}

/* If I want to use this for a display-only fieldset in the future, this will help hide the add/modify controls */

.sheet-fset-display-only > .repcontrol {
	display: none;
}

.sheet-space-above {
	padding-top: 6px;
}


/* playing with flex stuff */

.flex-container {
    display: flex;
    width: auto;
}

.flex-child {
    flex: 1;
    text-indent: -15px;
	margin-left: 15px;
	width: 50%;
}  

.flex-child:first-child {
    margin-right: 5px;
}


.flex-training {
    max-width: 100%;
    justify-content: center;
}

.flex-training1 {
    flex: 1;
	margin-left: 15px;
	width: 50%;
}  

.flex-training5 {
    flex: 1;
	margin-left: 15px;
	width: 50%;
	flex-grow: 1.5;
}  

/* training symbols */

.sheet-training {
    float: left;
    width:  50px;
    height: 50px;
    background-size: cover;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
}


/* balance spacing */

.balance-space {
    padding: 1px;
}
}