.charsheet {
  background-color: #D3D3D3;
  background-repeat: repeat;
  background-size: cover;
  color: black;
  position: absolute;
  
}

.sheet-logo{
	position: absolute;
	
}
	
 .sheet-pools{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap:10px;
 }
 .sheet-grid1{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:5px;
    color: black;
 }
 .sheet-grid2{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:5px;
	color: black;
}
 .sheet-grid3{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap:5px;
	color: black;
 }
 
 
 
.sheet-character,
.sheet-magic,
.sheet-decks,
.sheet-gear,
.sheet-vehicles,
.sheet-combat,
.sheet-drones,
.sheet-updates,
.sheet-skills{
	display: none;
	color: black;
	}

.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="decks"] ~ div.sheet-decks,
.sheet-tabstoggle[value="magic"] ~ div.sheet-magic,
.sheet-tabstoggle[value="gear"] ~ div.sheet-gear,
.sheet-tabstoggle[value="vehicles"] ~ div.sheet-vehicles,
.sheet-tabstoggle[value="combat"] ~ div.sheet-combat,
.sheet-tabstoggle[value="drones"] ~ div.sheet-drones,
.sheet-tabstoggle[value="updates"] ~ div.sheet-updates,
.sheet-tabstoggle[value="skills"] ~ div.sheet-skills{
	display: block;
}

.sheet-attributes{
	display: grid;
	grid-template-columns: max-content max-content max-content;
	grid-gap:5px;	
	}

.sheet-attributes .sheet-header{
	text-align:center;
	font-weight:bold;	
}
.sheet-attributes .sheet-label{
	align-self:center;
}
 button[type=roll].sheet-d6-dice::before {
	font-family: 'dicefontd6';
	content: 'F ';
}
/* GENERAL STYLING OF ELEMENTS WITHIN THE SHEET */

.sheet-aname { width: 120px; }
.sheet-arating { width: 50px !important;} /* sorry, had to */
.sheet-atable {
	display: table;
	width: 100%;
	font-size: 11px;
}
.sheet-atable .itemcontrol { height: auto !important; } /* needed in tables? */
.sheet-atable .repcontainer { display: table-row-group; }
.sheet-atablecell{
	display: table-cell;
	padding: 5px;
}
.sheet-atablerow, .sheet-atable .repitem { display: table-row; }
.sheet-clearboth { clear: both;}
.sheet-floatleft { float: left; }
.sheet-weaponstable input, .sheet-weaponstable select, .sheet-weaponstable textarea, .sheet-weaponstable .sheet-atablecell, .sheet-spellstable input, .sheet-spellstable select, .sheet-spellstable textarea, .sheet-spellstable .sheet-atablecell{
	font-size: 9.5px; 
	height: initial;
	min-height: 24px;
	padding: 2px 0px 2px 3px;
}	


/* TEMPLATE FOR SPELLS */

.sheet-rolltemplate-spell table {
    width:100%;
    border:1px;
    color: black;
    font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-spell th {
    background-color:#663399;
    color:#D3D3D3;
}

.sheet-rolltemplate-spell .userscript-tcat {
    font-weight: bold;
}

.sheet-rolltemplate-spell td {
    padding: 5px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-spell tr:nth-child(odd) {
	background-color: rgba(217, 217, 214,1);
}

.sheet-rolltemplate-spell tr:nth-child(even) {
	background-color: rgba(233, 233, 233,1);
}

.sheet-rolltemplate-spell .inlinerollresult  {
    display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); 
}

.sheet-rolltemplate-spell .inlinerollresult.fullcrit {
	border: 2px solid #3FB315;
}

.sheet-rolltemplate-spell .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-spell .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}

/* TEMPLATE FOR SKILLS */

.sheet-rolltemplate-skill table {
    width:100%;
    border:1px;
    color: black;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sheet-rolltemplate-skill th {
    color:#D3D3D3;
    background-color:#663399;
}

.sheet-rolltemplate-skill .userscript-tcat {
    font-weight: bold;
}

.sheet-rolltemplate-skill td {
    padding: 5px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-skill tr:nth-child(even) {
	background-color: rgba(217, 217, 214,1);
}

.sheet-rolltemplate-skill tr:nth-child(odd) {
	background-color: rgba(233, 233, 233,1);
}

.sheet-rolltemplate-skill .inlinerollresult  {
    display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 2px solid rgba(167, 168, 170,1); /*Cool Gray 6 C*/
}

.sheet-rolltemplate-skill .inlinerollresult.fullcrit {
	border: 2px solid #3FB315;
}

.sheet-rolltemplate-skill .inlinerollresult.fullfail {
	border: 2px solid #B31515;
}

.sheet-rolltemplate-skill .inlinerollresult.importantroll {
	border: 2px solid #4A57ED;
}