@import url("https://fonts.googleapis.com/css2?family=League+Gothic&display=swap"); 

[data-groupname="repeating_gift"]:not(.repcontrol) {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.repcontrol .repcontrol_add,
.repcontrol .repcontrol_edit,
.repcontrol .repcontrol_del {
    background: maroon;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    height: 12px;
    font-size: 0.9em;
    line-height: 12px;
}
[data-groupname="repeating_gift"] .repcontrol_add {
    margin-right: 80%;
}
[data-groupname="repeating_advflaw"] .repcontrol_add {
    margin-right: 60%;
}
[data-groupname="repeating_advflaw"] .repcontrol_edit,
[data-groupname="repeating_advflaw"] .repcontrol_del {
    margin-right: 10%;
}

[data-groupname="repeating_specialty"] .repcontrol_add {
    margin-right: 66%;
}
[data-groupname="repeating_specialty"] .repcontrol_edit,
[data-groupname="repeating_specialty"] .repcontrol_del {
    margin-right: 3%;
}
[data-groupname="repeating_specialty2"] .repcontrol_add {
    margin-right: 66%;
}
[data-groupname="repeating_specialty2"] .repcontrol_edit,
[data-groupname="repeating_specialty2"] .repcontrol_del {
    margin-right: 3%;
}

[data-groupname="repeating_meritflaw"] .repcontrol_add {
    margin-right: 60%;
}

[data-groupname="repeating_meritflaw"] .repcontrol_edit,
[data-groupname="repeating_meritflaw"] .repcontrol_del {
    margin-right: 10%;
}

[data-groupname="repeating_packmeritflaw"] .repcontrol_add {
    margin-right: 60%;
}

[data-groupname="repeating_packmeritflaw"] .repcontrol_edit,
[data-groupname="repeating_packmeritflaw"] .repcontrol_del {
    margin-right: 0%;
}
.charsheet input {
  display: inline-block;
  width: fit-content;
}

.charsheet {
  background-color: white;
}

.sheet-container {
  display: grid;
  /*overflow: scroll;*/
  grid-template-columns: repeat(3, minmax(270px, 1fr));
  grid-template-rows: repeat(14, fit-content);
  grid-template-areas: "header header header"
                        "character1 character2 character3"
                        "subhead1 subhead1 subhead1"
                        "attrib1 attrib2 attrib3"
                        "subhead2 subhead2 subhead2"
                        "ability1 ability2 ability3"
                        "subhead3 subhead3 subhead3"
                        "spec1    spec1    spec1"
                        "subhead4 subhead4 subhead4"
                        "renown1 renown2 renown3"
						"subhead5 subhead5 subhead5"
                        "repsec1  repsec1  repsec1"
						"subhead6 subhead6 subhead6"
                        "rage1    rage2    rage3"
						"subhead7 subhead7 subhead7"
                        "tenet1   tenet2   tenet3";
  grid-gap: 8px;
  margin: 0 2% 0 2%;
}
.sheet-gothic {
	font-family: "League Gothic"; /*closest Google API Font to the paper version */
	text-align: center;
	font-size: 24px; /*1.9em*/
}
.sheet-gothicReverse {
	font-family: "League Gothic";
	text-align: center;
	font-size: 24px;
	color: White;
	background: Black;
}
.sheet-typewritter {
	font-family: "Courier New";
	font-weight: bold;
	color: Charcoal;
	text-align: center;
}

.sheet-typetitle {
	font-family: "Courier New";
	font-weight: bold;
	color: Charcoal;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 1.2em;
	background: white;
	border: 0px solid red;
}

.sheet-header {
  grid-area: header;
  text-align: center;
}
.sheet-character1 {
  grid-area: character1;
  text-align: center;
}
.sheet-character2 {
  grid-area: character2;
  text-align: center;
}
.sheet-character3 {
  grid-area: character3;
  text-align: center;
}

.sheet-subhead1 {
  grid-area: subhead1;
  text-align: center;
}

.sheet-attrib1 {
  grid-area: attrib1;
  text-align: center;
}

.sheet-attrib2 {
  grid-area: attrib2;
  text-align: center;
}

.sheet-attrib3 {
  grid-area: attrib3;
  text-align: center;
}

.sheet-subhead2 {
  grid-area: subhead2;
  text-align: center;
}

.sheet-ability1 {
  grid-area: ability1;
  text-align: center;
}

.sheet-ability2 {
  grid-area: ability2;
  text-align: center;
}

.sheet-ability3 {
  grid-area: ability3;
  text-align: center;
}

.sheet-subhead3 {
  grid-area: subhead3;
  text-align: center;
}

.sheet-spec1 {
  grid-area: spec1;
  text-align: center;
}
.sheet-subhead4 {
  grid-area: subhead4;
  text-align: center;
}

.sheet-renown1 {
  grid-area: renown1;
  text-align: center;
}

.sheet-renown2 {
  grid-area: renown2;
  text-align: center;
}

.sheet-renown3 {
  grid-area: renown3;
  text-align: center;
}

.sheet-subhead5 {
  grid-area: subhead5;
  text-align: center;
}

.sheet-repsec1 {
  grid-area: repsec1;
  text-align: center;
}

.sheet-repsec2 {
  grid-area: repsec2;
  text-align: center;
}

.sheet-repsec3 {
  grid-area: repsec3;
  text-align: center;
}

.sheet-subhead6 {
  grid-area: subhead6;
  text-align: center;
}

.sheet-rage1 {
  grid-area: rage1;
  text-align: center;
}

.sheet-rage2 {
  grid-area: rage2;
  text-align: center;
}

.sheet-rage3 {
  grid-area: rage3;
  text-align: center;
}

.sheet-container2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(400px, 1fr));
  grid-template-rows: repeat(6, fit-content);
  grid-template-areas:  "advantage1 form1"
						"advantage1-1 form1-1"
                        "extra1-2 extra1-3"
                        "extra2-1 extra2-2"
                        "extra2-3extra3-1"
						"extra3-2 extra3-3";
  grid-gap: 8px;
  margin: 0 2% 0 2%;
}
.sheet-subhead7 {
  grid-area: subhead7 ;
}

