/* COMMON SECTIONS & CLASSES */
@import url('https://fonts.googleapis.com/css?family=Courier+Prime&family=Cutive+Mono&display=swap');

.war-outer {
	min-width: 750px;
	 font-family: 'Courier Prime', monospace;
	 font-size: 12px;
}

.war-header {
 background-color: white;
 font-size: 26px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 border: 2px solid #000;
 margin-bottom: -2px;
 position: relative;
 z-index: +1;
 height: 120px;
}
.war-header .header-charname {
	height: 70%;
	 text-align: left;
	 font-size: 1.6em;
	 margin: 1% 0% auto 1%;
	 line-height: 2.2em;
	 max-width: 65%;
	 overflow: hidden;
	 color: darkblue;
	border: darkblue 1px solid;
	border-radius: 5px;
	padding-left: 1%;
	pointer-events: none;
}
.war-header .header-logo {
	 position: absolute;
	 right: 15px;
	 top: 10%;
	 width: 220px;
}
.war-main {
 display: grid;
	 grid-template-columns: 49% 49%;
 column-gap: 2%;
 background-color: lightgrey;
 padding: 1% 1% 1% 1%;
 border: 2px solid black;
 position: relative;
}

.war-group {
	position: relative;
	padding: 2px;
	margin: 1% 0px 1% 0px;
	background-color: white;
	border: 1px solid;
	max-height: 100%;
}
.attribute, .group-label {
	margin: 2% 1% 2% 1%;
	width: 98%;
}
.attribute.input, .attribute.select, .attribute.span {
	display: grid;
	grid-template-columns: 40% 60%;
	align-items: center;
    position: relative;
	height: auto;
    margin: 1% 1% 1% 1%;
}
.war-group input[type="number"] {
	text-align: center;
}
.attribute.input input[type="number"], .war-outer .skill-item input[type="number"] {
    width: 4em;
    font-size: 1.2em;
    text-align: center;
	height: 98%;
}
.attribute.span span,
.war-outer .war-group span.input-like {
    border: 1px lightgrey solid;
    border-radius: 4px;
    font-weight: normal;
    min-width: 2em;
	min-height: 1.8em;
	line-height: 1.8em;
	height: 1.8em;
}
.war-group.basic-info .attribute.span span {
	min-height: 1.8em;
	line-height: 1.8em;
	padding-left: 3%
}

.attribute.textarea {
	margin-top: 3%;
	position: relative;
	height: auto;
}
.attribute textarea  {
	display:block;
	width: 95%;
	margin: auto;
	resize: none;
	height: auto;
	box-sizing: content-box;
}
.attribute.textarea label {
	position: relative;
	background: white;
	width: max-content;
}
.attribute select {
	margin: 0px 0px 0px 0px;
	width: 100%
}
.attribute input {
	display: inline-block;
	width: 100%;
}
.war-group label {
	margin: 0px 0px 0px 3%;
}
.group-label {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	margin: 1% 0% 1% 1%;
    border-bottom: 1px solid lightgrey;
}
.table-header {
    display: grid;
	justify-items: center;
	margin: 2% 0% 2% 0%;
    width: 100%;
	font-variant: small-caps;
	border-bottom: solid 1px lightgrey;
}
.dicefontd6 {
	font-family: 'dicefontd6';
}

