/* ______________________________ start of CSS selectors, patterns used to select element(s) for styling ______________________________ */


/* Import multiple Google font families; Should ALWAYS be done at the TOP of the page! */
/* No Google fonts to import. */

/* Background, font information, and overall things that affect the sheet as a whole */
.charsheet {
background-image: url(https://raw.githubusercontent.com/johnmoney-code/roll20-character-sheets/Only-War-Enhanced/Only-War-Enhanced/images/assets/background.gif);
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size: 14px;
}

/* All input elements that are of type number or type text */
select,
input[type='number'],
input[type='text'],
button[type='action'] {
	background: #52682d;
	color: white;
	font-family: inherit;
	text-align: center;
}

/* Fixes some select positions */
.sheet-bottomless {
	margin-bottom: 0px;
}

/* All input elements of type number */
input[type="number"] {
-moz-appearance: textfield;
}

/* Prevent disabled inputs from consuming mouse clicks */
input[disabled] {
	pointer-events: none;
}

/* All horizontal rule elements receive the following CSS property. */
hr { border-top: 1px dotted black; }

/* All button elements of type roll */
button[type='roll'] {
	background: black;
	color: white;
	font-family: inherit;
	text-shadow: none;
}

/* clear buttons with the clear class */
button[type="roll"].sheet-clear::before {
	content: "";
	display: none;
}

/* All button elements of type roll when hovered over: */
button[type='roll']:hover { background: rgb(200, 0, 0) !important; }
label:hover { cursor: pointer; }

/* Both header elements 2 and 3 receive the following CSS properties. */
h2, h3 {
	color: white;
	font-family: inherit;
	letter-spacing: 0px;
	text-align: center;
}

/* Only type-2 headers receive the following CSS properties. */
h2 { text-decoration: underline; }

/* Only type-3 headers receive the following CSS properties. */
h3 { background: #52682d; }

/* All normal text receives the following CSS properties. */
p {
	font-family: inherit;
}

/* All instances of the placeholder attribute across all elements */
::placeholder {
	color: white;
	opacity: 0.7;
}

/* All textarea elements (keep width for textarea to prevent stretching off of sheet) */
textarea {
	background: #52682d;
	color: white;
	font-family: inherit;
	font-size: 14px;
	resize: vertical;
	width: calc(100% - 10px);
}


/* ______________________________ end of CSS selectors ______________________________
______________________________ start of multipurpose or special-use classes such as grey border box on Core and Settings tabs ______________________________ */



.sheet-background_radius {
	border: 2px solid black;
	border-radius: 11px;
}

.sheet-full_width_49px { width: calc(100% - 49px); }
.sheet-full_width_30px { width: calc(100% - 30px); }

.sheet-margin_adjust { margin-top: -23px; margin-bottom: 4px; text-align: right; }
.sheet-margin_adjust2 { margin-top: -22px; margin-bottom: 4px; margin-left: -25px; text-align: right; }
.sheet-margin_adjust_wep { margin-top: -19px; margin-bottom: 2px; margin-left: 3px; text-align: right; }
.sheet-margin_adjust_wep2 { margin-top: -20px; margin-bottom: 2px; margin-left: -22px; text-align: right; }
.sheet-radius_border_right { border-bottom-right-radius: 7px !important; }
.sheet-radius_border_right_wep { border-bottom-right-radius: 10px !important; }

.sheet-collapsible_entity_toggle { display: block; }
.sheet-collapsible_entity_block { display: none; }
.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_block { display: block; }
.sheet-collapsible_entity_switch:checked ~ .sheet-collapsible_entity_toggle { display: none; }

.sheet-collapsible_entity_toggle_half { display: block; }
.sheet-collapsible_entity_block_half { display: none; }
.sheet-collapsible_entity_switch_half:checked ~ .sheet-collapsible_entity_block_half { display: block; }
.sheet-collapsible_entity_switch_half:checked ~ .sheet-collapsible_entity_toggle_half { display: none; }

.sheet-hidden { display: none; }

.sheet-input_background {
	background: transparent;
	border-color: transparent;
	color: white;
	cursor: pointer;
	font-size: 15px;
	margin-left: -7px;
	margin-top: -3px;
	text-align: center;
	width: 35px;
}

.sheet-input_char_background {
	margin-top: -4px !important;
	margin-bottom: -2px !important;
	width: 50px;
	margin-left: -12px!important;
}

.sheet-input_init_background {
	margin-top: -3px !important;
	margin-bottom: -2px !important;
	width: 35px;
}

.sheet-box {
	background: #4d4d4d;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	color: white;
}

.sheet-table {
	background: #6e8b3d;
	color: white;
	font-family: inherit;
}

.sheet-numerical_field {
	margin-right: 20px;
	width: 80px !important;
}

.sheet-end_field { margin-right: 0px; }

.sheet-edge_padding { padding: 2px; }

/* full height of containing block */
.sheet-full_height {height: 100%; }
/* 25% width of containing block */
.sheet-25width { width: 25%; }
/* half width of containing block */
.sheet-half_width { width: 50%; }
/* 60% width of containing block */
.sheet-60width { width: 60%; }
/* 90% width of containing block */
.sheet-90width { width: 90%; }
/* full width of containing block */
.sheet-full_width { width: 100%; }

.sheet-bold_text { font-weight: bold; }
.sheet-border_none { border: none !important; }
.sheet-auto_margin { margin: auto; }
.sheet-huge_text { font-size: 36px; }
.sheet-text_centered { text-align: center; }
.sheet-ssc { font-family: inherit; }
.sheet-bttn_top_padding { padding-top: 5px; }

.sheet-radius_border { border-radius: 10px; }
.sheet-radius_border_top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.sheet-radius_border_bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.sheet-radius_border_heading {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
.sheet-radius_border_box {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.sheet-description_rounded_margin {
	margin-bottom: 0px;
	border-radius: 0px 0px 8px 8px;
}


/* ______________________________ end of special-use classes ______________________________
______________________________ start of grid structure for character information ______________________________ */


.sheet-gs1 { grid-area: ah1;	margin-top: 5px; font-size: 15px; padding-left: 2px; }
.sheet-gs2 { grid-area: ah2;	margin-top: 5px; font-size: 15px; }
.sheet-gs3 { grid-area: ah3;	margin-top: 5px; font-size: 15px; }
.sheet-gs4 { grid-area: ah4;	margin-top: 5px; font-size: 15px; }
.sheet-gs5 { grid-area: ah5;	margin-top: 5px; font-size: 15px; }
.sheet-gs6 { grid-area: ah6;	margin-top: 5px; font-size: 15px; }
.sheet-gs7 { grid-area: ah7; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs8 { grid-area: ah8; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs9 { grid-area: ah9; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs10 { grid-area: ah10; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs11 { grid-area: ah11; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs12 { grid-area: ah12; width: calc(100% + 20px); margin-left: -20px; text-align: right !important; }
.sheet-gs13 { grid-area: ah13; margin: 0px 5px; }
.sheet-gs14 { grid-area: ah14; width: calc(100% + 20px); text-align: left !important; }
.sheet-gs15 { grid-area: ah15; width: calc(100% + 20px); text-align: left !important; }
.sheet-gs16 { grid-area: ah16; width: calc(100% - 125px); text-align: left !important; }
.sheet-gs17 { grid-area: ah17; width: calc(100% + 20px); text-align: left !important; }
.sheet-gs18 { grid-area: ah18; width: calc(100% + 20px); text-align: left !important; }
.sheet-gs19 { grid-area: ah19; width: calc(100% + 20px); text-align: left !important; }
.sheet-gs20 { grid-area: ah20; margin-top: 5px; font-size: 15px; text-align: right }
.sheet-gs21 { grid-area: ah21; margin-top: 5px; font-size: 15px; text-align: right }
.sheet-gs22 { grid-area: ah22; margin-top: 5px; font-size: 15px; text-align: right }
.sheet-gs23 { grid-area: ah23; margin-top: 5px; font-size: 15px; text-align: right }
.sheet-gs24 { grid-area: ah24; margin-top: 5px; font-size: 15px; text-align: right }


.sheet-header_logo {
	font-family: inherit;
	letter-spacing: 0px;
	display: grid;
	grid-template-columns: 145px auto 123px auto 145px;
	grid-template-rows: 28px 28px 28px 28px 28px 28px;
	grid-template-areas:
	
	'ah1 ah7  ah13 ah14 ah20'
	'ah2 ah8  ah13 ah15 ah21'
	'ah3 ah9  ah13 ah16 ah16'
	'ah4 ah10 ah13 ah17 ah22'
	'ah5 ah11 ah13 ah18 ah23'
	'ah6 ah12 ah13 ah19 ah24';
}



/* ______________________________ end of grid structure for character information ______________________________
______________________________ start of structure for characteristics ______________________________ */


.sheet-stats_grid_1 { grid-area: st1; }
.sheet-stats_grid_2 {grid-area: st2; }
.sheet-stats_grid_3 {grid-area: st3; }
.sheet-stats_grid_4 {grid-area: st4; }
.sheet-stats_grid_5 {grid-area: st5; }
.sheet-stats_grid_6 {grid-area: st6; }
.sheet-stats_grid_7 {grid-area: st7; }
.sheet-stats_grid_8 {grid-area: st8; }
.sheet-stats_grid_9 {grid-area: st9; }
.sheet-stats_grid_10 {grid-area: st10; }
.sheet-stats_grid_11 {grid-area: st11; }
.sheet-stats_grid_12 {grid-area: st12; }
.sheet-stats_grid_13 {grid-area: st13; }
.sheet-stats_grid_14 {grid-area: st14; }
.sheet-stats_grid_15 {grid-area: st15; }
.sheet-stats_grid_16 {grid-area: st16; }
.sheet-stats_grid_17 {grid-area: st17; }
.sheet-stats_grid_18 {grid-area: st18; }
.sheet-stats_grid_19 {grid-area: st19; }
.sheet-stats_grid_20 {grid-area: st20; }
.sheet-stats_grid_21 {grid-area: st21; }
.sheet-stats_grid_22 {grid-area: st22; }
.sheet-stats_grid_23 {grid-area: st23; }
.sheet-stats_grid_24 {grid-area: st24; }
.sheet-stats_grid_25 {grid-area: st25; }
.sheet-stats_grid_26 {grid-area: st26; }
.sheet-stats_grid_27 {grid-area: st27; }
.sheet-stats_grid_plus {grid-area: stp; font-size: 30px; line-height: 95px; }

.sheet-characteristics_background {
	background: black;
	padding: 3px 0px 6px 3px;
	display: grid;
	grid-column-gap: 0.5%;
	grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 5%;
	grid-template-rows: 26px 40px 26px;
	grid-template-areas:
	'st1  st2  st3  st4  st5  st6  st7  st8  st9  stp '
	'st10 st11 st12 st13 st14 st15 st16 st17 st18 stp '
	'st19 st20 st21 st22 st23 st24 st25 st26 st27 stp ';
}

.sheet-characteristics_button {
	margin-left: -0.1%!important;
	width: calc(100% - 8px);
}
.sheet-characteristics_input { font-size: 30px; }



/* ______________________________ end of structure for characteristics ______________________________
_____________ start of grid structure for unnatural characteristics, size dropdown, movement, and carryweight ______________________________ */

.sheet-unnatgs_width { width: 40px; }

.sheet-char_mod_centering { grid-area: a1; margin-left: 50px; }
.sheet-char_mod_centering_container {
	display: grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
	'. a1 .';
}

.sheet-char_mod1 { grid-area: cm1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
.sheet-char_mod2 { grid-area: cm2; z-index: 1; position: relative; }
.sheet-char_mod3 { grid-area: cm3; z-index: 1; position: relative; }
.sheet-char_mod4 { grid-area: cm4; z-index: 1; position: relative; }
.sheet-char_mod5 { grid-area: cm5; z-index: 1; position: relative; }
.sheet-char_mod6 { grid-area: cm6; z-index: 1; position: relative; }
.sheet-char_mod7 { grid-area: cm7; z-index: 1; position: relative; }
.sheet-char_mod8 { grid-area: cm8; z-index: 1; position: relative; }
.sheet-char_mod9 { grid-area: cm9; z-index: 1; position: relative; }
.sheet-char_mod11 { grid-area: cm10; z-index: 1; position: relative; }
.sheet-char_mod12 { grid-area: cm11; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod13 { grid-area: cm12; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod14 { grid-area: cm13; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod15 { grid-area: cm14; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod16 { grid-area: cm15; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod17 { grid-area: cm16; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod18 { grid-area: cm17; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod19 { grid-area: cm18; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_mod20 { grid-area: cm19; font-family: inherit; font-size: 14px; text-align: center; }

.sheet-characteristics_modifier {
	display: grid;
	justify-items: center;
	grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
	grid-template-areas:
	'cm1  cm1  cm1  cm1  cm1  cm1  cm1  cm1  cm1 '
	'cm2  cm3  cm4  cm5  cm6  cm7  cm8  cm9  cm10'
	'cm11 cm12 cm13 cm14 cm15 cm16 cm17 cm18 cm19';
}

.sheet-unnat_centering { grid-area: b1; margin-left: 50px; }
.sheet-unnat_centering_container {
	display: grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
	'. b1 .';
}

.sheet-unnatgs1 { grid-area: amy1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
.sheet-unnatgs2 { grid-area: amy2; z-index: 1; position: relative; }
.sheet-unnatgs3 { grid-area: amy3; z-index: 1; position: relative; }
.sheet-unnatgs4 { grid-area: amy4; z-index: 1; position: relative; }
.sheet-unnatgs5 { grid-area: amy5; z-index: 1; position: relative; }
.sheet-unnatgs6 { grid-area: amy6; z-index: 1; position: relative; }
.sheet-unnatgs7 { grid-area: amy7; z-index: 1; position: relative; }
.sheet-unnatgs8 { grid-area: amy8; z-index: 1; position: relative; }
.sheet-unnatgs9 { grid-area: amy9; z-index: 1; position: relative; }
.sheet-unnatgs11 { grid-area: amy10; z-index: 1; position: relative; }
.sheet-unnatgs12 { grid-area: amy11; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs13 { grid-area: amy12; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs14 { grid-area: amy13; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs15 { grid-area: amy14; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs16 { grid-area: amy15; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs17 { grid-area: amy16; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs18 { grid-area: amy17; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs19 { grid-area: amy18; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-unnatgs20 { grid-area: amy19; font-family: inherit; font-size: 14px; text-align: center; }

.sheet-characteristics_unnat {
	display: grid;
	justify-items: center;
	grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
	grid-template-areas:
	'amy1  amy1  amy1  amy1  amy1  amy1  amy1  amy1  amy1 '
	'amy2  amy3  amy4  amy5  amy6  amy7  amy8  amy9  amy10'
	'amy11 amy12 amy13 amy14 amy15 amy16 amy17 amy18 amy19';
}

.sheet-char_bonus_centering { grid-area: c1; margin-left: 50px; }
.sheet-char_bonus_centering_container {
	display: grid;
	justify-items:center;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
	'. c1 .';
}

.sheet-char_bonus1 { grid-area: cb1; font-size: 15px; font-family: inherit; letter-spacing: 0px; text-align: center; }
.sheet-char_bonus2 { grid-area: cb2; z-index: 1; position: relative; }
.sheet-char_bonus3 { grid-area: cb3; z-index: 1; position: relative; }
.sheet-char_bonus4 { grid-area: cb4; z-index: 1; position: relative; }
.sheet-char_bonus5 { grid-area: cb5; z-index: 1; position: relative; }
.sheet-char_bonus6 { grid-area: cb6; z-index: 1; position: relative; }
.sheet-char_bonus7 { grid-area: cb7; z-index: 1; position: relative; }
.sheet-char_bonus8 { grid-area: cb8; z-index: 1; position: relative; }
.sheet-char_bonus9 { grid-area: cb9; z-index: 1; position: relative; }
.sheet-char_bonus11 { grid-area: cb10; z-index: 1; position: relative; }
.sheet-char_bonus12 { grid-area: cb11; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus13 { grid-area: cb12; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus14 { grid-area: cb13; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus15 { grid-area: cb14; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus16 { grid-area: cb15; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus17 { grid-area: cb16; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus18 { grid-area: cb17; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus19 { grid-area: cb18; font-family: inherit; font-size: 14px; text-align: center; }
.sheet-char_bonus20 { grid-area: cb19; font-family: inherit; font-size: 14px; text-align: center; }

.sheet-characteristics_bonus {
	display: grid;
	justify-items: center;
	grid-template-columns: 50px 50px 50px 50px 50px 50px 50px 50px 50px;
	grid-template-areas:
	'cb1  cb1  cb1  cb1  cb1  cb1  cb1  cb1  cb1 '
	'cb2  cb3  cb4  cb5  cb6  cb7  cb8  cb9  cb10'
	'cb11 cb12 cb13 cb14 cb15 cb16 cb17 cb18 cb19';
}

.sheet-characteristics_size_movement_carry {
	display: grid;
	grid-template-columns: 10% 80% 10%;
}

.sheet-sizegs1 { grid-area ams1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
.sheet-sizegs2 { grid-area ams2; }
.sheet-characteristics2_size {
	position: relative;
	left:20px;
	justify-content: center;
	text-align: center;
	display: grid;
	justify-items: center;
	grid-template-columns: 120px;
	grid-template-areas:
	'ams1'
	'ams2';
}

.sheet-movementgs1 { grid-area: amm1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
.sheet-movementgs2 { grid-area: amm2; }
.sheet-movementgs3 { grid-area: amm3; }
.sheet-movementgs4 { grid-area: amm4; }
.sheet-movementgs5 { grid-area: amm5; }
.sheet-movementgs6 { grid-area: amm6; }
.sheet-movementgs7 { grid-area: amm7; font-size: 14px; font-family: inherit; }
.sheet-movementgs8 { grid-area: amm8; 3px; font-size: 14px; font-family: inherit; }
.sheet-movementgs9 { grid-area: amm9; 5px; font-size: 14px; font-family: inherit; }
.sheet-movementgs10 { grid-area: amm10; 5px; font-size: 14px; font-family: inherit; }
.sheet-movementgs11 { grid-area: amm11; font-size: 14px; font-family: inherit; }
.sheet-characteristics2_movement {
	justify-content: center;
	text-align: center;
	display: grid;
	justify-items: center;
	grid-template-columns: 50px 50px 50px 50px 50px;
	grid-template-areas:
	'amm1 amm1 amm1 amm1  amm1'
	'amm2 amm3 amm4 amm5  amm6'
	'amm7 amm8 amm9 amm10 amm11';
}

.sheet-carrygs1 { grid-area: ac1; font-size: 15px; font-family: inherit; letter-spacing: 0px; }
.sheet-carrygs2 { grid-area: ac2; width: 50px; }
.sheet-carrygs3 { grid-area: ac3; width: 50px; }
.sheet-carrygs4 { grid-area: ac4; width: 50px; }
.sheet-carrygs5 { grid-area: ac5; font-size: 14px; font-family: inherit; }
.sheet-carrygs6 { grid-area: ac6; font-size: 14px; font-family: inherit; }
.sheet-carrygs7 { grid-area: ac7; font-size: 14px; font-family: inherit; }
.sheet-characteristics2_carry {
	justify-content: right;
	text-align: center;
	display: grid;
	justify-items: center;
	grid-template-columns: 60px 60px 60px;
	grid-template-areas:
	'ac1 ac1 ac1'
	'ac2 ac3 ac4'
	'ac5 ac6 ac7';
}



/* ______________________________ end of grid structure for unnatural characteristics, movement, and carrying ______________________________
______________________________ start of grid structure for initiative and sheet tabs ______________________________ */



.sheet-tabs_main {
	display: grid;
	grid-template-columns: 50% 50%;
}

.sheet-initiative_container {
	display: grid;
	grid-template-columns: 110px 90px 18px 50px 18px 90px;
}

.sheet-init_field {
	height: 100%;
	margin-right: -60px;
	width:85px;
}

.sheet-init_plus {
	font-size: 24px;
	font-weight: bold;
	padding-top: 12px;
}

.sheet-sheet_tabs {
	justify-content: right;
	margin-right: 3px;
	display: grid;
	grid-template-columns: 45px 80px 70px 105px 60px 65px 45px;
}



/* ______________________________ end of grid structure for initiative and sheet tabs ______________________________
______________________________ start of tab buttons toggles ______________________________ */



.sheet-tab_core,
.sheet-tab_comrade,
.sheet-tab_equipment,
.sheet-tab_advancements,
.sheet-tab_journal,
.sheet-tab_psykana,
.sheet-tab_settings { display: none }
/* show the selected tab */

.sheet-tabstoggle[value='core'] ~ div.sheet-tab_core,
.sheet-tabstoggle[value='equipment'] ~ div.sheet-tab_equipment,
.sheet-tabstoggle[value='comrade'] ~ div.sheet-tab_comrade,
.sheet-tabstoggle[value='advancements'] ~ div.sheet-tab_advancements,
.sheet-tabstoggle[value='journal'] ~ div.sheet-tab_journal,
.sheet-tabstoggle[value='psykana'] ~ div.sheet-tab_psykana,
.sheet-tabstoggle[value='settings'] ~ div.sheet-tab_settings { display: block }
.sheet-core_bttn:checked + button {
	background: rgb(200, 0, 0);
	color: white;
	vertical-align: center;
}



/* ______________________________ end of tab buttons toggles ______________________________
______________________________ start of minimisable infographic ______________________________ */



.sheet-select_text {
	background: #52682d;
	border: 1px solid white;
	border-radius: 4px;
	color: white; font-family: inherit;
	padding: 0px 4px 0px 4px;
}
.sheet-select_button:checked ~ .sheet-select_text { background: rgb(200, 0, 0); }

.sheet-minimisable_infographic_main { margin-left: 5px; }

.sheet-minimisable_infographic_override{ margin-top: -4px!important; height: 20px; font-weight: bold;}
.sheet-minimisable_infographic_toggles { /* This is the spacing of the whisper buttons, scatter button, etc */
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: 100px 60px 100px 70px 100px 80px 80px 150px auto;
}

.sheet-minimisable_infographic_grid {
	display: grid;
	grid-template-columns: 185px 185px 103px 215px;
}

.sheet-minimisable_infographic_g1 { grid-area: mi1; background: #52682d !important; border: 0px solid transparent; font-family: inherit !important; letter-spacing: 0px; justify-self: center; width: calc(100% - 6px); }
.sheet-minimisable_infographic_g2 { grid-area: mi2; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g3 { grid-area: mi3; border-right: 1px solid #52682d; }
.sheet-minimisable_infographic_g4 { grid-area: mi4; color: white; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g5 { grid-area: mi5; border-right: 1px solid #52682d; border-bottom: 1px solid #52682d; border-bottom-right-radius: 10px; }
.sheet-minimisable_infographic_field2x3 {
	background: #6e8b3d;
	margin-right: 10px;
	display: grid;
	grid-template-columns: 53px 40px;
	grid-template-rows: 25px 25px 25px;
	grid-template-areas:
	'mi1 mi1'
	'mi2 mi3'
	'mi4 mi5';
}

.sheet-minimisable_infographic_g6 { grid-area: mi6; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g7 { grid-area: mi7; }

.sheet-minimisable_infographic_field4x3a {
	background: #6e8b3d;
	margin-right: 10px;
	display: grid;
	grid-template-columns: 50px 40px 45px 40px;
	grid-template-rows: 25px 25px 25px;
	grid-template-areas:
	'mi1 mi1 mi1 mi1'
	'mi6 mi7 mi2 mi3'
	'mi4 mi4 mi4 mi5';
}

.sheet-minimisable_infographic_g8 { grid-area: mi8; color: white; font-family: inherit; justify-self: right; margin-top: 3px; margin-right: 3px; }
.sheet-minimisable_infographic_g9 { grid-area: mi9; border-bottom: 1px solid #52682d; }
.sheet-minimisable_infographic_field4x3b {
	background: #6e8b3d;
	margin-right: 10px;
	display: grid;
	grid-template-columns: 60px 40px 65px 40px;
	grid-template-rows: 25px 25px 25px;
	grid-template-areas:
	'mi1 mi1 mi1 mi1'
	'mi2 mi3 mi3 mi3'
	'mi8 mi9 mi4 mi5';
}

/* ______________________________ end of minimisable infographic ______________________________
______________________________ start of core tab ______________________________ */



.sheet-core_lists1 { grid-area: cl1; margin-right: 10px; }
.sheet-core_lists2 { grid-area: cl2; margin-bottom: 5px; }
.sheet-core_lists3 { grid-area: cl3; margin-top: 5px; margin-bottom: 5px;}
.sheet-core_lists4 { grid-area: cl4; margin-top: 5px; margin-bottom: 5px;}
.sheet-core_lists5 { grid-area: cl5; margin-top: 5px; margin-bottom: 5px;}
.sheet-core_lists6 { grid-area: cl6; margin-top: 5px; }
.sheet-core_lists {
	display: grid;
	grid-template-columns: 450px auto;
	grid-template-areas:
	'cl1 cl2'
	'cl1 cl3'
	'cl1 cl4'
	'cl1 cl5'
	'cl1 cl6';
}

.sheet-skills_item { margin: 7px 5px; }
.sheet-skills_text { margin: 4px 0px; }
.sheet-skills_diff { margin-left: 8px; }
.sheet-text_left { text-align: left !important; }

/* Lores, linguistics, trade, etc have the same processing as a normal skill check */
.sheet-skill_header, .sheet-education_header {
	border-bottom: 1px dotted darkgrey;
	margin-top: 7px;
	display: grid;
	grid-template-columns: auto 55px 53px 15px 29px 29px 29px 30px;
	grid-template-rows: 23px;
}

.sheet-skill_grid, .sheet-education_grid {
	border-bottom: 1px dotted darkgrey;
	padding-top: 1.5px;
	padding-bottom: 1.5px;
	display: grid;
	grid-template-columns: auto 64px 50px 26px 26px 26px 26px 35px;
	grid-template-rows: 27px;

}


.sheet-abilities_checkbox_pointer {
	margin-top: -21px;
	margin-right: 9px;
	text-align: right;
}



/* ______________________________ end of core tab ______________________________
______________________________ start of equipment tab ______________________________ */

.sheet-equipment_divider {
	display: grid;
	grid-template-columns: 49.5% 1% 49.5%;
	grid-template-areas:
	'e1 e0 e2'
	'e3 e3 e3';
}

.sheet-equipment_ranged_weapons { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-equipment_melee_weapons { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-equipment_numerics { grid-area: e3; margin-top: 10px; }
.sheet-equipment_ranged_weapons_rep, .sheet-equipment_melee_weapons_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }

.sheet-equipment_ranged_weapons_gs_a1 { grid-area: rwa1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_a2 { grid-area: rwa2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_a3 { grid-area: rwa3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_a4 { grid-area: rwa4; color: white; font-size: 12px; width: 55px!important;}
.sheet-equipment_ranged_weapons_gs_a5 { grid-area: rwa5; color: white; font-size: 12px; width: 45px!important;}

.sheet-equipment_ranged_weapons_gs_b1 { grid-area: rwb1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-equipment_ranged_weapons_gs_b2 { grid-area: rwb2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-equipment_ranged_weapons_gs_b3 { grid-area: rwb3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_b4 { grid-area: rwb4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_b5 { grid-area: rwb5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_b6 { grid-area: rwb6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_ranged_weapons_gs_c1 { grid-area: rwc1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_c2 { grid-area: rwc2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_c3 { grid-area: rwc3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_c4 { grid-area: rwc4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_c5 { grid-area: rwc5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_c6 { grid-area: rwc6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_c7 { grid-area: rwc7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_c8 { grid-area: rwc8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_ranged_weapons_gs_d1 { grid-area: rwd1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_d2 { grid-area: rwd2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_d3 { grid-area: rwd3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_d4 { grid-area: rwd4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_d5 { grid-area: rwd5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_d6 { grid-area: rwd6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_d7 { grid-area: rwd7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_d8 { grid-area: rwd8; }

.sheet-equipment_ranged_weapons_gs_e1 { grid-area: rwe1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_e2 { grid-area: rwe2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_e3 { grid-area: rwe3; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
.sheet-equipment_ranged_weapons_gs_e4 { grid-area: rwe4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_e5 { grid-area: rwe5; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
.sheet-equipment_ranged_weapons_gs_e6 { grid-area: rwe6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_e7 { grid-area: rwe7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_e8 { grid-area: rwe8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_e9 { grid-area: rwe9; color: white; font-size: 30px; margin-top: -27px; text-align: center; height: 15px; }
.sheet-equipment_ranged_weapons_gs_e10 { grid-area: rwe10; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_e11 { grid-area: rwe11; color: white; font-size: 12px; padding: 0px 2px; margin-left: 2px; }
.sheet-equipment_ranged_weapons_gs_e12 { grid-area: rwe12; color: white; font-size: 12px; padding: 0px 2px; }

.sheet-equipment_ranged_weapons_gs_f1 { grid-area: rwf1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_f2 { grid-area: rwf2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_f3 { grid-area: rwf3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_f4 { grid-area: rwf4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_f5 { grid-area: rwf5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_f6 { grid-area: rwf6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_f7 { grid-area: rwf7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_f8 { grid-area: rwf8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_ranged_weapons_gs_g1 { grid-area: rwg1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_g2 { grid-area: rwg2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_ranged_weapons_gs_g3 { grid-area: rwg3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_g4 { grid-area: rwg4; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_g5 { grid-area: rwg5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_ranged_weapons_gs_g6 { grid-area: rwg6; color: white; font-size: 12px; padding: 0px 2px; }

/* gs_a Range/Attack/Aim Dropdowns, Hit/Dmg Buttons*/
.sheet-equipment_ranged_weapons_grid1 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto 60px 55px;
	grid-template-areas:
	'rwa1 rwa2 rwa3 rwa4 rwa5';
}

/* gs_b Name, Class */
.sheet-equipment_ranged_weapons_grid2 {
	align-items: center;
	display: grid;
	grid-template-columns: 25px 25px auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'rwb1 rwb2 rwb3 rwb4 rwb4 rwb4 rwb4 rwb5 rwb6 rwb6';
}


/* gs_c Range, Dmg, Pen, Type */
.sheet-equipment_ranged_weapons_grid3 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'rwc1 rwc2 rwc3 rwc4 rwc4 rwc5 rwc6 rwc7 rwc8 rwc8';
}

/* gs_d Proven, Primitive, Vengeful, Accurate */
.sheet-equipment_ranged_weapons_grid4 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'rwd1 rwd2 rwd3 rwd4 rwd5 rwd6 rwd7 rwd8';
}

/* gs_e RoF, Magazine, Carry? */
.sheet-equipment_ranged_weapons_grid5 {
	align-items: center;
	display: grid;
	grid-template-columns: auto 8% 3% 8% 3% 8% auto 10% 3% 10% auto auto; /* nonstandard */
	grid-template-areas:
	'rwe1 rwe2 rwe3 rwe4 rwe5 rwe6 rwe7 rwe8 rwe9 rwe10 rwe11 rwe12';
}

/* gs_f Trained?, HitMod, Reload, Weight */
.sheet-equipment_ranged_weapons_grid6 {
	align-items: center;
	display: grid;
	grid-template-columns: auto 20px auto auto auto auto auto auto auto; /* nonstandard */
	grid-template-areas:
	'rwf1 rwf2 rwf3 rwf4 rwf5 rwf6 rwf6 rwf7 rwf8';
}

/* gs_g Domain, Mishap chance, Spray */
.sheet-equipment_ranged_weapons_grid7 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto 20px;
	grid-template-areas:
	'rwg1 rwg2 rwg2 rwg3 rwg3 rwg4 rwg4 rwg4 rwg5 rwg6';
}

.sheet-equipment_melee_weapons_gs_a1 { grid-area: mwa1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_a2 { grid-area: mwa2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_a3 { grid-area: mwa3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_a4 { grid-area: mwa4; color: white; font-size: 12px; width: 55px!important;}
.sheet-equipment_melee_weapons_gs_a5 { grid-area: mwa5; color: white; font-size: 12px; width: 45px!important;}

.sheet-equipment_melee_weapons_gs_b1 { grid-area: mwb1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-equipment_melee_weapons_gs_b2 { grid-area: mwb2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-equipment_melee_weapons_gs_b3 { grid-area: mwb3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_b4 { grid-area: mwb4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_b5 { grid-area: mwb5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_b6 { grid-area: mwb6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_melee_weapons_gs_c1 { grid-area: mwc1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_c2 { grid-area: mwc2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_c3 { grid-area: mwc3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_c4 { grid-area: mwc4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_c5 { grid-area: mwc5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_c6 { grid-area: mwc6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_c7 { grid-area: mwc7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_c8 { grid-area: mwc8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_melee_weapons_gs_d1 { grid-area: mwd1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_d2 { grid-area: mwd2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_d3 { grid-area: mwd3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_d4 { grid-area: mwd4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_d5 { grid-area: mwd5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_d6 { grid-area: mwd6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-equipment_melee_weapons_gs_e1 { grid-area: mwe1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_e2 { grid-area: mwe2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_e3 { grid-area: mwe3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_e4 { grid-area: mwe4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_e5 { grid-area: mwe5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_e6 { grid-area: mwe6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-equipment_melee_weapons_gs_e7 { grid-area: mwe7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-equipment_melee_weapons_gs_e8 { grid-area: mwe8; color: white; font-size: 12px; padding: 0px 2px; }

/* gs_a Range/Attack/Aim Dropdowns, Hit/Dmg Buttons*/
.sheet-equipment_melee_weapons_grid1 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto 60px 55px;
	grid-template-areas:
	'mwa1 mwa2 mwa3 mwa4 mwa5';
}

/* gs_b collapse, name, domain */
.sheet-equipment_melee_weapons_grid2 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'mwb1 mwb2 mwb3 mwb4 mwb4 mwb4 mwb4 mwb5 mwb6 mwb6';
}

/* gs_c reach, damage, pen, type */
.sheet-equipment_melee_weapons_grid3 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'mwc1 mwc2 mwc3 mwc4 mwc4 mwc5 mwc6 mwc7 mwc8 mwc8';
}

/* gs_d Proven, Primitive, Vengeful */
.sheet-equipment_melee_weapons_grid4 {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	grid-template-areas:
	'mwd1 mwd2 mwd3 mwd4 mwd5 mwd6';
}


/* gs_e trained?, hitmod, weight, carry? */
.sheet-equipment_melee_weapons_grid5 {
	align-items: center;
	display: grid;
	grid-template-columns: auto 20px auto auto auto auto auto 20px;
	grid-template-areas:
	'mwe1 mwe2 mwe3 mwe4 mwe5 mwe6 mwe7 mwe8';
}


.sheet-equipment_gear_gs0 { grid-area: eg0; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs1 { grid-area: eg1; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs2 { grid-area: eg2; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs3 { grid-area: eg3; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs4 { grid-area: eg4; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs5 { grid-area: eg5; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs6 { grid-area: eg6; width: 100%; text-align: center; align-self: center; }
.sheet-equipment_gear_gs7 { grid-area: eg7; margin-top: 5px !important; }
.sheet-equipment_gear {
	display: grid;
	grid-template-columns: 50px auto 100px 60px 100px 80px 60px 25px;
	grid-template-areas:
	'eg0 eg1 eg2 eg3 eg4 eg5 eg6 eg7';
}

.sheet-equipment_header {
	background: #52682d;
	border: 2px solid #6E8B3D;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	font-family: inherit;
	font-size: 14px;
	height: 30px;
	letter-spacing: 0px;
}
.sheet-equipment_titles {
	font-size: 14px;
		text-align: center;
		height: 20px;
}

.sheet-equipment_armor_gs1 { background: #6E8B3D; padding: 2px; }
.sheet-equipment_armor_gs2 { background: #6E8B3D; padding: 2px; }
.sheet-equipment_armor_grid {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 300px auto;
}

.sheet-armor_border {
border: 1px solid #FFFFFF;
border-radius: 5px 5px 5px 5px;
padding:3px;
}
.sheet-equipment_armor_input {
text-align: center;
font-size: 14pt;
margin: auto auto auto auto;
width: 60px;
display: inline-block;
}

.sheet-armor_display_gs0 { grid-area: ad0; }
.sheet-armor_display_gs1 { grid-area: ad1; }
.sheet-armor_display_gs2 { grid-area: ad2; }
.sheet-armor_display_gs3 { grid-area: ad3; }
.sheet-armor_display_gs4 { grid-area: ad4; }
.sheet-armor_display_grid1 {
	display: grid;
	justify-items: center;
	align-content: space-around;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 10px;
	row-gap: 15px;
	grid-template-areas:
	'. ad1 ad0'
	'ad2 ad3 ad4';
}

.sheet-armor_display_gs5 { grid-area: ad5; }
.sheet-armor_display_gs6 { grid-area: ad6; }
.sheet-armor_display_grid2 {
	display: grid;
	justify-items: center;
	grid-template-columns: 1fr 2fr 2fr 1fr;
	column-gap: 15px;
	grid-template-areas:
	'. ad5 ad6 .';
}

.sheet-equipment_cybernetics_grid {
	margin: 0px 50.5px 0.6px 0px;
	position: relative;
	z-index: 0;
	display: grid;
	grid-template-columns: auto 100px 40px;
}




/* ______________________________ end of equipment tab ______________________________
______________________________ start of comrade tab ______________________________ */



.sheet-comrade_divider {
	display: grid;
	grid-template-columns: 39% 1% 60%;
	grid-template-areas:
	'e1 e0 e2';
}

.sheet-comrade_name_status { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-comrade_ability { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-comrade_name_status_rep, .sheet-comrade_ability_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }

.sheet-comrade_name_status_gs1 { grid-area: cn1; color: white; font-size: 13px; padding: 0px 2px; }
.sheet-comrade_name_status_gs2 { grid-area: cn2; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }

.sheet-comrade_name_status_gs3 { grid-area: cn3; color: white; font-size: 13px; padding: 0px 2px; }
.sheet-comrade_name_status_gs4 { grid-area: cn4; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }
.sheet-comrade_name_status_gs5 { grid-area: cn5; color: white; font-size: 13px; padding: 0px 2px; }
.sheet-comrade_name_status_gs6 { grid-area: cn6; color: white; font-size: 13px; border: none; border-bottom: 1px dotted white; }

.sheet-comrade_name_status_grid1 {
	align-items: center;
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-areas:
	'cn1 cn2';
}

.sheet-comrade_name_status_grid2 { 
	align-items: center;
	display: grid;
	grid-template-columns: 60px auto 50px auto;
	grid-template-areas:
	'cn3 cn4 cn5 cn6';
}




/* ______________________________ end of comrade tab __________________________________________________________
______________________________ start of advancements tab ______________________________ */


.sheet-aptitudes_grid_gs1 { grid-area: ap1; align-self: center; text-align: center; width: 100%; }
.sheet-aptitudes_grid_gs2 { grid-area: ap2; align-self: center; text-align: center; width: 100%; }
.sheet-aptitudes_grid_gs3 { grid-area: ap3; align-self: center; text-align: center; width: 100%; }
.sheet-aptitudes_grid {
	justify-content: center;
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 5%;
	grid-template-areas:
	'ap1 ap2 ap3';
}

.sheet-advancements_grid_gs1 { grid-area: e1; align-self: center; text-align: center; width: 100%; }
.sheet-advancements_grid_gs2 { grid-area: e2; align-self: center; text-align: center; width: 100% !important; }
.sheet-advancements_grid_gs3 { grid-area: e3; align-self: center; text-align: center; width: 100% !important; }
.sheet-advancements_grid_gs4 { grid-area: e4; align-self: center; text-align: center; width: 100%; }
.sheet-advancements_grid_gs5 { grid-area: e5; align-self: center; text-align: center; width: 100% !important; }
.sheet-advancements_grid_gs6 { grid-area: e6; align-self: center; text-align: center; width: 100% !important; }
.sheet-advancements_grid_gs7 { grid-area: e7; align-self: center; text-align: center; width: 100%; margin: 1px 0px 0px 1px;}
.sheet-advancements_grid {
	justify-content: center;
	display: grid;
	grid-template-columns: 29% 9% 9% 1% 29% 9% 9% 4%;
	grid-template-areas:
	'e1 e2 e3 e0 e4 e5 e6 e7';
}

.sheet-weapon_training { padding: 2px; background: #6E8B3D; }
.sheet-weapon_training_grid {
	padding: 2px 0px 2px 40px;
	background: #6E8B3D;
	font-size: 15px;
	margin: 2px;
	display: grid;
	grid-template-columns: 16% 16% 16% 16% 16% 16%;
}




/* ______________________________ end of advancements tab ______________________________
______________________________ start of Journal tab ___________________________________________________________ */

/* Journal sections didn't need their own CSS; this covers only the insanity/corruption portion of the page */
.sheet-insanity_side { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-corruption_side { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; }
.sheet-insanity_corruption_divider {
	display: grid;
	grid-template-columns: 49.5% 1% 49.5%;
	grid-template-areas:
	'e1 e0 e2';
}


.sheet-insanity_gs1 { grid-area: in1; margin-top: 5px; color: white; font-size: 16px; border: none; border-bottom: 1px dotted white; margin-top: 2px; }
.sheet-insanity_gs2 { grid-area: in2; margin-top: 5px; color: white; font-size: 14px; }
.sheet-insanity_gs3 { grid-area: in3; margin-top: 5px; font-size: 14px; text-align: center; }
.sheet-insanity_gs4 { grid-area: in4; margin-top: 5px; font-size: 14px; }
.sheet-insanity_gs5 { grid-area: in5; margin-top: 5px; font-size: 14px; }
.sheet-insanity_gs6 { grid-area: in6; margin-top: 5px; font-size: 14px; }
.sheet-insanity_info {
	font-family: inherit;
	letter-spacing: 0px;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 35px 28px 28px 28px 28px;
	grid-template-areas:
	'in1 in2'
	'in3 in3'
	'in4 in4'
	'in5 in5'
	'in6 in6';
}

.sheet-corruption_gs1 { grid-area: co1; margin-top: 5px; color: white; font-size: 16px; border: none; border-bottom: 1px dotted white; margin-top: 2px; }
.sheet-corruption_gs2 { grid-area: co2; margin-top: 5px; color: white; font-size: 14px; }
.sheet-corruption_gs3 { grid-area: co3; margin-top: 5px; font-size: 15px; text-align: center; }
.sheet-corruption_gs4 { grid-area: co4; margin-top: 5px; font-size: 15px; }
.sheet-corruption_gs5 { grid-area: co5; margin-top: 5px; font-size: 15px; }
.sheet-corruption_info {
	font-family: inherit;
	letter-spacing: 0px;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: 35px 28px;
	grid-template-areas:
	'co1 co2'
	'co3 co3';
}




/* ______________________________ end of Journal tab ______________________________
______________________________ start of Psykana tab ___________________________________________________________ */

.sheet-psykana_divider {
	display: grid;
	grid-template-columns: 39% 1% 60%;
	grid-template-areas:
	'e1 . e4'
	'e2 . e4'
	'e3 . e4';
}

.sheet-psykana_info { grid-area: e1; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-bottom: 5px; }
.sheet-psykana_minor { grid-area: e2; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; margin-bottom: 5px;}
.sheet-psykana_notes { grid-area: e3; background:#6E8B3D; border-radius: 10px; padding: 2px; margin-top: 5px; }
.sheet-psykana_ability { grid-area: e4; background:#6E8B3D; border-radius: 10px; padding: 2px; }

.sheet-minormanifestation_rep, .sheet-psykana_ability_rep, .sheet-psynotes_rep { background:#6E8B3D; border:1px solid white; border-radius: 10px; padding: 2px; }

.sheet-psykana_info_gs1 { grid-area: pi1; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs2 { grid-area: pi2; color: white; font-size: 14px; margin-top: 5px; }
.sheet-psykana_info_gs3 { grid-area: pi3; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs4 { grid-area: pi4; color: white; font-size: 14px; margin-top: 5px; }
.sheet-psykana_info_gs5 { grid-area: pi5; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs6 { grid-area: pi6; color: white; font-size: 14px; }
.sheet-psykana_info_gs7 { grid-area: pi7; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs8 { grid-area: pi8; color: white; font-size: 14px; }

.sheet-psykana_info_gs9 { grid-area: pi9; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs10 { grid-area: pi10; color: white; font-size: 14px; }
.sheet-psykana_info_gs11 { grid-area: pi11; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs12 { grid-area: pi12; color: white; font-size: 14px; }

.sheet-psykana_info_gs13 { grid-area: pi13; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs14 { grid-area: pi14; color: white; font-size: 14px; }
.sheet-psykana_info_gs15 { grid-area: pi15; color: white; font-size: 14px; padding: 0px 2px; }
.sheet-psykana_info_gs16 { grid-area: pi16; color: white; font-size: 14px; }
.sheet-psykana_info_gs17 { grid-area: pi17; color: white; font-size: 14px; width: 130px!important;}
.sheet-psykana_info_gs18 { grid-area: pi18; color: white; font-size: 14px; width: 100px!important;}

.sheet-psykana_info_grid {
	align-items: center;
	display: grid;
	grid-template-columns: 30% auto auto auto;
	grid-template-rows: 40px 40px 40px 40px 40px 40px;
	grid-template-areas:
	'pi1  pi2  pi2  pi2'
	'pi3  pi4  pi4  pi4'
	'pi5  pi6  pi7  pi8'
	'pi9  pi10 pi11 pi12'
	'pi13 pi14 pi15 pi16'
	'pi17 pi17 pi18 pi18';
}


.sheet-psykana_ability_gs_a1 { grid-area: paa1; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-psykana_ability_gs_a2 { grid-area: paa2; align-items: center; position: relative; top: 4px; font-size: 14px; padding: 0px 2px;}
.sheet-psykana_ability_gs_a3 { grid-area: paa3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_a4 { grid-area: paa4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_a5 { grid-area: paa5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_a6 { grid-area: paa6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white;}

.sheet-psykana_ability_gs_b1 { grid-area: pab1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_b2 { grid-area: pab2; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_b3 { grid-area: pab3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_b4 { grid-area: pab4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_b5 { grid-area: pab5; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_b6 { grid-area: pab6; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_b7 { grid-area: pab7; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_b8 { grid-area: pab8; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-psykana_ability_gs_c1 { grid-area: pac1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_c2 { grid-area: pac2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_c3 { grid-area: pac3; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_c4 { grid-area: pac4; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_c5 { grid-area: pac5; color: white; font-size: 12px; width: 55px!important;}
.sheet-psykana_ability_gs_c6 { grid-area: pac6; color: white; font-size: 12px; width: 50px!important;}

.sheet-psykana_ability_gs_d1 { grid-area: pad1; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_d2 { grid-area: pad2; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_d3 { grid-area: pad3; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }
.sheet-psykana_ability_gs_d4 { grid-area: pad4; color: white; font-size: 12px; padding: 0px 2px; }
.sheet-psykana_ability_gs_d5 { grid-area: pad5; color: white; font-size: 12px; border: none; border-bottom: 1px dotted white; }

.sheet-psykana_ability_grid1 { /* gs_a collapse, Name, Subtype */
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'paa1 paa2 paa3 paa4 paa4 paa4 paa5 paa6 paa6 paa6';
}

.sheet-psykana_ability_grid2 { /* gs_b Range, Dmg, Type, Pen */
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'pab1 pab2 pab2 pab3 pab4 pab4 pab5 pab6 pab6 pab6 pab7 pab8';
}

.sheet-psykana_ability_grid3 { /* gs_c Focus Power, Hit Mod, Hit/Dmg buttons */
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto 66px 61px;
	grid-template-areas:
	'pac1 pac2 pac2 pac2 pac2 pac3 pac4 pac4 pac5 pac6';
}

.sheet-psykana_ability_grid4 { /* gs_d Actions to cast, Actions to sustain */
	align-items: center;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
	'pad1 pad1 pad2 pad3 pad3 pad3 pad4 pad5 pad5 pad5';
}


/* ______________________________ end of Psykana tab ______________________________
______________________________ start of vehicles page ___________________________________________________________ */



.sheet-vehicles_grid1 { margin-right: 10px; background: #6e8b3d; border-top: 2px solid #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; border-top-left-radius: 10px; border-top-right-radius: 10px; color: white; font-family: inherit; }
.sheet-vehicles_grid2 { margin-right: 10px; background: #6e8b3d; border-left: 2px solid #6e8b3d; border-right: 2px solid #6e8b3d; color: white; font-family: inherit; }
.sheet-vehicle_weapons { grid-area: vgw; }
.sheet-vehicles_divider {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-areas:
	'vg1 vgw'
	'vg2 vgw';
}
.sheet-vehicles_Gn  { grid-area: vn; background: #52682d; border: none; border-bottom: 1px solid white; border-radius: 9px 9px 0px 0px; color: white; font-family: inherit; text-align: center; font-size: 15px; }
.sheet-vehicles_Gs  { grid-area: vs; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
.sheet-vehicles_Gt  { grid-area: vt; height: 28.5px; margin-bottom: -8px; margin-top: -1px; border-top: 1px solid white; }
.sheet-vehicles_G_a1  { grid-area: va1 }

.sheet-vehicles_G_a2 { grid-area: va2 }
.sheet-vehicles_G_a3 { grid-area: va3; text-align: center }
.sheet-vehicles_G_a4 { grid-area: va4; text-align: center }
.sheet-vehicles_G_a5 { grid-area: va5; text-align: center }
.sheet-vehicles_G_a6 { grid-area: va6; text-align: center }
.sheet-vehicles_G_a7 { grid-area: va7 }
.sheet-vehicles_G_a8 { grid-area: va8 }
.sheet-vehicles_G_a9 { grid-area: va9 }
.sheet-vehicles_G_a10 { grid-area: va10 }

.sheet-vehicles_G_a11 { grid-area: va11; }
.sheet-vehicles_G_a12 { grid-area: va12; text-align: center }
.sheet-vehicles_G_a13 { grid-area: va13; text-align: center }
.sheet-vehicles_G_a14 { grid-area: va14 }
.sheet-vehicles_G_a15 { grid-area: va15 }
.sheet-vehicles_grid1 {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-areas:
	'vn   vn   vn   vn'
	'vs   va1  va1  vt'
	'va2  va2  va2  va2'
	'va3  va4  va5  va6'
	'va7  va8  va9  va10'
	'va11 va11 va11 va11'
	'va12 va12 va13 va13'
	'va14 va14 va15 va15';
}
.sheet-vehicles_G_b1 { grid-area: vb1 }
.sheet-vehicles_G_b2 { grid-area: vb2; text-align: center }
.sheet-vehicles_G_b3 { grid-area: vb3; text-align: center }
.sheet-vehicles_G_b4 { grid-area: vb4; text-align: center }
.sheet-vehicles_G_b5 { grid-area: vb5; text-align: center }
.sheet-vehicles_G_b6 { grid-area: vb6; text-align: center }
.sheet-vehicles_G_b7 { grid-area: vb7 }
.sheet-vehicles_G_b8 { grid-area: vb8 }
.sheet-vehicles_G_b9 { grid-area: vb9 }
.sheet-vehicles_G_b10 { grid-area: vb10 }
.sheet-vehicles_G_b11 { grid-area: vb11 }
.sheet-vehicles_G_b12 { grid-area: vb12 }
.sheet-vehicles_G_b13 { grid-area: vb13; margin-top: 3px; padding-bottom: 2px; }
.sheet-vehicles_grid2 {
	display: grid;
	grid-template-columns: 14% 14% 22% 14% 14% 22%;
	grid-template-areas:
	'vb1  vb1  vb1  vb1  vb1  vb1'
	'vb2  vb2  vb3  vb4  vb5  vb6'
	'vb7  vb8  vb9  vb10 vb11 vb12'
	'vb13 vb13 vb13 vb13 vb13 vb13';
}

.sheet-vehicles_descriptor { border-bottom-left-radius: 8px; }

/* These hider checkboxes have names which match the select element on a 1-2-3;
the appropriate Operate check is displayed, on an invalid selection there is no Operate check */
.sheet-hider:not(:checked) + div { display: none }
.sheet-hider:not(:checked) + input { display: none }
.sheet-hider:not(:checked) + button { display: none }
.sheet-hidernot:checked + div { display: none }
.sheet-hidernot:checked + input { display: none }
.sheet-hidernot:checked + button { display: none }



/* ______________________________ end of vehicles page ______________________________
______________________________ start of json ___________________________________________________________ */
.sheet-json_skill {display: none}
input[type="checkbox"]:not(:checked) ~ .sheet-json_skill {display: inline;}

.sheet-json_container span .repcontrol {display: none;}
.sheet-json_container span .repcontainer {display: inline; box-shadow: none; }
.sheet-json_container span .repcontainer .repitem {display: inline;}
.sheet-json_container {
	border: solid black 3px;
	padding: 5px;
	word-break: break-all;
}
/* ______________________________ end of json ______________________________
______________________________ start of rolltemplate ___________________________________________________________ */



.sheet-rolltemplate-mythic .sheet-rolltemplate-collapsible_entity_block {
	display: none;
	border: 2px solid #52682d; border-left: 0px; border-right: 0px;
}
.sheet-rolltemplate-mythic .sheet-rolltemplate-collapsible_entity_switch:hover > .sheet-rolltemplate-collapsible_entity_block {
	display: block;
}

.sheet-rolltemplate-mythic .sheet-template-header,
.sheet-rolltemplate-mythic .sheet-template-row {
	color: white;
	line-height: 1.6em;
	font-size: 1.2em;
	font-family: inherit;
}

.sheet-rolltemplate-mythic .sheet-template-header {
	background: #52682d;
	border-radius: 10px 10px 0px 0px;
	border-left: 2px solid grey;
	border-right: 2px solid grey;
	border-top: 2px solid grey;
	text-align: center;
	text-decoration: underline;
}

.sheet-rolltemplate-mythic .sheet-template-content {
	background: #6e8b3d;
	border-radius: 0px 0px 10px 10px;
	border-left: 2px solid grey;
	border-right: 2px solid grey;
	border-bottom: 2px solid grey;
	padding: 2px
}

.sheet-rolltemplate-mythic .sheet-template-content_top {
	border-radius: 0px 0px 0px 0px;
	border-bottom: 3px solid #52682d;
}

.sheet-rolltemplate-mythic .sheet-template-round {
	border-radius: 10px 10px 10px 10px;
}

.sheet-rolltemplate-mythic .sheet-template-2x2 {
	display: grid;
	grid-template-columns: auto auto
}

.sheet-rolltemplate-mythic .sheet-template-right {
	text-align: right;
	margin-right: 5px
}

.sheet-rolltemplate-mythic .sheet-template-center {
	text-align: center;
}

.sheet-rolltemplate-mythic .sheet-template-break {
	margin-top: 10px;
}

.sheet-rolltemplate-mythic .sheet-inlineresult {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 1px solid white;
	border-radius: 3px 3px 3px 3px;
	background: #52682d;
	color: white;
	line-height: 1.6em;
	font-size: 1.2em;
	font-family: inherit;
	font-weight: bold;
	padding: 0px 4px 0px 4px
}

.sheet-rolltemplate-mythic .inlinerollresult {
	display: inline-block;
	min-width: 1.5em;
	text-align: center;
	border: 1px solid white;
	border-radius: 3px 3px 3px 3px;
	background: #52682d
}

.sheet-rolltemplate-mythic .inlinerollresult.fullcrit {
	border: 3px solid #B31515;
}

.sheet-rolltemplate-mythic .inlinerollresult.fullfail {
	border: 3px solid #3FB315;
}

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

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

.sheet-rolltemplate-mythic .sheet-mythic_crit .inlinerollresult.fullfail {
	border: 3px solid #B31515;
}