.sheet-advantage1 {
  grid-area: advantage1;
  text-align: center;
}
.sheet-form1 {
  grid-area: form1;
  text-align: center;
}
.sheet-advantage1-1 {
  grid-area: advantage1-1;
  text-align: center;
}
.sheet-form1-1 {
  grid-area: form1-1;
  text-align: center;
}
.sheet-extra1-1 {
  grid-area: extra1-1;
}
.sheet-extra1-2 {
  grid-area: extra1-2 ;
}
.sheet-extra1-3 {
  grid-area: extra1-3;
}
.sheet-extra2-1 {
  grid-area: extra2-1;
  text-align: center;
}
.sheet-extra2-2 {
  grid-area: extra2-2;
  text-align: center;
}
.sheet-extra2-3 {
  grid-area: extra2-3;
  text-align: center;
}
.sheet-extra3-1 {
  grid-area: extra3-1;
}
.sheet-extra3-2 {
  grid-area: extra3-2;
}
.sheet-extra3-3 {
  grid-area: extra3-3;
}

.sheet-break-line {
  height: 2px;
  border-width: 0;
  color: gray;
  background-color: gray;
  width: 80%
}

.sheet-dotrow {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-gap: 5px;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
  padding: 2px 0 2px 2px;
}

.sheet-butdotrow {
  display: grid;
  grid-template-columns: 3fr 4fr 1fr;
  grid-gap: 2px;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
  padding: 1px 0 1px 1px;
}

.sheet-willpower {
  margin: auto;
  width: fit-content;
  display: grid;
  grid-template-columns: auto 32px;
  grid-gap: 1px;
}

.sheet-willpower-pool {
  display: grid;
  grid-template-rows: repeat(2, 15px);
  grid-gap: 1px;
}

.sheet-two_col_header {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  grid-gap: 10px;
}

.sheet-butdotrow > label,
.sheet-dotrow > label {
  padding: 6px 0 0 0;
  width: 100%;
}

.sheet-butdotrow > input[type="text"],
.sheet-dotrow > input[type="text"] {
  padding: 3px 0 0 0;
  width: 100%;
}