.pictos-custom {
	font-family:"pictos custom";
	font-variant: none;
	text-align: center;
	padding: 0px;
}
.nodisplay {
	display: none;
}
.war-group input[type="text"],
.war-group select {
	font-size: 1.1em;
	line-height: 1.1em;
	padding-left: 1%;
	height: 1.8em;
}
.war-group.basic-info input[type="text"] {
	font-weight: bold;
	padding-left: 3%;
}
.war-outer .war-group .repcontainer button.fold-button {
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
    min-height: 0px;
	width: 1.3em;
	height: 1.3em;
}
input[name*="options-flag"][value="1"] ~ button[name*="options-btn"] {
	box-shadow: 0px 0px 3px 1px #1283dc;
}
/* DROP DOWN TRANSITION EFFECT */
.war-group button[name*="options-btn"] .cog img {
    transition: transform 1s;
    transform: rotate(0deg);
	transition-timing-function: ease-out;
	width: 1em;
}
input[name*="options-flag"][value="1"] ~ button[name*="options-btn"] .cog img {
	transform: rotate(180deg)
}
.war-group .repitem button[type*="action"],
.war-group .row-like button {
	background-image: linear-gradient(#fff, #efefef);
	border: 1px solid lightgrey;
	border-radius: 5px;
	white-space: nowrap;
	min-height: 1.7em;
}

/* TABS SECTION */
.war-tabs {
	display:grid;
	grid-template-columns: min-content min-content min-content;
	grid-column-gap: 8px;
	width: 28%;
	justify-items: center;
	margin: auto auto 0% 1%;
	height: 30px;
	align-content: end;
	position: absolute;
	bottom: 0px;
}
.war-tabs .tab {
	position:relative;
	height: 30px;
	padding: 0px;
	margin: 0px -12px 0px -12px;
	width: 90%;
}
.war-tabs button {
	border-radius: 4px 4px 0px 0px;
	border: 1px solid black;
	background: darkgray;
	border-bottom: 2px solid black;
	padding: 0% 15px 0% 15px;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.war-header input[name*="activetab"][value*="character"] ~ .tab.character button,
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings button,
.war-header input[name*="activetab"][value*="help"] ~ .tab.help button {
	background-color: lightgrey;
	border-bottom: 2px solid lightgrey;
}
.war-character, .war-settings, .war-help {
	display: none;
}
.war-outer input[name*="activetab"][value*="character"] ~ .war-character,
.war-outer input[name*="activetab"][value*="settings"] ~ .war-settings,
.war-outer input[name*="activetab"][value*="help"] ~ .war-help {
	display: block;
}
.war-header input[name*="activetab"][value*="character"] ~ .tab.character,
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings,
.war-header input[name*="activetab"][value*="help"] ~ .tab.help {
		z-index: 3;
}
war-header .tab.help {
	z-index: 0;
}
.war-header .tab.settings {
	z-index: 1;
}
.war-header .tab.character {
	z-index: 2;
}

/* ICONS & COLOURS*/

i.ro img {
	width: 1.3em;
	max-width: 2em;
}
.war-group.stats i.ro img {
	width: 1.2em;
}
i.ro.health {
	filter: invert(12%) sepia(57%) saturate(4943%) hue-rotate(352deg) brightness(77%) contrast(89%);
}
i.ro.clover {
	filter: invert(22%) sepia(99%) saturate(1924%) hue-rotate(99deg) brightness(75%) contrast(105%);
}

/* NPC SELECTION */
.war-character .war-character-pc,
.war-character .war-character-npc {
	display:none;
}
.war-character input[name*="npc"][value="0"] ~ .war-character-pc,
.war-character input[name*="npc"][value="1"] ~ .war-character-npc {
	display: block;
}


/* MAX NUMBER INPUTS AND REMOVE SPINNER BUTTONS */
.attribute.input.max {
	justify-items: center;
	grid-template-columns: 35% 25% 1% 14% 10%;
	grid-column-gap: 3%;
	width: 65%;
	margin: 2% auto 2% auto;
}
.attribute.input.max input {
	width: 100%;
	text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    opacity: 1.0;
}
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
  	margin: 0;
	display:none;
}
.no-spinner {
	-moz-appearance: textfield;
}

/* BASIC INFO SELECTORS */
.war-group.basic-info .attribute.career,
.war-group.basic-info .attribute.community {
	display:none;
}
.war-group.basic-info input[name*="unlocked"][value="0"] ~ .select.career,
.war-group.basic-info input[name*="unlocked"][value="1"] ~ .input.career,
.war-group.basic-info input[name*="unlocked"][value="0"] ~ .select.community,
.war-group.basic-info input[name*="unlocked"][value="1"] ~ .input.community {
	display:grid;
}



/* STATS SECTION + DICE ROLLERS */
.war-outer .war-group.stats .input-like {
	width: max-content;
	text-align: center;
	padding: 0% 5px 0% 5px;
	height: 2em;
	line-height: 2.1em;
	font-size: 1.1em;
	max-width: 0em;
	overflow: hidden;
	cursor: help;
}
.war-group.stats .foldable {
	font-size: 1em;
	grid-template-columns: max-content 20% 10% 15%;
    width: 65%;
    align-items: center;
	margin: 2% auto 2% auto;
    border-bottom: 1px solid grey;
    padding: 0% 0% 2% 0%;
	justify-items: center;
}
.war-group.stats .attribute.input.max {
	justify-items: center;
	grid-template-columns: 15% 25% 15% 2% 8% 10%;
	grid-column-gap: 2%;
	width: 85%;
	margin: 2% 0% 2% 10%;
}
.war-group.stats .foldable.stamina {
	grid-template-columns: max-content 15% 5% 10% 5% 10%;
    	width: 85%;
	margin: 2% auto 4% auto;
	border-bottom: 1px solid grey;
}
.war-group.stats .attribute.input.max .stats-btn {
	background: none;
	border: none;
	line-height: 1em;
	font-size: 1.5em;
	color: darkred;
}
.war-group.stats .attribute.input.max button[name*="luck"].stats-btn  {
	color: #b48e09;
}
.war-group.stats .foldable.stats-options:nth-child(5) {
	border: none;
}
.war-group.stats .fold-button,
.group-label .fold-button {
    position:absolute;
    top: 4px;
    right: 4px;
}
div.stamina-up {
	margin: 5% 0px 0px 0px;
	height: 88%;
}
.war-group.stats input[type="number"] {
	margin: 1% 0% 2% 0%;
	padding: 0% 0% 0% 0%;
	height: 2em;
}

input[name*="_base"] ~ .btn.dicefontd6 {
	font-size: 2.5em;
	display: none;;
	background: none;
	border:none;
	color: #9a8315;
    box-shadow: none;
    top: -5%;
    position: relative;
}
input[name*="_base"][value="0"] ~ .btn.dicefontd6 {
	display:inline-flex;
}
.war-group.stats .stamina-up input[name*="unlocked"][value="1"] ~ .custom,
.war-group.stats .stamina-up input[name*="unlocked"][value="0"] ~ .auto {
	display: inline-block
}
.war-group.stats .stamina-up input[name*="unlocked"][value="0"] ~ .custom,
.war-group.stats .stamina-up input[name*="unlocked"][value="1"] ~ .auto {
	display: none
}

/* ADVENTURE SKILL SECTION */
/* Fix for repeating buttons not firing */
.repitem .skill-item.repeating {
	position: static;
}
.skill-item .btn.ui-draggable {
	box-shadow: none;
}
.attribute.table-header {
	grid-template-columns: 50% 28% 10%;
	grid-column-gap: 1%;
	justify-items: left;
	margin: 1% 0% 1% 4%;
}
.war-outer .skill-item {
	display: grid;
	grid-template-columns: 50% 20% 10% 10%;
	position: relative;
    height: 1.7em;
	grid-column-gap: 1%;
	align-items: center;
	justify-items:center;
	font-size: 1em;
	margin: 1% 2% 1% 2%;
	border-radius: 5px;
	background-image: linear-gradient(#fff, #efefef);
}
.adventuring-skills .group-label {
	min-height: 1.8em
}
.war-group.adventuring-skills .attribute.table-header span:nth-child(1), .war-group.adventuring-skills .skill-item button {
	justify-self: left;
	margin-left:13%
}
.war-outer .war-group .skill-item button {
	color: #005003;
	border: none;
	background: none;
	font-size: 1.4em;
	font-variant: all-small-caps;
	letter-spacing: 1px;
	display: inline-flex;
	white-space: nowrap;
	word-spacing: -35%;	
}
input[name*="_prof"][value="1"] ~ button {
	color: #00a800;
}
input[name*="_prof"][value="1"] ~ input {
	border: #09b509 solid 1px;
}
/* DISABLE NON-PROF SKILL INPUTS */
.skill-item input[name*="unlocked"][value="0"] ~ input[type="hidden"][name*="prof"][value="0"] ~ input[type="number"] {
	opacity: 0.7;
	pointer-events: none;
}

/* SKILLS MAX FOR CUSTOM SHEET */
.war-group.adventuring-skills .skill-item .skill-limit {
	display:none;
}
.war-group.adventuring-skills .skill-item input[name*="unlocked"][value="0"] ~ span.skill-limit,
.war-group.adventuring-skills .skill-item input[name*="unlocked"][value="1"] ~ input.skill-limit {
	display: inline-block;
}

.war-group.adventuring-skills .skill-item input.skill-limit {
	width: 2em;
	border: grey solid 1px;
}

/* ADVENTURING SKILL FLAGS */
/* COMMON */
.skill-item .skill-flag, .skill-item .skill-cmax-flag {
	position:absolute;
	top: 8%;
	font-size: 0.9em;
	cursor: help;
	display: none;
}
/* PAST CAREER BOOST FLAG */
.skill-item [name$="_boosted"][value="1"] ~ .skill-cmax-flag,
.skill-item [name*="unlocked"][value="1"] ~ input[type="checkbox"] {
	display:block;
} 
.skill-item [name$="_prof"][value="1"] ~ .skill-cmax-flag,
.war-group.adventuring-skills .skill-item [name*="unlocked"][value="1"] ~ .skill-flag,
.skill-item [name*="unlocked"][value="0"] ~ input[type="checkbox"] {
	display: none;
}
.skill-item .skill-cmax-flag {
	color: darkgreen;
	right: 5%;
	top: 5%;
}
/* CURRENT PROFICIENCY FLAG */
.skill-item input[type="checkbox"] {
	position: absolute;
	left: 2%;
	margin-left: 0px;
}
.skill-item .skill-flag {
	display: none;
}
.skill-item [name*="_prof"][value="1"] ~ .skill-flag {
	display: block;
	left: 3%;
	color: #00a800;
}
/* Skill is over max value */
.skill-item [name$="_overmax"][value="1"] ~ span[name$="_max"] {
	color: red;
}
.skill-item [name$="_overmax"][value="1"] ~ input[type="number"] {
	outline: red 1px solid
}
/* Skill is boosted by an item */
.skill-bonus {
	color: #138e96;
	cursor: help;
	justify-self: left;
	margin-left: -20%;
}

.skill-item input[name*="_bonus"][value="0"] ~ .skill-bonus {
	visibility: hidden;
}

/* TRAITS GROUP */
.war-group.traits textarea {
    resize: vertical;
    min-height: 5em;
}

/* SPECIFIC WAR-GROUP CHANGES */
.war-group.basic-info {
	height: min-content;
}
.war-group.basic-info .attribute.select {
	height: 2.4em;
}
.war-group.basic-info .attribute.input label, .war-group.basic-info .attribute.select label {
	margin-left: 2%;
}
.war-group.basic-info .attribute.input input, .war-group.basic-info .attribute.select select {
	width: 95%
}
.war-group.basic-info .attribute.button {
	justify-self:right;
	margin: 1% 5% 1% auto;
	width: 55%;
	text-align: center;
}
.war-group.basic-info span {
    width: 93%;
    height: auto;
}
.war-group.basic-info button {
    line-height: 1em;
	vertical-align: middle;
}
.war-group.background {
    grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.war-group.stats {
	padding: 0% 0% 0% 0%;
}
.war-group.career-advances .group-label label {
	text-align: center;
	margin: auto;
}
.war-group.career-advances .attribute {
	grid-template-columns: 60% 20%;
	width: 70%;
	margin: 2% auto 2% auto;
}
.war-group.career-advances .attribute :nth-child(1) {
	justify-self: center;
	width: auto;
}
.war-group.career-advances .attribute :nth-child(2) {
	justify-self: left;
	width: fit-content;
}

/* SPECIFIC ATTRIBUTE TWEAKS */
.attribute.textarea textarea[name*="background"] {
    margin-top: 1%;
	height: auto;
	min-height: 8em; 
	resize: vertical;
}
.attribute.textarea textarea[name*="trait"] {
    margin-top: 1%;
	height: auto;
	min-height: 1em; 
	resize: vertical;
}

/* CAREER TOGGLE BUTTON */
.career-toggle {
	color: #b5b5b5;
}
input[name="attr_career_toggle"][value="1"] ~ .career-toggle {
	outline: #08b1ff69 solid 2px;
	outline-offset: -1px;
	border-radius: 15%;
	color: #005eff;
}

/* COMMUNITY/CAREER SELECTION */
.basic-career-select, .advanced-career-select {
	display:none;
	grid-column: 1 / 3;
	grid-template-columns: 40% 60%;
	align-items: center;
	max-height: 20px;
}
input[name="attr_career_toggle"][value="0"] ~ .basic-career-select, input[name="attr_career_toggle"][value="1"] ~ .advanced-career-select
{
	display:grid;
}

input[name="attr_community"] ~ .career {
	display:none;
}
input[name="attr_community"][value="none"] ~ .career.blank,
input[value="human"] ~ .career.human, 
input[value="dwarf"] ~ .career.dwarf,
input[value="elf"] ~ .career.elf,
input[value="goblin"] ~ .career.goblin,
input[value="halfling"] ~ .career.halfling {
	display:block;
}

/* REPEATING SECTIONS */

/* COMMON ITEMS */
input[name*="options-flag"][value="0"] ~ .foldable {
    display: none;
}
input[name*="options-flag"][value="1"] ~ .foldable {
    display: grid;
}
.war-group.adventuring-skills input[type="number"] {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
}
.repcontainer .repitem input[type="number"] {
    text-align: center;
	width: auto;
}
.war-group .repcontainer .repitem select {
	margin: 0%;
	width: min-content;
}
.war-group .repcontainer .repitem input[type="text"] {
	width: 100%;
	height: 1.8em;
    margin: 1% 0% 1% 0%;
	padding: 1% 0% 0% 5px;
}
.war-group .repcontainer .repitem .foldable.weapon-options textarea[name="attr_description"] {
	min-height: 1em;
	width: auto;
	resize: vertical;
}
.war-group .repitem .foldable label {
	margin: 0% 0% 0% 0%;
	padding: 0px;
}
.war-group .foldable {
	width: 95%;
	margin: 0% 0% 4% 2%;
	padding: 0% 0% 8% 0%;
	grid-row-gap: 1%;
	border-bottom: 1px solid lightgray;
	align-items: center;
}
.foldable textarea {
    height: auto;
    max-width: 98%;
    resize: vertical;
    width: auto;
    margin: 0% 0% 0% 0%;
}
.foldable .repeating.option {
    display: grid;
	width: 95%;
	grid-template-columns: 35% 65%;
	grid-column-gap: 1%;
    margin: 1% 0% 1% 0%;
    position: relative;
	align-items: center;
}
.war-group .repeating.option.sub {
	grid-template-columns: 49% 49%;
	grid-column-gap: 2%;
	width: 95%;
}
.war-group .sub-option {
	display: grid;
	grid-template-columns: 1fr auto;
	width: 100%;
	grid-column-gap: 5%;
	align-items: center;
	position: relative;
}
.war-group .sub-option {
    display: grid;
    grid-template-columns: min-content min-content;
    grid-column-gap: 5%;
    align-items: center;
	white-space: nowrap;
}
.war-group input[type="text"] {
	min-width: 5em;
}
.war-group input[type="text"][name*="damage"] {
	min-width: 5em;
}
.repeating.option.double {
	grid-column: 1 / 3;
	margin: 2% 0% 2% 0%;
}
.repeating.option.sub div:nth-child(2) label {
	text-align:right;
}
.war-group .repitem .foldable input[type="checkbox"] {
	justify-self: left;
}
.war-group .repitem .maingrid {
	display: grid;
	grid-column-gap: 3%;
    align-items:center;
}
.war-group .repcontrol {
    min-height: 27px;
	width: 70%;
    margin: 3% auto 0% auto;
	transform: scale(0.8);
    -moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
}
.war-group.possessions, .war-group.spells, .war-group.weapons {
    height: min-content;
}
.war-group.possessions .maingrid input[type="text"] {
	color:darkblue;
	border:darkblue 1px solid;
}
.war-group .itemcontrol {
	z-index: +10;
}

/* CAREER SKILLS REP SEC */
/* Unlocked sheet toggle for active career skill */
.war-group.career-skills .skill-item.repeating.auto,
.war-group.career-skills .skill-item.repeating.custom{
	display:none;
}

.war-group.career-skills input[name*="unlocked"][value="1"] ~ .custom,
.war-group.career-skills input[name*="unlocked"][value="0"] ~ .auto {
	display: grid;
}
.war-group.career-skills .repeating.custom input {
	margin-left: 12%;
	padding-left: 12%
}
.career-skills .repeating .btn {
    box-shadow: none;
    display: inline-flex;
    height: 1.3em;
    line-height: 1.3em;
}
.skill-item.repeating {
    grid-template-columns: 60% 20%;
}
.war-group.career-skills .table-header {
    grid-template-columns: 59% 20%;
	grid-column-gap: 1%
}
.war-group.career-skills input[name*="unlocked"][value="0"] ~ .repcontrol {
    display: none;
}
.war-group.career-skills .repcontainer button {
	min-height: 0px;
}

/* POSESSIONS REP SEC */
.war-group.possessions .repitem .maingrid {
    grid-template-columns: 8% 52% 12% 8% 6%;
    margin: 1% 0% 1% 3%
}
.possession.table-header {
    grid-template-columns: 8% 55% 14% 10% 6%;
    margin: 0% 0% 0% 3%;
}
.possession.table-header span:nth-child(2) {
    justify-self: start;
    margin-left: 10%;
}
.foldable.possession-options {
    grid-template-columns: 100%;
}

/* ITEM FLAGS */
.itemflags {
	white-space: nowrap;
	justify-self: center;
	padding: 0px;
}
.itemflags i {
	display: none;
	margin: -4px;
}
.itemflags input[value*="B"] ~ i.shield,
.itemflags input[value*="A"] ~ i.armour,
.itemflags input[value*="W"] ~ i.weapon ,
.itemflags input[value*="S"] ~ i.stats {
	display: inline;
}
.war-group.weapons .itemflags input[value*="C"] ~ i.crushing,
.war-group.weapons .itemflags input[value*="P"] ~ i.piercing,
.war-group.weapons .itemflags input[value*="S"] ~ i.slashing,
.war-group.weapons .itemflags input[value*="B"] ~ i.blast,
.war-group.weapons .itemflags input[value*="R"] ~ i.ranged {
	display: inline;
}


/* Currency Section */

.possession.currency {
    border: 1px #887b59 solid;
    border-radius: 15%;
    background-color: #fdfcf6;
    margin: 2% 3% 2% 3%;
    padding: 2% 2% 2% 2%;
    width: 90%;
    display: grid;
    grid-template-columns: max-content auto max-content auto max-content;
    align-items: center;
}
.possession.currency-header {
	text-align: center;
	display: block;
	margin: 2% auto -1% auto;
	border-top: 1px lightgray solid;
	width: 70%;
	font-size: 1.1em;
	font-style: italic;
	padding-top: 2%;
}
.possession.currency button {
    height: 10px;
    line-height: 10px;
    background: none;
    color: #8e7b00;
    border: none;
    font-size: 1.3em;
}
.war-group.possessions .possession.currency input {
    width: 55px;
}

/* EFFECTS REP SEC */

.war-group.effects .group-label.sub {
	font-size: 1.1em;
	font-style: normal;
	margin: 1% 0% 0% 1%;
}
.war-group.effects .effects-passive .table-header {
	display: grid;
	grid-template-columns: 30% 60%;
	justify-items: center;
}
.war-group.effects .effects-passive .maingrid-like .row-like {
	display: grid;
	grid-template-columns: 30% 70%;
	grid-column-gap: 4%;
	margin: 0% 0% 0% 2%;
	padding: 0% 0% 1% 0%;
	min-height: 2.4em;
	align-items: center;
	width: 95%;
}
.war-group.effects .effects-passive .maingrid-like .row-like div span,
.war-group.effects .effects-passive .maingrid-like .row-like div label {
	display:inline;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0% 2% 0% 0%;
	margin: 0%;
}
.war-sub-group.effects-active {
	border-top: 1px solid grey;
	margin: 2% 0% 0% 0%;
}
.war-group.effects .effects-active .table-header {
	display: grid;
	grid-template-columns: 40% 15% 20% 12% 10%;
	grid-column-gap: 1%;
	justify-items: center;
}
.war-group.effects .effects-active .maingrid {
	display: grid;
	grid-template-columns: 40% 15% 20% 12% 10%;
	grid-column-gap: 1%;
	margin: 1% 0% 0% 2%;
}
.war-group.effects .effects-active .maingrid span {
	justify-self: center;
}
.war-group.effects button {
	color: #1d6561;
}
.war-group.effects .effects-active .foldable .repeating.option {
	grid-template-columns: 25% 75%;
}
.war-group.effects .effects-active .repeating.option.sub {
	grid-template-columns: 40% 60%;
}
.war-group.effects .effects-active .repeating.option.sub .sub-sub-option {
	justify-self: right;
}

.war-group.effects .sub-option input[name*="duration"] {
	justify-self: right;
	width: 4em;
}


/* TOOLTIP */
.war-hover {
    cursor: help;
	font-size:1.5em;
    color: blue;
    position: absolute;
	right: -7%;
}

.war-tt {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.7s;
    width: 110%;
    position: absolute;
    background: #e7e9b0ed;
    padding: 5%;
    border-radius: 10px;
    border: 2px black solid;
    bottom: -100px;
    left: 110%;
    z-index: +100;
}
.war-tt span {
	white-space: pre-line;
}
.war-hover-text {
	cursor: help;
}
.war-tt.item-types,
.war-tt.effect-types,
.war-tt.weapon-types {
	width: max-content;
	padding: 3%;
	font-size:1.1em;
	line-height: 1.4em;
}
.war-tt.item-types {
	height: 7em;
	top: -7em;
	left: 59%;
}
.war-tt.effect-types {
	top: 9em;
	height: max-content;
	left: 35%;
}
.war-tt.weapon-types {
	height: 8em;
	top: -8em;
	left: 69%;
}

.war-hover.item-mods:hover ~ .war-tt.item-mods,
.war-hover.effect-mods:hover ~ .war-tt.effect-mods,
.war-hover-text:hover ~ .war-tt.item-types,
.war-hover-text:hover ~ .war-tt.effect-types,
.war-hover-text:hover ~ .war-tt.weapon-types {
	visibility: visible;
	opacity: 1.0;
}

/* WEAPONS REP SEC */

.war-group.weapons .repitem .maingrid {
    grid-template-columns: 3% 45% 6% 23% 12% 6%;
	grid-column-gap: 1%;
    margin: 1% 2% 1% 1%
}
.weapon.table-header {
    grid-template-columns: 2% 45% 6% 24% 11% 6%;
	grid-column-gap: 0%;
    margin: 0% 0% 0% 2%;
}
.war-group.weapons .repitem button[name*="roll"] {
	padding: 0% 0% 0% 0%;
	color: #b30621;;
}

.war-group.weapons .repcontainer select {
	width: min-content;
	margin: 0%;
}
.war-group .repcontainer .attack-skill-select input[type="text"] {
	width: 20%
}
.war-group.weapons .attack-damage-select {
	width: 95%;
	grid-column: 1 / 4;
	display: grid;
	grid-template-columns: 35% min-content 2% 20%;
	align-items: center;
	grid-column-gap: 1%;
}
.war-group.weapons .repeating.option.sub {
	grid-template-columns: 50% 50%;
}
.war-group.weapons .sub-option {
	display: grid;
	grid-template-columns: min-content min-content;
	grid-column-gap: 5%;
	align-items: center;
}
/* Readied Weapon */

.war-group.weapons .table-header span[title*="Read"] {
    margin: 0% 0% 0% 1%;
    cursor: help;
}
.main-weapon-options label {
    font-size: .9em;
    margin: 3% 0% 0% 0%;
}
.war-header input[name*="activetab"][value*="character"] ~ .tab.character button,
.war-header input[name*="activetab"][value*="settings"] ~ .tab.settings button,
.war-header input[name*="activetab"][value*="help"] ~ .tab.help button {
	background-color: lightgrey;
	border-bottom: 2px solid lightgrey;
	z-index: +1;
}
.war-group.weapons .repitem .attack-damage-select input[name*="damage_custom"] {
	pointer-events: none;
	color: lightgrey;
}
.war-group.weapons .repitem .foldable input[name*="damage_base"][value*="custom"] ~ input[name*="damage_custom"] {
	pointer-events: all;
	color: black;
}
.war-group.weapons .repitem .maingrid input[name*="w_readied"][value="0"] ~ input[name*="r_readied"],
.war-group.weapons .table-header input[name*="react"][value="0"] ~ span[title*="Read"] {
    visibility: hidden;
}


/* SPELLS REP SEC */
.war-group.spells .repitem .maingrid {
    grid-template-columns: 45% 20% 10% 8% 6%;
	grid-column-gap: 2%;
    margin: 1% 2% 1% 3%;
	text-align: center;
}
.spell.table-header {
    grid-template-columns: 45% 20% 10% 8% 6%;
	grid-column-gap: 1%;
    margin: 0% 0% 0% 1%;
}
.war-group.spells button[name*="roll"] {
	color: #b40fb4;
}
.spells .repcontainer .repitem input[type="number"],
.effects .repcontainer .repitem input[type="number"] {
    text-align: center;
	width: 3.5em;
}
.war-group.spells .repitem button[name*="link"] img {
	width: 1.1em;
}
.war-group.spells .repitem button[name*="link"] {
	border: none;
	background: none;
}
.war-group.spells input[type="text"][name*="duration"] {
	width: 5em;
}


/* Attack only options */
.war-group.spells .repeating.option.attack-only {
	display:none;
}
.war-group.spells .spell-options input[value="Attack"] ~ .attack-only {
	display: grid;
}

/* CHARACTER CREATION TUTORIAL */

[name="attr_disable_tutorial"][value="1"] ~ .tutorial,
[name="attr_disable_tutorial"][value="1"] ~ .tutorial.initial-skillpoints {
	display: none;
	visibility: hidden;
}

.tutorial {
	background: #ffe88c;	
	border: 2px solid #84720a;
	border-radius: 5px;
	vertical-align: middle;
	line-height: 1.5em;
	text-align: center;
}
.initial-skillpoints {
    display:none;
    font-size: 14px;
	font-weight: normal;
	position: absolute;
	top: -1%;
	left: 4%;
	width: 90%;
}
.initial-skillpoints * {
	margin: 0% 2px 0% 0%;
}
.initial-skillpoints span[name*="attr"] {
	font-weight: bold;
}
[name*="tutorial_flag"][value="1"] ~ .phase1,
[name*="tutorial_flag"][value="2"] ~ .phase2,
[name*="tutorial_flag"][value="3"] ~ .phase3 {
    display: block;
}
[name*="disable_career_flag"][value="0"] ~ .disable-career {
    display: none;
}
.disable-career {
    position: absolute;
    z-index: +1;
    width: 55%;
    height: 73%;
    right: 4%;
    top: 20%;
    opacity: 0.9;
	padding-top: 2%;
}
.disable-career button {
	margin: 2% auto auto auto;
	height: 0.9em;
	border-width: 1px;
	font-size: 15px;
	background-color: #ddc623;
	border-color: #84720a #caad00 #caad00 #84720a;
	font-weight: bold;
	padding: 1% 5% 1% 5%
}

/* NPC SHEET */
.war-character-npc input[type="text"] {
	width: min-content
}
.war-character-npc input[type="number"] {
	max-height: 1.8em;
}
.war-character-npc .attribute.input {
	grid-template-columns: 33% 66%
}
.war-character-npc .attribute.input.max {
	grid-template-columns: 18% 15% 2% 15%;
	margin: 3% 3% 3% 3%;
	padding: 0% 0% 3% 0%;
	border-bottom: 1px lightgrey solid;
	width: 95%;
}
.war-character-npc .repeating.custom {
	width: 90%;
	margin: 0% auto 3% auto;
}
.war-group.npc-description {
	grid-row: 0 / 3;
	grid-column: 2 / 3;
}
.war-group.npc-description textarea {
	min-height: 10em;
	resize: vertical;
}
.war-group.effects {
	height: min-content;
	padding-bottom: 3%;
}
.war-group.npc-stats .attribute {
    grid-template-columns: 38% 60%;
    grid-column-gap: 2%;
}
.war-character-npc .weapons .weapon-options input[name*="mod"] {
    width: 4em
}

/* MONSTER ABILITY REP SEC */
.monster-ability.wizard {
	text-align: center;
	margin: 2% 0% 0% 0%;
}
.monster-ability.wizard select {
	width: min-content;
}
.war-group.monster-abilities .table-header {
	grid-template-columns: 30% 55% 10%;
	margin: 0% 0% 2% 2%;
	padding: 1% 0% 0% 0%;
	border-top: 1px solid lightgrey;
	width: 96%
}
.war-group.monster-abilities .repitem {
	margin: 2% 0% 3% 0%;
}
.war-group.monster-abilities .maingrid {
	grid-template-columns: 30% 55% 10%;
	margin: 0% 0% 0% 2%;
}
.war-group.monster-abilities .maingrid button[name*="link"] {
	color: #c38104;
}
.war-group.monster-abilities .maingrid span[name*="detail"] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-style: italic;
	font-size:0.9em;
	overflow: hidden;
	padding: 1px 2px 1px 2px;	
}
.war-group.monster-abilities .foldable textarea {
	height: 8em;
}

/* SETTINGS TAB */

.war-group.settings .settings.option {
	border: 1px solid grey;
	margin: 8px 5px 8px 5px;
	padding: 5px 2px 5px 2px;
	border-radius: 5px;
}
.war-group.settings select {
	padding: 0px;
	margin: 2px;
}
.war-group.settings .settings-heading {
	text-align:center;
	margin-top: 1%
}

.war-group.settings .settings.tip {
	display:block;
	font-size:1em;
	font-style: italic;
	margin-top: 5px;
	padding: 5px;
}

/* DOCUMENTATION TAB */
.war-group.help {
	grid-column: 1 / 3;
}
.war-group.help .attribute {
	width: 30%;
}
.war-group.help .group-label span {
    white-space: pre-line;
    font-size: 0.7em;
}
.war-group.help .group-label span img {
    width: 20px;
}
.war-group.help {
	font-size: 1.3em;
	background-color: #fff;
	cursor: default;
	user-select: none;
}
.war-help .help.grid {
	display: grid;
	grid-template-columns: auto auto;
	width: 33%;
	align-items: center;
	margin-top: 2% 0% 0% 2%;
	font-size: .9em;
}
.war-help .help-main .help-section {
	margin: 15px 0% 15px 0%;
	border-top: 1px solid lightgrey;
	padding: 1% 3% 0% 2%;
}
.war-help .help-main h3,
.war-help .help-main h4 {
	margin: 10px 0px 0px 0px;
}
.war-help .help-main span {
	display:block;
	padding: 0% 0% 0% 1%;
	white-space: pre-line;	
}

.war-help .important-text,
.war-help .important-text h3,
.war-help .important-text h4 {
	color: #001975;
	background: #d1eff9;
}

.war-help .important-text {
	padding: 3% 5% 3% 5%;
	margin: 5% 0% 5% 0%;
	border: darkblue 3px solid;
	border-radius: 15px;
}
.war-help .important-text span {
	white-space: pre-line;
}
.war-help .example-block {
	background-color: #9cd7ea;
	padding: 1% 5% 1% 5%;
	margin: 1% 2% 3% 2%;
	border: 2px solid #0f0f0f;
	border-radius: 25px;
}
.war-help .example-block u {
	display: block;
	font-style: italic;
}
.war-help .example-mod {
	border: 1px solid grey;
	border-radius: 5px;
	background-color: #e8e8e8;
	cursor: text;
	user-select: text;
	font-size: 0.9em;
	color: black;
	margin-bottom: 1%;
	width: 90%;
}

/* ROLL TEMPLATES */
/* WART-ROLL && COMMON */
.sheet-rolltemplate-wart-roll .sheet-wart-outer,
.sheet-rolltemplate-wart-damage .sheet-wart-outer,
.sheet-rolltemplate-wart-description .sheet-wart-outer {
	font-family: 'Courier Prime', monospace;
}

.sheet-rolltemplate-wart-roll,
.sheet-rolltemplate-wart-damage {
    text-align: center;
    margin: auto 5% auto -10%;
    padding: 0% 0% 0% 0%;
}

.sheet-rolltemplate-wart-roll .sheet-wart-outer,
.sheet-rolltemplate-wart-damage .sheet-wart-outer {
    background: whitesmoke;
    padding: 5% 0% 5% 0%;
    border-radius: 20px 0px 20px 0px;
    z-index: +1;
}

.sheet-rolltemplate-wart-roll .sheet-wart-header,
.sheet-rolltemplate-wart-roll .sheet-wart-footer,
.sheet-rolltemplate-wart-damage .sheet-wart-header,
.sheet-rolltemplate-wart-damage .sheet-wart-footer,
.sheet-rolltemplate-wart-description .sheet-wart-header,
.sheet-rolltemplate-wart-description .sheet-wart-footer {
    border-bottom: 1px solid grey;    
    color: white;
    font-size: 1.2em;
}

.sheet-rolltemplate-wart-roll .sheet-wart-title,
.sheet-rolltemplate-wart-damage .sheet-wart-title {
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0% -4% 0% -1%;
    outline: black 2px solid;
    padding: 1% 4% 0% 0%;
}

.sheet-rolltemplate-wart-damage .sheet-wart-subheader,
.sheet-rolltemplate-wart-description .sheet-wart-subheader,
.sheet-rolltemplate-wart-roll .sheet-wart-subheader {
	padding: 1% 0% 0% 0%;
	font-size: 1em;
    text-transform: uppercase;
    min-height: 1.3em;
    line-height:1.3em;
    background: #5f5f5f;
}
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-double,
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-double,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-double {
    display: grid;
    grid-template-columns: 50% 50%;
}
.sheet-rolltemplate-wart-damage .sheet-wart-subheader-right,
.sheet-rolltemplate-wart-description .sheet-wart-subheader-right,
.sheet-rolltemplate-wart-roll .sheet-wart-subheader-right {
    border-left: 1px solid white;
}

.sheet-rolltemplate-wart-roll .sheet-wart-rolls .sheet-right {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    border-left: 1px solid grey;
}
.sheet-rolltemplate-wart-roll .sheet-wart-rolls .sheet-right.sheet-wart-result {
    grid-row: 2 / 3;   
}

.sheet-rolltemplate-wart-roll .sheet-wart-rolls.sheet-flat {
    grid-template-columns: auto auto;
    display:grid;
    align-items: center;
	border-top: 1px solid grey;
}
.sheet-rolltemplate-wart-roll .sheet-wart-rolls.sheet-flat .sheet-wart-rollname {
    border-bottom: none;
}
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-body .sheet-wart-rollname .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-body .sheet-wart-rollname .inlinerollresult {
    background: none;
    border: none;
    font-size:1em;
}
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-header .sheet-wart-subheader .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-header .sheet-wart-subheader .inlinerollresult {
    background: none;
    border: none;
    font-size:1em;
}
.sheet-rolltemplate-wart-description .sheet-wart-rollname,
.sheet-rolltemplate-wart-roll .sheet-wart-rollname,
.sheet-rolltemplate-wart-damage .sheet-wart-rollname {
    padding: 0% 3% 0% 3%;
    border-bottom: 1px solid grey;
    font-size: 16px;
    font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
}
.sheet-rolltemplate-wart-description .sheet-wart-result,
.sheet-rolltemplate-wart-roll .sheet-wart-result,
.sheet-rolltemplate-wart-damage .sheet-wart-result {
    min-height: 3em;
    line-height: 3em;
    font-size: 1.1em
}
.sheet-rolltemplate-wart-description .sheet-wart-outer .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .inlinerollresult {
	font-weight: normal;
}
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-rolls .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-rolls .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-rolls .inlinerollresult {
	font-weight: 900;
}
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult {
    border-width: 10px;
    border-style: solid;
    border-image: radial-gradient(#d5c001c4 10px, whitesmoke 22px);
    border-image-slice: 33%;
    border-radius:11px;
    outline: 0px #c1bd83a1 solid;
    box-shadow: inset 0px 0px 4px 2px #c1bd83;
    background-color: #f2e5ca;
    min-width: 40px;
}
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit,
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit,
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult.fullcrit {
    border-image: radial-gradient(#17a219 7px, whitesmoke 22px);
    border-image-slice: 33%;
}
.sheet-rolltemplate-wart-description .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail,
.sheet-rolltemplate-wart-roll .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail,
.sheet-rolltemplate-wart-damage .sheet-wart-result .tipsy-n-right.inlinerollresult.fullfail {
    border-image: radial-gradient(#bc1313fc 5px, whitesmoke 22px);
    border-image-slice: 33%;
}

.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-footer,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-footer,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-footer {
    padding: 0px 0px 0px 0px;
}
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link,
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link {
    border-bottom: 2px solid black;
    font-size: 1em;
    line-height: 1em;
	border-top: 1px grey solid;
	padding: 4px;
}

.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link .inlinerollresult,
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link .inlinerollresult {
	background: none;
	border: none;
	font-weight: bold;
}

.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-link a,
.sheet-rolltemplate-wart-description .sheet-wart-outer .sheet-wart-calc-link a,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-link a,
.sheet-rolltemplate-wart-roll .sheet-wart-outer .sheet-wart-calc-link a,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-link a,
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-calc-link a {
	font-size: 1.1em;
	background: none;
	color: blue;
	border: none;
}

.sheet-rolltemplate-wart-description .sheet-wart-notes,
.sheet-rolltemplate-wart-description .sheet-wart-notes-header,
.sheet-rolltemplate-wart-roll .sheet-wart-notes,
.sheet-rolltemplate-wart-roll .sheet-wart-notes-header,
.sheet-rolltemplate-wart-damage .sheet-wart-notes,
.sheet-rolltemplate-wart-damage .sheet-wart-notes-header {
    font-family: corbel;
    font-size: 1.0em;
	line-height: 1.0em;
	background-color: #ece8d7;
    color: #4d4d4d;
    padding: 3% 5% 3% 5%;
    border-bottom: 2px solid black;
    border-collapse: collapse;
    font-style: italic;
}
.sheet-rolltemplate-wart-description .sheet-wart-notes .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-notes .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-notes .inlinerollresult {
	background: none;
	border: none;
	color: blue;
	pointer-events: none;
}
.sheet-rolltemplate-wart-description .sheet-wart-charname,
.sheet-rolltemplate-wart-roll .sheet-wart-charname,
.sheet-rolltemplate-wart-damage .sheet-wart-charname {
    min-height: 0.7em;
	line-height: 1.1em;
    font-variant: small-caps;
	font-size: 1.1em;
	letter-spacing: 1px;
	padding: 1% 0% 1% 3%;
    margin: 0% -1% 0% -4%;
    outline: 2px solid black;
}

/* DAMAGE TEMPLATE */

.sheet-rolltemplate-wart-damage {
    text-align: center;
    margin: auto 5% auto -10%;
    padding: 0% 0% 0% 0%;
}

.sheet-rolltemplate-wart-damage .sheet-wart-outer {
	border-radius: 0% 0% 0% 0%;
	padding: 4% 0% 4% 0%;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll {
	line-height: 1em;
	font-size: 1em;
}
.sheet-rolltemplate-wart-damage .sheet-wart-outcome {
	font-size: 1.1em;
	line-height: 1.3em;
	pointer-events: none;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult {
	color: #d23131;
}
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll .inlinerollresult {
	color: #9f290f;
}
.sheet-rolltemplate-wart-damage .sheet-wart-outer .sheet-wart-outcome .inlinerollresult {
	color: blue;
	font-size: 1.2em;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damagename,
.sheet-rolltemplate-wart-damage .sheet-wart-defencename {
	border-bottom: 1px solid lightgrey;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult {
	font-size: 1.1em;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult,
.sheet-rolltemplate-wart-damage .sheet-wart-defenceresult {
	border-bottom: 1px solid grey;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageresult,
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll {
	line-height: 1.3em;
	border-bottom: 1px solid grey;
}
.sheet-rolltemplate-wart-damage .sheet-wart-defence {
	background-color: beige
}
.sheet-rolltemplate-wart-damage .sheet-wart-defence *,
.sheet-rolltemplate-wart-damage .sheet-wart-outcome *,
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll * {
	padding: 2% 0% 1% 0%;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-defenceroll .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-defencename .inlinerollresult
{
	background: none;
	border: none;
}
.sheet-rolltemplate-wart-damage .sheet-wart-outcome .inlinerollresult {
	background:none;
	font-size: 1em;
	border:none;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult.fullfail {
	color: #bf0000;
}
.sheet-rolltemplate-wart-damage .sheet-wart-damageroll .inlinerollresult.fullcrit {
	color: #087700;
}
.sheet-rolltemplate-wart-damage .sheet-mighty {
	background-color: #087700;
}
.sheet-rolltemplate-wart-damage .sheet-mighty-three {
	color: #087700;
	font-size: 1.2em;
}

/* REACTIVE ROLL SYSTEM */

.sheet-rolltemplate-wart-description .sheet-wart-react-outer,
.sheet-rolltemplate-wart-roll .sheet-wart-react-outer,
.sheet-rolltemplate-wart-damage .sheet-wart-react-outer {
	background-color: #94b1cc;
	width: 92%;
	margin: auto;
	border: #4f4f4f solid 2px;
	border-radius: 10px;
	font-family: corbel;
	margin-top: -4%;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-header,
.sheet-rolltemplate-wart-roll .sheet-wart-react-header,
.sheet-rolltemplate-wart-damage .sheet-wart-react-header {
	font-size: 1.3em;
	line-height: 1.3em;
	font-style: italic;
	font-weight: 900;
	color: #1f1f4f;
	margin: 0% 0% 0% 0%;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button,
.sheet-rolltemplate-wart-roll .sheet-wart-react-button,
.sheet-rolltemplate-wart-damage .sheet-wart-react-button {
	margin-top: -3px;
	margin-bottom: -3px;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row,
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row,
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	font-size: 0.9em;
	line-height: 0.9em;
	width: 90%;
	margin: auto;
	border-top: 1px black solid;
	padding: 2% 0% 2% 0%
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row .inlinerollresult,
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row .inlinerollresult,
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row .inlinerollresult {
	background: none;
	border: none;
	color: #2c324f;
	pointer-events: none;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a,
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row a,
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row a {
	font-family: dicefontd20;
	font-weight: 900;
	color: #0038ac;
	border: 2px solid #305679;
	background-color: #f2fffe;
	border-radius: 10px;
	font-size: 1.6em;
	padding: 0% 6px 0% 6px;
	line-height:1.1em;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a[href*="apply"],
.sheet-rolltemplate-wart-roll .sheet-wart-react-button.sheet-row a[href*="apply"],
.sheet-rolltemplate-wart-damage .sheet-wart-react-button.sheet-row a[href*="apply"] {
	font-family: 'pictos';
	font-weight: 300;
}

/* DESCRIPTION TEMPLATE */

/* Trick to stop the double-template getting cut by the avatar on 6th/7th post */
.sheet-rolltemplate-wart-description:not(:first-child) {
	position: relative;
}
.sheet-rolltemplate-wart-description:not(:first-child) .sheet-wart-outer.sheet-sheet-bottom,
.sheet-rolltemplate-wart-description:not(:first-child) .sheet-wart-outer.sheet-bottom  {
	position: relative;
	margin-top: -28px;
}
.sheet-rolltemplate-wart-description {
    text-align: center;
    margin: -2px 5% -7px -10%;
    padding: 0% 0% 0% 0%;
	background: #f4f4da;
}
.sheet-rolltemplate-wart-description .sheet-wart-outer {
	border: #3e4006 1px solid;
	border-width: 1px 5px 1px 5px;
	padding: 0% 0% 0% 0%;
}
.sheet-rolltemplate-wart-description .sheet-wart-spacer {
	min-height: 8px;
	background-color: #D3E5F5;
	z-index: 1;
}
.sheet-rolltemplate-wart-description .sheet-wart-spacer.sheet-footer {
	margin-top: 4px;
}

.sheet-rolltemplate-wart-description .sheet-wart-title,
.sheet-rolltemplate-wart-description .sheet-wart-charname {
	background-color: #121101;
	border: 2px solid #363905;
	color: whitesmoke;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0% 0% 0% 0%;
	margin: -2% -5% 0% -5%;
	border-radius: 10px 10px 1px 1px;
}
.sheet-rolltemplate-wart-description .sheet-wart-charname {
	font-size: 1.1em;
	padding: 0px;
	margin: 0% -5% -3% -5%;
	outline: none;
	border-radius: 1px 1px 10px 10px;
}

.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-rolltable,
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-desc {
	background-color: #c1c1af;
	border-bottom: 1px solid grey;
	line-height: 1.3em;
	font-size: 1.1em;
	font-weight: bold;
}
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-rolltable .inlinerollresult,
.sheet-rolltemplate-wart-description .sheet-wart-subtitle.sheet-desc .inlinerollresult {
	background: none;
	border: none;
	font-size: 1.2em;
	font-weight: bold;
}
.sheet-rolltemplate-wart-description .sheet-wart-row {
	font-size: 1.2em;
	line-height:1.2em;
	font-style: italic;
	padding: 1% 0% 1% 0%;
	margin: 0% 0% 0% 0%;
	font-family: corbel;
	border-bottom: 1px solid grey;
}
.sheet-rolltemplate-wart-description .sheet-wart-body .sheet-wart-row .inlinerollresult {
	background: none;
	border: none;
	font-size: 1em;
	font-weight: bold
}

.sheet-rolltemplate-wart-description .sheet-wart-body .sheet-crit {
	color: #960000;
}
.sheet-rolltemplate-wart-description .sheet-wart-desc .sheet-wart-row.sheet-allprops:last-child {
	border-top: 1px solid black;
}
.sheet-rolltemplate-wart-description .sheet-wart-row.sheet-allprops {
	display: grid;
	grid-template-columns: 1fr 60%;
	line-height:1.2em;
}
.sheet-rolltemplate-wart-description .sheet-wart-allprops .sheet-allprops:nth-child(2) {
	background-color: #f9f9ee
}
.sheet-rolltemplate-wart-description .sheet-allprop.sheet-key {
	font-weight: bold;
	justify-self: right;
	text-align: right;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row {
	border: none;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row .inlinerollresult {
	pointer-events: none;
	color: darkblue;
}
.sheet-rolltemplate-wart-description .sheet-wart-react-button.sheet-row a {
	font-size: 1em;
	font-style: normal;
	line-height: 1.3em;
}