.sheet-list > input[type="text"] {
  width: 90%;
}

.sheet-butdotrow > label > input[type="text"],
.sheet-dotrow > label > input[type="text"] {
  padding: 3px 0 0 0;
  width: 100%;
}

.sheet-textbox {
  display: grid;
  grid-template-rows: repeat(2, fit-content);
  grid-template-columns: 1fr;
  justify-content: center;
  text-align: center;
  padding-top: 5px;
}

.sheet-textbox > label {
  font-weight: bold;
  text-align: center;
}

.sheet-textbox > textarea {
  width: 90%;
  justify-self: center;
}

.sheet-dotline10 {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(10, 15px);
  grid-gap: 1px;
}

.sheet-dotline11 {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(11, 15px);
  grid-gap: 1px;
}

.sheet-dotline12 {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(12, 15px);
  grid-gap: 1px;
}

.sheet-numberrow {
  display: grid;
  grid-template-columns: minmax(105px, auto) auto;
  justify-content: center;
  align-items: stretch;
}

.sheet-list {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  align-items: stretch;
}

.sheet-numberrow > label {
  padding: 2px 0 2px 0;
}

.sheet-numberrow > input {
  margin: 2px 0 2px 0;
  justify-self: center;
}

.sheet-healthrow {
  display: grid;
  grid-template-columns: 1fr 10px 40px;
  grid-gap: 20px;
  justify-content: center;
  text-align: left;
  padding: 5px 0 5px 0;
}

.sheet-healthrow > select {
  width: fit-content;
}

.sheet-dicepool {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 32px;
  /*  grid-template-columns: 18px repeat(2, 1fr) 32px; */
  grid-gap: 2px;
  justify-content: center;
  padding: 5px 0 5px 0;
}

.sheet-dicepool > select {
  width: 80%;
  justify-self: center;
}

.sheet-experience {
  justify-content: center;
  display: grid;
  grid-template-rows: repeat(4, fit-content);
  text-align: center;
}
/* Show/Hide from CSS Wizardry */

.sheet-toggle-show {
	height: 22px; 
	width: 16px; 
	margin:0; 
	padding: 8px 0px 0px 0px; 
	border: 1px solid Black; 
	background-color: Green;
}

/* From https://stackoverflow.com/questions/75992689/change-the-label-background-color-when-a-checkbox-is-checked */
/*
input[type="checkbox"].sheet-toggle-show {
  display: none;
  text-align: left;
  font-size: 1.0em ;
}

input[type="checkbox"].sheet-toggle-show:checked + label {
  color: DarkRed;
  text-align: left;
  font-size: 1.2em;
}
*/
input[type="checkbox"].sheet-toggle-show:not(:checked) ~ div.sheet-body {
    display: none;
}


/* Hide actual dot/checkbox */
input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 15px;
  cursor: pointer;
  z-index: 1;
  margin-top: 6px;
}

/* Styles common to fake dot and checkbox */
input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
  border: solid 1px #a8a8a8;
  line-height: 14px;
  text-align: middle;
  display: inline-block;
  vertical-align: middle;
  -moz-box-shadow: 0 0 2px #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
  background: #f6f6f6;
  background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
  background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
  background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
  background: -o-radial-gradient(#f6f6f6, #dfdfdf);
  background: radial-gradient(#f6f6f6, #dfdfdf);
}

/* Styles unique to fake dot (checked or left of checked) */
input[type="radio"] + span::before {
  content: "•";
  width: 12px;
  height: 12px;
  font-size: 36px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: transparent; /* Here! */
}

/* Styles unique to fake checkbox (unchecked) */
input[type="checkbox"] + span::before {
  position: relative;
  content: "";
  opacity: 0.25;
  width: 14px;
  height: 14px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input[type="radio"].sheet-used + span::before {
  content: "✖";
  width: 12px;
  height: 12px;
  font-size: 12px;
  -moz-border-radius: 0%;
  -webkit-border-radius: 0%;
  border-radius: 0%;
}

input.sheet-zero + span::before {
  font-size: 12px;
  content: "✖";
  opacity: 0.25;
}

input.sheet-DP1Spec + span::before,
input.sheet-DP2Spec + span::before,
input.sheet-DP3Spec + span::before,
input.sheet-DP4Spec + span::before,
input.sheet-DP5Spec + span::before {
  opacity: 1;
  margin-bottom: 10px;
}

input.sheet-zero:checked + span::before {
  opacity: 0;
}

input.sheet-zero:hover + span::before {
  opacity: 1;
}

/* Styles unique to fake checkbox (checked) */
input[type="checkbox"]:checked + span::before {
  content: "✖";
  color: #a00;
  -moz-box-shadow: 0 0 2px transparent;
  -webkit-box-shadow: 0 0 2px transparent;
  box-shadow: 0 0 2px transparent;
}

/* Remove dot from all radios _after_ selected one */
input[type="radio"]:checked ~ input[type="radio"] + span::before {
  content: "";
}

div.sheet-DP,
div.sheet-DP1,
div.sheet-DP2,
div.sheet-DP3,
div.sheet-DP4,
div.sheet-DP5 {
  display: inline;
}

input.sheet-DPSpec[type="checkbox"] + span::before {
  position: relative;
  content: "";
  opacity: 1;
  width: 14px;
  height: 14px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

input.sheet-DPSpec[type="checkbox"]:checked + span::before {
  content: "✖";
  color: #a00;
  -moz-box-shadow: 0 0 2px transparent;
  -webkit-box-shadow: 0 0 2px transparent;
  box-shadow: 0 0 2px transparent;
}

/*Buttons Styling*/
.charsheet button[type=roll].sheet-textButton::before {
  content: '';
}
.charsheet button[type=action].sheet-textButton,
.charsheet button[type=roll].sheet-textButton {
    background-color: white; 
    color: black;
    border: none;
	height: 100%;
	width: 100%;
	padding: 6px 0px 0px 0px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
 }


input.sheet-DPSpec ~ button.sheet-nospec,
input.sheet-DP1Spec ~ button.sheet-nospec,
input.sheet-DP2Spec ~ button.sheet-nospec,
input.sheet-DP3Spec ~ button.sheet-nospec,
input.sheet-DP4Spec ~ button.sheet-nospec,
input.sheet-DP5Spec ~ button.sheet-nospec {
  display: inline;
}

input.sheet-DPSpec ~ button.sheet-spec,
input.sheet-DP1Spec ~ button.sheet-spec,
input.sheet-DP2Spec ~ button.sheet-spec,
input.sheet-DP3Spec ~ button.sheet-spec,
input.sheet-DP4Spec ~ button.sheet-spec,
input.sheet-DP5Spec ~ button.sheet-spec {
  display: none;
}

input.sheet-DPSpec:checked ~ button.sheet-nospec,
input.sheet-DP1Spec:checked ~ button.sheet-nospec,
input.sheet-DP2Spec:checked ~ button.sheet-nospec,
input.sheet-DP3Spec:checked ~ button.sheet-nospec,
input.sheet-DP4Spec:checked ~ button.sheet-nospec,
input.sheet-DP5Spec:checked ~ button.sheet-nospec {
  display: none;
}

input.sheet-DPSpec:checked ~ button.sheet-spec,
input.sheet-DP1Spec:checked ~ button.sheet-spec,
input.sheet-DP2Spec:checked ~ button.sheet-spec,
input.sheet-DP3Spec:checked ~ button.sheet-spec,
input.sheet-DP4Spec:checked ~ button.sheet-spec,
input.sheet-DP5Spec:checked ~ button.sheet-spec {
  display: inline;
}
/* Harangolosk Radio Buttons */
div.sheet-Harangolosk {
	width: 40x;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	margin: 0 x 0 0;
	padding: 1px 2px 0px 2px;
}

input.sheet-Harangolosk {
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	margin: 0px 0 0 2px;
	opacity:0;
	cursor: pointer;
}

span.sheet-Harangolosk {
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: none;
	color:black;
	border: 1px solid black;   
}

span.sheet-no-Harangolosk {
	background-color: rgb(124, 33, 194);
}

input.sheet-no-Harangolosk { z-index: 2; }

input.sheet-no-Harangolosk:checked + input.sheet-aggravated-Harangolosk { z-index: 3; }

input.sheet-no-Harangolosk:checked ~ span.sheet-no-Harangolosk,
input.sheet-aggravated-Harangolosk:checked ~ span.sheet-aggravated-Harangolosk { display: inline-block; }

													
input.sheet-health-toggle[value="0"] + div.sheet-health-hide {
	display: none;
}
													
/* Health Radio Buttons */
div.sheet-health {
	width: 40x;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	margin: 0 x 0 0;
	padding: 1px 2px 0px 2px;
}

input.sheet-health {
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	margin: 0px 0 0 2px;
	opacity:0;
	cursor: pointer;
}

span.sheet-health {
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: none;
	color:black;
	border: 1px solid black;   
}

span.sheet-no-health {
	background-color: rgb(126, 24, 42);
}

span.sheet-no-willpower {
	background-color: rgb(24, 126, 42);
}

span.sheet-no-crinos {
	background-color: rgb(8, 7, 23);
}

input.sheet-health-toggle[value="0"] + div.sheet-health-hide {
	display: none;
}

input.sheet-no-health { z-index: 2; }

input.sheet-no-health:checked + input.sheet-superficial-health,
input.sheet-superficial-health:checked + input.sheet-aggravated-health { z-index: 3; }

input.sheet-no-health:checked ~ span.sheet-no-crinos,
input.sheet-no-health:checked ~ span.sheet-no-willpower,
input.sheet-no-health:checked ~ span.sheet-no-health,
input.sheet-superficial-health:checked ~ span.sheet-superficial-health,
input.sheet-aggravated-health:checked ~ span.sheet-aggravated-health { display: inline-block; }

/* Crinos Radio Buttons */
div.sheet-crinos {
	width: 40x;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	margin: 0 x 0 0;
	padding: 1px 2px 0px 2px;
}

input.sheet-crinos {
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	margin: 0px 0 0 2px;
	opacity:0;
	cursor: pointer;
}

span.sheet-crinos {
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: none;
	color:black;
	border: 1px solid red;   
}

input.sheet-no-crinos { z-index: 2; }

input.sheet-no-crinos:checked + input.sheet-superficial-crinos,
input.sheet-superficial-crinos:checked + input.sheet-aggravated-crinos { z-index: 3; }

input.sheet-no-crinos:checked ~ span.sheet-no-crinos,
input.sheet-superficial-crinos:checked ~ span.sheet-superficial-crinos,
input.sheet-aggravated-crinos:checked ~ span.sheet-aggravated-crinos { display: inline-block; }

span.sheet-no-Harangolosk {
	background-color: rgb(24, 126, 42);
}

/* Harangolosk Radio Buttons */
div.sheet-Harangolosk {
	width: 40x;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	margin: 0 x 0 0;
	padding: 1px 2px 0px 2px;
}

input.sheet-Harangolosk {
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	margin: 0px 0 0 2px;
	opacity:0;
	cursor: pointer;
}

span.sheet-Harangolosk {
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: none;
	color:black;
	border: 1px solid black;   
}

span.sheet-no-Harangolosk {
	background-color: rgb(124, 33, 194);
}

input.sheet-no-Harangolosk { z-index: 2; }

input.sheet-no-Harangolosk:checked + input.sheet-aggravated-Harangolosk { z-index: 3; }

input.sheet-no-Harangolosk:checked ~ span.sheet-no-Harangolosk,
input.sheet-aggravated-Harangolosk:checked ~ span.sheet-aggravated-Harangolosk { display: inline-block; }




/* Humanity Radio Buttons */
div.sheet-humanity-box {
	width: 40x;
	height: 40px;
	position: relative;
	display: block;
	float: left;
	margin: 0 x 0 0;
	padding: 1px 2px 0px 2px;
}

input.sheet-humanity-box {
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 0;
	margin: 0px 0 0 2px;
	opacity:0;
	cursor: pointer;
}

span.sheet-humanity-box {
	width: 15px;
	height: 15px;
	margin: 0 0 0 0;
	display: none;
	color:black;
	border: 1px solid black;   
}

span.sheet-no-humanity {
	background-color: rgb(126, 24, 42);
}

input.sheet-no-humanity { z-index: 2; }

input.sheet-no-humanity:checked + input.sheet-bashing-humanity,
input.sheet-bashing-humanity:checked + input.sheet-lethal-humanity { z-index: 3; }

input.sheet-no-humanity:checked ~ span.sheet-no-humanity,
input.sheet-bashing-humanity:checked ~ span.sheet-bashing-humanity,
input.sheet-lethal-humanity:checked ~ span.sheet-lethal-humanity { display: inline-block; }





	
/* Roll Template */

/* Check, Melee, Ranged Manifest Template */
.sheet-rolltemplate-check .sheet-container,
.sheet-rolltemplate-complication .sheet-container {
	color: Black;
    background-color: #ffffff;
    border: 1px solid;
    padding: 2px;
    width: 189px;
}

.sheet-rolltemplate-melee .sheet-container {
    background-color: rgb(153, 0, 0); /* Dark Red */
	color: rgb(255, 179, 179);        /* Light Red */
    border: 3px solid rgb(255, 179, 179);
    padding: 2px;
    width: 189px;
}											 
																														  
 
.sheet-rolltemplate-initiative .sheet-container {
    background-color: Thistle;
	color: Blue;
    border: 3px solid Blue;
    padding: 2px;
    width: 189px;
}


.sheet-rolltemplate-check .sheet-container h1,
.sheet-rolltemplate-complication .sheet-container h1,
.sheet-rolltemplate-melee .sheet-container h1,
.sheet-rolltemplate-initiative .sheet-container h1{
	color: inherit;
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 20px;
}

.sheet-rolltemplate-melee div,
.sheet-rolltemplate-initiative div,
.sheet-rolltemplate-complication div,
.sheet-rolltemplate-check div {
    padding: 2px;
}

.sheet-rolltemplate-complication span,
.sheet-rolltemplate-check span,
.sheet-rolltemplate-melee span,
.sheet-rolltemplate-initiative span {
    color: currentColor;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 1.4em;
    padding-left: 5px;
    text-align: left;
}

.sheet-rolltemplate-complication .sheet-subheader,
.sheet-rolltemplate-check .sheet-subheader,
.sheet-rolltemplate-melee .sheet-subheader,
.sheet-rolltemplate-initiative .sheet-subheader {
	color: currentColor;
    font-size: 1em;
    font-style: italic;
}
										   
.sheet-rolltemplate-check .sheet-arrow-right,
.sheet-rolltemplate-melee .sheet-arrow-right,
.sheet-rolltemplate-initiative .sheet-arrow-right {
    border-bottom: 3px solid transparent;
    border-left: 180px solid currentColor;
    border-top: 3px solid transparent;
}
.sheet-rolltemplate-complication .sheet-arrow-right {
    border-bottom: 2px solid transparent;
    border-left: 180px solid Crimson;
    border-top: 2px solid transparent;
}
											 
.sheet-rolltemplate-melee .sheet-tcat,
.sheet-rolltemplate-initiative .sheet-tcat,
.sheet-rolltemplate-complication .sheet-tcat,
.sheet-rolltemplate-check .sheet-tcat {
    font-style: italic;
}

.sheet-rolltemplate-initiative .inlinerollresult,
.sheet-rolltemplate-complication .inlinerollresult,
.sheet-rolltemplate-check .inlinerollresult  {
    background-color: #ffffff;
    border: none;
}
 .sheet-rolltemplate-melee .inlinerollresult {
    background-color: Yellow;
    border: none;
}

.sheet-rolltemplate-check .inlinerollresult.fullcrit {
    color: #3FB315;
    border: none;
}
 
.sheet-rolltemplate-check .inlinerollresult.fullfail {
    color: #B31515;
    border: none;
}
 
.sheet-rolltemplate-check .inlinerollresult.importandivoll {
    color: #4A57ED;
    border: none;
}
/* End Check, Ranged & Manifest templates*/