Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

Kallak's Pathfinder 2E (mobile/tablet friendly)

Author: Kallak

Slug: kallak_PF2e

System: Pathfinder RPG 2e

DST Source Code

HTML Template

<div class="sheet-container csx">
	<div class="uicontainer">
		<div class="formatBar">
			<button type="button" class="boldButton" title="Bold (Ctrl+B)"></button>
			<button type="button" class="italicButton" title="Italic (Ctrl+I)"></button>
			<button type="button" class="underlineButton" title="Underline (Ctrl+U)"></button>
			<button type="button" class="indentButton" title="Indent (Ctrl+Tab)"></button>
		</div>
	</div>
	<div class="sheet-notes"><!-- NOTES -->
		Attention!<br>
		This sheet works best with character images that are portrait-oriented rectangles.<br>
		Areas bordered in red are only displayed when editing.<br>
		Checkboxes and areas shaded in blue require your input.<br>
		Areas in white are labels or auto-calculated values.<br>
		List items can be reordered or dragged to the trash via the dotted handle.
	</div>
	<div class="grid-1"><!-- SHEET TOP -->
		<div class="portrait"><!--PORTRAIT -->
			<div class="dsf dsf_avatar_image readonly"></div>
			<div class="xp-bar-container">
				<div class="xp-label">XP</div>
				<div class="xp-bar">
					<div class="xp-bar-fill"></div>
				</div>
				<div class="xp-percentage">
					<span class="dsf dsf_xp_percentage readonly"></span>
					<div>%</div>
				</div>
			</div>
			<div class="xp-settings-grid">
				<div class="xp-checks-container">
					<span class="dsf dsf_xp_speed_1 check readonly group_xp_speed"></span>
					<div class="checkbox-label">Slow</div>
					<span class="dsf dsf_xp_speed_2 check readonly group_xp_speed"></span>
					<div class="checkbox-label">Fast</div>
				</div>
				<div class="input2 current-xp-container">
					<span class="dsf dsf_current_xp singlerow"></span>
					<div class="input-label">Current XP</div>
				</div>
				<div class="input2 next-level-container">
					<span class="dsf dsf_next_xp readonly"></span>
					<div class="input-label">Next Level</div>
				</div>
			</div>
		</div>
		<div class="basic-info"><!-- BASIC INFO -->
			<div class="name-grid">
				<div class="character-level input2">
					<span class="dsf dsf_char_level singlerow"></span>
					<div class="input-label">Character Level</div>
				</div>
				<div class="name-box">
					<div class="dsf dsf_name readonly"></div>
					<div>
						<div class="player-label">Played by:</div>
						<div class="dsf dsf_player readonly">[NPC]</div>
					</div>
				</div>
				<div class="hero-points input2">
					<span class="dsf dsf_hero_points singlerow"></span>
					<div class="input-label">Hero Points</div>
				</div>
			</div>
			<div class="area-header">Basic Info</div>
			<div class="basic-info-grid">
				<div class="input ancestry">
					<div class="input-label">Ancestry and Heritage</div>
					<span class="dsf dsf_ancestry_and_heritage singlerow"></span>
				</div>
				<div class="input background">
					<div class="input-label">Background</div>
					<span class="dsf dsf_background singlerow"></span>
				</div>
				<div class="input size">
					<div class="input-label">Size</div>
					<span class="dsf dsf_size singlerow"></span>
				</div>
				<div class="input class">
					<div class="input-label">Class</div>
					<span class="dsf dsf_class singlerow"></span>
				</div>
				<div class="input alignment">
					<div class="input-label">Alignment</div>
					<span class="dsf dsf_alignment singlerow"></span>
				</div>
				<div class="input deity">
					<div class="input-label">Deity</div>
					<span class="dsf dsf_deity singlerow"></span>
				</div>
				<div class="input traits">
					<div class="input-label">Traits</div>
					<span class="dsf dsf_traits singlerow"></span>
				</div>
				<div class="input languages">
					<div class="input-label">Languages</div>
					<span class="dsf dsf_languages singlerow"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="grid-tabs"><!-- TABS -->
		<div class="tab tab-1" onclick="kallak_PF2e_tabClick(1);">Statistics</div>
		<div class="tab tab-2" onclick="kallak_PF2e_tabClick(2);">Feats</div>
		<div class="tab tab-3" onclick="kallak_PF2e_tabClick(3);">Actions</div>
		<div class="tab tab-4" onclick="kallak_PF2e_tabClick(4);">Spells</div>
		<div class="tab tab-5" onclick="kallak_PF2e_tabClick(5);">Inventory</div>
		<div class="tab tab-6" onclick="kallak_PF2e_tabClick(6);">About</div>
	</div>
	<div class="page page-1"><!-- STATS -->
		<div class="grid-3">
			<div><!-- ABILITY SCORES & CLASS DC -->
				<div class="area-header">Ability Scores</div>
				<div class="ability-label-grid">
					<div class="ability-label-ability">Ability</div>
					<div class="ability-label-score">Score</div>
					<div class="ability-label-mod">Mod</div>
					<div class="ability-label-key">Key</div>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Strength</div>
					<div></div>
					<div class="abil-score include-box">
						<span class="dsf dsf_str singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_str_mod readonly"></span>
					</div>
					<span class="dsf dsf_str_key check readonly group_key"></span>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Dexterity</div>
					<div class="abil-score include-box">
						<span class="dsf dsf_dex singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_dex_mod readonly"></span>
					</div>
					<span class="dsf dsf_dex_key check readonly group_key"></span>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Constitution</div>
					<div class="abil-score include-box">
						<span class="dsf dsf_con singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_con_mod readonly"></span>
					</div>
					<span class="dsf dsf_con_key check readonly group_key"></span>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Intelligence</div>
					<div class="abil-score include-box">
						<span class="dsf dsf_int singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_int_mod readonly"></span>
					</div>
					<span class="dsf dsf_int_key check readonly group_key"></span>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Wisdom</div>
					<div class="abil-score include-box">
						<span class="dsf dsf_wis singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_wis_mod readonly"></span>
					</div>
					<span class="dsf dsf_wis_key check readonly group_key"></span>
				</div>
				<div class="ability-score-grid">
					<div class="grey-back"></div>
					<div class="attr-label">Charisma</div>
					<div class="abil-score include-box">
						<span class="dsf dsf_cha singlerow"></span>
					</div>
					<div class="abil-mod include-box">
						<span class="dsf dsf_cha_mod readonly"></span>
					</div>
					<span class="dsf dsf_cha_key check readonly group_key"></span>
				</div>
				<div class="area-header">Class DC</div>
				<div class="dc-grid">
					<div class="grey-back"></div>
					<div class="dc-total value-total">
						<div class="dsf dsf_class_dc_total readonly"></div>
					</div>
					<div class="dc-base value-include">
						<div class="include-label">Base</div>
						<div class="include-box">10</div>
					</div>
					<div class="dc-key value-include">
						<div class="include-label">Key</div>
						<div class="include-box">
							<div class="dsf dsf_class_dc_key readonly"></div>
						</div>
					</div>
					<div class="dc-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_class_dc_teml_t check readonly group_class_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_class_dc_teml_e check readonly group_class_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_class_dc_teml_m check readonly group_class_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_class_dc_teml_l check readonly group_class_dc"></span>
						</div>
					</div>
					<div class="dc-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_class_dc_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="input">
					<div class="input-label">Notes</div>
					<span class="dsf dsf_class_dc_notes singlerow"></span>
				</div>
			</div>
			<div><!-- ARMOR CLASS & SAVING THROWS -->
				<div class="area-header">Armor Class</div>
				<div class="armor-class-grid">
					<div class="grey-back"></div>
					<div class="value-total">
						<div class="dsf dsf_ac_total readonly"></div>
					</div>
					<div class="value-include ac-base">
						<div class="include-label">Base</div>
						<div class="include-box">10</div>
					</div>
					<div class="value-include ac-prof">
						<div class="include-label">Prof</div>
						<div class="include-box">
							<div class="dsf dsf_ac_prof readonly"></div>
						</div>
					</div>
					<div class="value-include ac-dexcap">
						<div class="include-label">Dex/Cap</div>
						<div class="include-box">
							<span class="dsf dsf_ac_dexcap singlerow"></span>
						</div>
					</div>
					<div class="value-include ac-item">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_ac_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="armor-type-grid">
					<div class="grey-back"></div>
					<div class="save-label">Armor Category</div>
					<div class="armor-type-checks-grid">
						<div class="include-label">U</div>
						<div class="include-label">L</div>
						<div class="include-label">M</div>
						<div class="include-label">H</div>
						<div class="include-label">[X]</div>
						<div class="check-hold">
							<span class="dsf dsf_armor_type_u check readonly group_armor_type"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_armor_type_l check readonly group_armor_type"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_armor_type_m check readonly group_armor_type"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_armor_type_h check readonly group_armor_type"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_armor_type_c check readonly group_armor_type"></span>
						</div>
					</div>
				</div>
				<div class="shield-grid">
					<div class="grey-back"></div>
					<div class="save-label">Shield</div>
					<div class="value-include shield-bonus">
						<div class="include-label">+AC</div>
						<div class="include-box">
							<span class="dsf dsf_shield_total singlerow"></span>
						</div>
					</div>
					<div class="value-include shield-hardness">
						<div class="include-label">Hard.</div>
						<div class="include-box">
							<span class="dsf dsf_shield_hardness singlerow"></span>
						</div>
					</div>
					<div class="value-include shield-hp">
						<div class="include-label">HP</div>
						<div class="include-box">
							<span class="dsf dsf_shield_hp singlerow"></span>
						</div>
					</div>
					<div class="value-include shield-bt">
						<div class="include-label">BT</div>
						<div class="include-box">
							<span class="dsf dsf_shield_bt singlerow"></span>
						</div>
					</div>
				</div>
				<div class="area-header">Saving Throws</div>
				<div class="saving-throw-grid"><!-- FORT SAVE -->
					<div class="grey-back"></div>
					<div class="save-label">Fort</div>
					<div class="save-total value-total">
						<div class="dsf dsf_fort_total readonly"></div>
					</div>
					<div class="save-ability value-include">
						<div class="include-label">Con</div>
						<div class="include-box">
							<div class="dsf dsf_con_mod readonly"></div>
						</div>
					</div>
					<div class="save-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_fort_teml_t check readonly group_fort"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_fort_teml_e check readonly group_fort"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_fort_teml_m check readonly group_fort"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_fort_teml_l check readonly group_fort"></span>
						</div>
					</div>
					<div class="save-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_fort_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="saving-throw-grid"><!-- REF SAVE -->
					<div class="grey-back"></div>
					<div class="save-label">Ref</div>
					<div class="save-total value-total">
						<div class="dsf dsf_ref_total readonly"></div>
					</div>
					<div class="save-ability value-include">
						<div class="include-label">Dex</div>
						<div class="include-box">
							<div class="dsf dsf_dex_mod readonly"></div>
						</div>
					</div>
					<div class="save-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_ref_teml_t check readonly group_ref"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_ref_teml_e check readonly group_ref"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_ref_teml_m check readonly group_ref"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_ref_teml_l check readonly group_ref"></span>
						</div>
					</div>
					<div class="save-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_ref_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="saving-throw-grid will-save"><!-- WILL SAVE -->
					<div class="grey-back"></div>
					<div class="save-label">Will</div>
					<div class="save-total value-total">
						<div class="dsf dsf_will_total readonly"></div>
					</div>
					<div class="save-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="save-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_will_teml_t check readonly group_will"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_will_teml_e check readonly group_will"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_will_teml_m check readonly group_will"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_will_teml_l check readonly group_will"></span>
						</div>
					</div>
					<div class="save-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_will_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="input">
						<div class="input-label">Notes</div>
						<span class="dsf dsf_saving_throw_notes singlerow"></span>
					</div>
			</div>
			<div><!-- HIT POINTS & PERCEPTION -->
				<div class="area-header">Hit Points</div>
				<div class="hit-points-grid">
					<div class="input hp-current">
						<div class="input-label">Current</div>
						<span class="dsf dsf_current_hp singlerow"></span>
					</div>
					<div class="input hp-max">
						<div class="input-label">Max</div>
						<span class="dsf dsf_max_hp singlerow"></span>
					</div>
					<div class="input hp-temp">
						<div class="input-label">Temporary</div>
						<span class="dsf dsf_temporary_hp singlerow"></span>
					</div>
					<div class="input hp-resistances">
						<div class="input-label">Resistances & Immunities</div>
						<span class="dsf dsf_resistances_immunities singlerow"></span>
					</div>
					<div class="input hp-doomed">
						<div class="input-label">Doomed</div>
						<span class="dsf dsf_hp_doomed singlerow"></span>
					</div>
					<div class="input hp-wounded">
						<div class="input-label">Wounded</div>
						<span class="dsf dsf_hp_wounded singlerow"></span>
					</div>
					<div class="input hp-dying">
						<div class="input-label">Dying</div>
						<span class="dsf dsf_hp_dying singlerow"></span>
					</div>
					<div class="input hp-condition-notes">
						<div class="input-label">Condition Notes</div>
						<span class="dsf dsf_conditions singlerow"></span>
					</div>
				</div>
				<div class="area-header">Perception</div>
				<div class="perception-grid">
					<div class="grey-back"></div>
					<div class="perception-total value-total">
						<div class="dsf dsf_perception_total readonly"></div>
					</div>
					<div class="perception-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="perception-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_perception_teml_t check readonly group_perception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_perception_teml_e check readonly group_perception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_perception_teml_m check readonly group_perception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_perception_teml_l check readonly group_perception"></span>
						</div>
					</div>
					<div class="perception-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_perception_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="input senses-input">
					<div class="input-label">Senses</div>
					<span class="dsf dsf_perception_senses singlerow"></span>
				</div>
				<div class="input">
						<div class="input-label">Notes</div>
						<span class="dsf dsf_perception_notes singlerow"></span>
					</div>
			</div>
		</div>
		<div class="grid-2">
			<div><!-- WEAPON & ARMOR PROFICIENCIES -->
				<div class="area-header">Weapon & Armor Proficiencies</div>
				<div class="proficiencies-grid">
					<div class="one-proficiency">
						<div class="teml-type-name">Unarmored</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_unarmored_teml_t first_teml check readonly group_unarmored"></span>
						<span class="dsf dsf_unarmored_teml_e second_teml check readonly group_unarmored"></span>
						<span class="dsf dsf_unarmored_teml_m third_teml check readonly group_unarmored"></span>
						<span class="dsf dsf_unarmored_teml_l fourth_teml check readonly group_unarmored"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Light</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_light_teml_t first_teml check readonly group_light"></span>
						<span class="dsf dsf_light_teml_e second_teml check readonly group_light"></span>
						<span class="dsf dsf_light_teml_m third_teml check readonly group_light"></span>
						<span class="dsf dsf_light_teml_l fourth_teml check readonly group_light"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Medium</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_medium_teml_t first_teml check readonly group_medium"></span>
						<span class="dsf dsf_medium_teml_e second_teml check readonly group_medium"></span>
						<span class="dsf dsf_medium_teml_m third_teml check readonly group_medium"></span>
						<span class="dsf dsf_medium_teml_l fourth_teml check readonly group_medium"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Heavy</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_heavy_teml_t first_teml check readonly group_heavy"></span>
						<span class="dsf dsf_heavy_teml_e second_teml check readonly group_heavy"></span>
						<span class="dsf dsf_heavy_teml_m third_teml check readonly group_heavy"></span>
						<span class="dsf dsf_heavy_teml_l fourth_teml check readonly group_heavy"></span>
					</div>
					<div class="one-proficiency">
						<span class="dsf dsf_wpn_arm_1_teml teml-type-name singlerow"></span>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_wpn_arm_1_teml_t first_teml check readonly group_wpn_arm_1"></span>
						<span class="dsf dsf_wpn_arm_1_teml_e second_teml check readonly group_wpn_arm_1"></span>
						<span class="dsf dsf_wpn_arm_1_teml_m third_teml check readonly group_wpn_arm_1"></span>
						<span class="dsf dsf_wpn_arm_1_teml_l fourth_teml check readonly group_wpn_arm_1"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Unarmed</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_unarmed_teml_t first_teml check readonly group_unarmed"></span>
						<span class="dsf dsf_unarmed_teml_e second_teml check readonly group_unarmed"></span>
						<span class="dsf dsf_unarmed_teml_m third_teml check readonly group_unarmed"></span>
						<span class="dsf dsf_unarmed_teml_l fourth_teml check readonly group_unarmed"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Simple</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_simple_teml_t first_teml check readonly group_simple"></span>
						<span class="dsf dsf_simple_teml_e second_teml check readonly group_simple"></span>
						<span class="dsf dsf_simple_teml_m third_teml check readonly group_simple"></span>
						<span class="dsf dsf_simple_teml_l fourth_teml check readonly group_simple"></span>
					</div>
					<div class="one-proficiency">
						<div class="teml-type-name">Martial</div>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_martial_teml_t first_teml check readonly group_martial"></span>
						<span class="dsf dsf_martial_teml_e second_teml check readonly group_martial"></span>
						<span class="dsf dsf_martial_teml_m third_teml check readonly group_martial"></span>
						<span class="dsf dsf_martial_teml_l fourth_teml check readonly group_martial"></span>
					</div>
					<div class="one-proficiency">
						<span class="dsf dsf_wpn_arm_2_teml teml-type-name singlerow"></span>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_wpn_arm_2_teml_t first_teml check readonly group_wpn_arm_2"></span>
						<span class="dsf dsf_wpn_arm_2_teml_e second_teml check readonly group_wpn_arm_2"></span>
						<span class="dsf dsf_wpn_arm_2_teml_m third_teml check readonly group_wpn_arm_2"></span>
						<span class="dsf dsf_wpn_arm_2_teml_l fourth_teml check readonly group_wpn_arm_2"></span>
					</div>
					<div class="one-proficiency">
						<span class="dsf dsf_wpn_arm_3_teml teml-type-name singlerow"></span>
						<div class="teml-label-t">T</div>
						<div class="teml-label-e">E</div>
						<div class="teml-label-m">M</div>
						<div class="teml-label-l">L</div>
						<span class="dsf dsf_wpn_arm_3_teml_t first_teml check readonly group_wpn_arm_3"></span>
						<span class="dsf dsf_wpn_arm_3_teml_e second_teml check readonly group_wpn_arm_3"></span>
						<span class="dsf dsf_wpn_arm_3_teml_m third_teml check readonly group_wpn_arm_3"></span>
						<span class="dsf dsf_wpn_arm_3_teml_l fourth_teml check readonly group_wpn_arm_3"></span>
					</div>
				</div>
			</div>
			<div><!-- SPEED -->
				<div class="area-header">Speed</div>
				<div class="speed-grid">
					<div class="grey-back"></div>
					<div class="save-label">Movement Types</div>
					<div class="value-include land-speed">
						<div class="include-label">Land</div>
						<div class="include-box">
							<span class="dsf dsf_speed_land singlerow"></span>
						</div>
					</div>
					<div class="value-include burrow-speed">
						<div class="include-label">Burrow</div>
						<div class="include-box">
							<span class="dsf dsf_speed_burrow singlerow"></span>
						</div>
					</div>
					<div class="value-include climb-speed">
						<div class="include-label">Climb</div>
						<div class="include-box">
							<span class="dsf dsf_speed_climb singlerow"></span>
						</div>
					</div>
					<div class="value-include fly-speed">
						<div class="include-label">Fly</div>
						<div class="include-box">
							<span class="dsf dsf_speed_fly singlerow"></span>
						</div>
					</div>
					<div class="value-include swim-speed">
						<div class="include-label">Swim</div>
						<div class="include-box">
							<span class="dsf dsf_speed_swim singlerow"></span>
						</div>
					</div>
				</div>
				<div class="input">
					<div class="input-label">Notes</div>
					<span class="dsf dsf_mvmt_types_notes singlerow"></span>
				</div>
			</div>
		</div>
		<div class="area-header">Skills</div><!-- SKILLS -->
		<div class="grid-2">
			<div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Acrobatics</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_acrobatics_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Dex</div>
						<div class="include-box">
							<div class="dsf dsf_dex_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_acrobatics_teml_t check readonly group_acrobatics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_acrobatics_teml_e check readonly group_acrobatics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_acrobatics_teml_m check readonly group_acrobatics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_acrobatics_teml_l check readonly group_acrobatics"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_acrobatics_item singlerow"></span>
						</div>
					</div>
					<div class="skill-armor value-include">
						<div class="include-label">Armor</div>
						<div class="include-box">
							<span class="dsf dsf_acrobatics_armor singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Arcana</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_arcana_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_arcana_teml_t check readonly group_arcana"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_arcana_teml_e check readonly group_arcana"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_arcana_teml_m check readonly group_arcana"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_arcana_teml_l check readonly group_arcana"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_arcana_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Athletics</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_athletics_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Str</div>
						<div class="include-box">
							<div class="dsf dsf_str_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_athletics_teml_t check readonly group_athletics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_athletics_teml_e check readonly group_athletics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_athletics_teml_m check readonly group_athletics"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_athletics_teml_l check readonly group_athletics"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_athletics_item singlerow"></span>
						</div>
					</div>
					<div class="skill-armor value-include">
						<div class="include-label">Armor</div>
						<div class="include-box">
							<span class="dsf dsf_athletics_armor singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Crafting</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_crafting_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_crafting_teml_t check readonly group_crafting"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_crafting_teml_e check readonly group_crafting"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_crafting_teml_m check readonly group_crafting"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_crafting_teml_l check readonly group_crafting"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_crafting_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Deception</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_deception_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Cha</div>
						<div class="include-box">
							<div class="dsf dsf_cha_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_deception_teml_t check readonly group_deception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_deception_teml_e check readonly group_deception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_deception_teml_m check readonly group_deception"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_deception_teml_l check readonly group_deception"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_deception_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Diplomacy</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_diplomacy_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Cha</div>
						<div class="include-box">
							<div class="dsf dsf_cha_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_diplomacy_teml_t check readonly group_diplomacy"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_diplomacy_teml_e check readonly group_diplomacy"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_diplomacy_teml_m check readonly group_diplomacy"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_diplomacy_teml_l check readonly group_diplomacy"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_diplomacy_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Intimidation</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_intimidation_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Cha</div>
						<div class="include-box">
							<div class="dsf dsf_cha_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_intimidation_teml_t check readonly group_intimidation"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_intimidation_teml_e check readonly group_intimidation"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_intimidation_teml_m check readonly group_intimidation"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_intimidation_teml_l check readonly group_intimidation"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_intimidation_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">
						<span class="dsf dsf_lore1_name singlerow"></span>
					</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_lore1_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_lore1_teml_t check readonly group_lore1"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore1_teml_e check readonly group_lore1"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore1_teml_m check readonly group_lore1"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore1_teml_l check readonly group_lore1"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_lore1_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label lore-name">
						<span class="dsf dsf_lore2_name singlerow"></span>
					</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_lore2_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_lore2_teml_t check readonly group_lore2"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore2_teml_e check readonly group_lore2"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore2_teml_m check readonly group_lore2"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore2_teml_l check readonly group_lore2"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_lore2_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">
						<span class="dsf dsf_lore3_name singlerow"></span>
					</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_lore3_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_lore3_teml_t check readonly group_lore3"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore3_teml_e check readonly group_lore3"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore3_teml_m check readonly group_lore3"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore3_teml_l check readonly group_lore3"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_lore3_item singlerow"></span>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">
						<span class="dsf dsf_lore4_name singlerow"></span>
					</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_lore4_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_lore4_teml_t check readonly group_lore4"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore4_teml_e check readonly group_lore4"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore4_teml_m check readonly group_lore4"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_lore4_teml_l check readonly group_lore4"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_lore4_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Medicine</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_medicine_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_medicine_teml_t check readonly group_medicine"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_medicine_teml_e check readonly group_medicine"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_medicine_teml_m check readonly group_medicine"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_medicine_teml_l check readonly group_medicine"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_medicine_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Nature</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_nature_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_nature_teml_t check readonly group_nature"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_nature_teml_e check readonly group_nature"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_nature_teml_m check readonly group_nature"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_nature_teml_l check readonly group_nature"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_nature_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Occultism</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_occultism_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_occultism_teml_t check readonly group_occultism"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_occultism_teml_e check readonly group_occultism"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_occultism_teml_m check readonly group_occultism"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_occultism_teml_l check readonly group_occultism"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_occultism_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Performance</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_performance_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Cha</div>
						<div class="include-box">
							<div class="dsf dsf_cha_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_performance_teml_t check readonly group_performance"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_performance_teml_e check readonly group_performance"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_performance_teml_m check readonly group_performance"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_performance_teml_l check readonly group_performance"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_performance_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Religion</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_religion_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_religion_teml_t check readonly group_religion"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_religion_teml_e check readonly group_religion"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_religion_teml_m check readonly group_religion"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_religion_teml_l check readonly group_religion"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_religion_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Society</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_society_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Int</div>
						<div class="include-box">
							<div class="dsf dsf_int_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_society_teml_t check readonly group_society"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_society_teml_e check readonly group_society"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_society_teml_m check readonly group_society"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_society_teml_l check readonly group_society"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_society_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Stealth</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_stealth_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Dex</div>
						<div class="include-box">
							<div class="dsf dsf_dex_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_stealth_teml_t check readonly group_stealth"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_stealth_teml_e check readonly group_stealth"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_stealth_teml_m check readonly group_stealth"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_stealth_teml_l check readonly group_stealth"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_stealth_item singlerow"></span>
						</div>
					</div>
					<div class="skill-armor value-include">
						<div class="include-label">Armor</div>
						<div class="include-box">
							<span class="dsf dsf_stealth_armor singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Survival</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_survival_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Wis</div>
						<div class="include-box">
							<div class="dsf dsf_wis_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_survival_teml_t check readonly group_survival"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_survival_teml_e check readonly group_survival"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_survival_teml_m check readonly group_survival"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_survival_teml_l check readonly group_survival"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_survival_item singlerow"></span>
						</div>
					</div>
				</div>
				<div class="skill-grid">
					<div class="grey-back"></div>
					<div class="save-label">Thievery</div>
					<div class="skill-total value-total">
						<div class="dsf dsf_thievery_total readonly"></div>
					</div>
					<div class="skill-ability value-include">
						<div class="include-label">Dex</div>
						<div class="include-box">
							<div class="dsf dsf_dex_mod readonly"></div>
						</div>
					</div>
					<div class="skill-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_thievery_teml_t check readonly group_thievery"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_thievery_teml_e check readonly group_thievery"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_thievery_teml_m check readonly group_thievery"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_thievery_teml_l check readonly group_thievery"></span>
						</div>
					</div>
					<div class="skill-item value-include">
						<div class="include-label">Item</div>
						<div class="include-box">
							<span class="dsf dsf_thievery_item singlerow"></span>
						</div>
					</div>
					<div class="skill-armor value-include">
						<div class="include-label">Armor</div>
						<div class="include-box">
							<span class="dsf dsf_thievery_armor singlerow"></span>
						</div>
					</div>
				</div>
			
			</div>
		</div>
		<div><!-- ATTACKS -->
			<div class="area-header">Melee & Ranged Strikes</div>
			<div class="sheet-notes-2">
				<span>List Control: Attacks</span>
				<span class="interface trash"></span>
				<span class="interface add addto_attacks" title="Add an Attack"></span>
			</div>
			<ul class="group list list_attacks">
				<li class="proto item">
					<div class="attack-container">
						<div class="handle"><div></div></div>
						<div class="handle-space"></div>
						<div class="attack-name">
							<div class="action-label">Name</div>
							<div class="edit dslf dslf_attack_name"></div>
						</div>
						<div class="attack-row">
							<div class="input">
								<div class="input-label">Attack</div>
								<div class="edit dslf dslf_attack_attack"></div>
							</div>
							<div class="input">
								<div class="input-label">Damage</div>
								<div class="edit dslf dslf_attack_damage"></div>
							</div>
							<div class="attack-type">
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_melee checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">M<span class="full-word">elee</span></div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_ranged checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">R<span class="full-word">anged</span></div>
							</div>
							<div class="input">
								<div class="input-label">Group</div>
								<div class="edit dslf dslf_attack_group"></div>
							</div>
							<div class="input">
								<div class="input-label">Range</div>
								<div class="edit dslf dslf_attack_range"></div>
							</div>
							<div class="damage-type">
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_bludgeoning checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">B</div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_piercing checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">P</div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_slashing checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">S</div>
							</div>
							<div class="input">
								<div class="input-label">Ammo</div>
								<div class="edit dslf dslf_attack_ammo"></div>
							</div>
							<div class="input">
								<div class="input-label">Reload</div>
								<div class="edit dslf dslf_attack_reload"></div>
							</div>
							<div class="attack-hands">
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_1hand checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">1 Hand</div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_attack_2hand checkbox readonly check"></span>
								</div>
								<div class="checkbox-label">2 Hands</div>
							</div>
						</div>
						<div class="input attack-traits">
							<div class="input-label">Traits</div>
							<div class="edit dslf dslf_attack_traits"></div>
						</div>
					</div>
				</li>
				<span class="oldfields hidden">[{"attack_name":"attack_name","attack_attack":"attack_attack","attack_melee":"attack_melee","attack_ranged":"attack_ranged","attack_damage":"attack_damage","attack_bludgeoning":"attack_bludgeoning","attack_piercing":"attack_piercing","attack_slashing":"attack_slashing","attack_group":"attack_group","attack_1hand":"attack_1hand","attack_2hand":"attack_2hand","attack_range":"attack_range","attack_ammo":"attack_ammo","attack_reload":"attack_reload","attack_traits":"attack_traits"}]</span>
				<span class="dsf dsf_attacks readonly hidden"></span>
			</ul>
		</div>
	</div>
	<div class="page page-2" style="display:none"><!-- FEATS -->
		<div class="grid-2">
			<div class="one-column">
				<div class="area-header">Ancestral Feats and Abilities</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_1 singlerow"></span>
					<div class="entry-label">Special 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_2 singlerow"></span>
					<div class="entry-label">Heritage 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_3 singlerow"></span>
					<div class="entry-label">Feat 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_4 singlerow"></span>
					<div class="entry-label">Feat 5th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_5 singlerow"></span>
					<div class="entry-label">Feat 9th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_6 singlerow"></span>
					<div class="entry-label">Feat 13th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_ancestry_feats_7 singlerow"></span>
					<div class="entry-label">Feat 17th</div>
				</div>
				<div class="area-header">Skill Feats</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_1 singlerow"></span>
					<div class="entry-label">Background</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_2 singlerow"></span>
					<div class="entry-label">2nd</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_3 singlerow"></span>
					<div class="entry-label">4th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_4 singlerow"></span>
					<div class="entry-label">6th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_5 singlerow"></span>
					<div class="entry-label">8th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_6 singlerow"></span>
					<div class="entry-label">10th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_7 singlerow"></span>
					<div class="entry-label">12th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_8 singlerow"></span>
					<div class="entry-label">14th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_9 singlerow"></span>
					<div class="entry-label">16th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_10 singlerow"></span>
					<div class="entry-label">18th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_skill_feats_11 singlerow"></span>
					<div class="entry-label">20th</div>
				</div>
				<div class="area-header">General Feats</div>
				<div class="entry">
					<span class="dsf dsf_general_feats_1 singlerow"></span>
					<div class="entry-label">3rd</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_general_feats_2 singlerow"></span>
					<div class="entry-label">7th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_general_feats_3 singlerow"></span>
					<div class="entry-label">11th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_general_feats_4 singlerow"></span>
					<div class="entry-label">15th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_general_feats_5 singlerow"></span>
					<div class="entry-label">19th</div>
				</div>
			</div>
			<div class="one-column">
				<div class="area-header">Class Feats and Abilities</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_1 singlerow"></span>
					<div class="entry-label">Feature 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_2 singlerow"></span>
					<div class="entry-label">Feature 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_3 singlerow"></span>
					<div class="entry-label">Feat 1st</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_4 singlerow"></span>
					<div class="entry-label">Feat 2nd</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_5 singlerow"></span>
					<div class="entry-label">Feature 3rd</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_6 singlerow"></span>
					<div class="entry-label">Feat 4th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_7 singlerow"></span>
					<div class="entry-label">Feature 5th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_8 singlerow"></span>
					<div class="entry-label">Feat 6th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_9 singlerow"></span>
					<div class="entry-label">Feature 7th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_10 singlerow"></span>
					<div class="entry-label">Feat 8th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_11 singlerow"></span>
					<div class="entry-label">Feature 9th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_12 singlerow"></span>
					<div class="entry-label">Feat 10th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_13 singlerow"></span>
					<div class="entry-label">Feature 11th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_14 singlerow"></span>
					<div class="entry-label">Feat 12th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_15 singlerow"></span>
					<div class="entry-label">Feature 13th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_16 singlerow"></span>
					<div class="entry-label">Feat 14th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_17 singlerow"></span>
					<div class="entry-label">Feature 15th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_18 singlerow"></span>
					<div class="entry-label">Feat 16th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_19 singlerow"></span>
					<div class="entry-label">Feature 17th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_20 singlerow"></span>
					<div class="entry-label">Feat 18th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_21 singlerow"></span>
					<div class="entry-label">Feature 19th</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_class_feats_22 singlerow"></span>
					<div class="entry-label">Feat 20th</div>
				</div>
				<div class="area-header">Bonus Feats</div>
				<div class="entry">
					<span class="dsf dsf_bonus_feats_1 singlerow"></span>
					<div class="entry-label">Bonus</div>
				</div>
				<div class="entry">
					<span class="dsf dsf_bonus_feats_2 singlerow"></span>
					<div class="entry-label">Bonus</div>
				</div>
			</div>
		</div>
	</div>
	<div class="page page-3" style="display:none"><!-- ACTIONS -->
		<div class="grid-2">
			<div><!-- ACTIONS AND ACTIVITIES -->
				<div class="area-header">Actions and Activities</div>
				<div class="sheet-notes-2">
					<span>List Control: Actions</span>
					<span class="interface trash"></span>
					<span class="interface add addto_actions" title="Add Action or Activity"></span>
				</div>
				<ul class="group list list_actions">
					<li class="proto item">
						<div class="action-container">
							<div class="handle"><div></div></div>
							<div class="handle-space"></div>
							<div class="action-label">Name</div>
							<div class="edit dslf dslf_action_name"></div>
							<div class="action-icons">
								<div class="action-checkbox">
									<span class="edit dslf dslf_action_one checkbox readonly check"></span>
								</div>
								<div class="one-action"></div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_action_two checkbox readonly check"></span>
								</div>
								<div class="two-action"></div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_action_three checkbox readonly check"></span>
								</div>
								<div class="three-action"></div>
							</div>
							<div class="input action-traits">
								<div class="input-label">Traits</div>
								<div class="edit dslf dslf_action_traits"></div>
							</div>
							<div class="input action-page">
								<div class="input-label">Book & Page</div>
								<div class="edit dslf dslf_action_page"></div>
							</div>
							<div class="input action-description">
								<div class="input-label">Description</div>
								<div class="edit dslf dslf_action_description"></div>
							</div>
						</div>
					</li>
					<span class="oldfields hidden">[{"action":"action_name","action_one":"action_one", "action_two":"action_two","action_three":"action_three","action_traits":"action_traits","action_page":"action_page","action_description":"action_description"}]</span>
					<span class="dsf dsf_actions readonly hidden"></span>
				</ul>
			</div>
			<div><!-- FREE ACTIONS AND REACTIONS -->
				<div class="area-header">Free Actions and Reactions</div>
				<div class="sheet-notes-2">
					<span>List Control: Reactions</span>
					<span class="interface trash"></span>
					<span class="interface add addto_reactions" title="Add Reaction or Free Action"></span>
				</div>
				<ul class="group list list_reactions">
					<li class="proto item">
						<div class="action-container">
							<div class="handle"><div></div></div>
							<div class="handle-space"></div>
							<div class="action-label">Name</div>
							<div class="edit dslf dslf_reaction_name"></div>
							<div class="action-icons">
								<div class="action-checkbox">
									<span class="edit dslf dslf_reaction_free checkbox readonly check"></span>
								</div>
								<div class="free-action"></div>
								<div class="action-checkbox">
									<span class="edit dslf dslf_reaction_reaction checkbox readonly check"></span>
								</div>
								<div class="reaction"></div>
								<div class="action-checkbox"></div>
								<div></div>
							</div>
							<div class="input action-traits">
								<div class="input-label">Traits</div>
								<div class="edit dslf dslf_reaction_traits"></div>
							</div>
							<div class="input action-page">
								<div class="input-label">Book & Page</div>
								<div class="edit dslf dslf_reaction_page"></div>
							</div>
							<div class="input action-description">
								<div class="input-label">Description & Trigger</div>
								<div class="edit dslf dslf_reaction_description"></div>
							</div>
						</div>
					</li>
					<span class="oldfields hidden">[{"reaction":"reaction_name","reaction_free":"reaction_free", "reaction_reaction":"reaction_reaction","reaction_traits":"reaction_traits","reaction_page":"reaction_page","reaction_description":"reaction_description"}]</span>
					<span class="dsf dsf_reactions readonly hidden"></span>
				</ul>
			</div>
		</div>
	</div>
	<div class="page page-4" style="display:none"><!-- SPELLS -->
		<div class="grid-3"><!-- SPELL ATTACK, SPELL DC, & FOCUS POINTS -->
			<div><!-- FOCUS POINTS -->
				<div class="area-header">Focus Points</div>
				<div class="focus-points-grid">
					<div class="grey-back"></div>
					<div class="save-label">Focus Pool</div>
					<div class="focus-current value-include">
						<div class="include-label">Curr.</div>
						<div class="include-box">
							<span class="dsf dsf_focus_current singlerow"></span>
						</div>
					</div>
					<div class="focus-maximum value-include">
						<div class="include-label">Max</div>
						<div class="include-box">
							<span class="dsf dsf_focus_maximum singlerow"></span>
						</div>
					</div>
				</div>
				<div class="input magic-notes">
					<div class="input-label">Source</div>
					<span class="dsf dsf_focus_source"></span>
				</div>
			</div>
			<div><!-- SPELL ATTACK -->
				<div class="area-header">Spell Attack Roll</div>
				<div class="spell-attack-grid">
					<div class="grey-back"></div>
					<div class="dc-total value-total">
						<div class="dsf dsf_spell_attack_total readonly"></div>
					</div>
					<div class="dc-key value-include">
						<div class="include-label">Key</div>
						<div class="include-box">
							<div class="dsf dsf_spell_attack_key readonly"></div>
						</div>
					</div>
					<div class="dc-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_attack_teml_t check readonly group_spell_attack"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_attack_teml_e check readonly group_spell_attack"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_attack_teml_m check readonly group_spell_attack"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_attack_teml_l check readonly group_spell_attack"></span>
						</div>
					</div>
				</div>
				<div class="input magic-notes">
					<div class="input-label">Notes</div>
					<span class="dsf dsf_spell_attack_notes"></span>
				</div>
			</div>
			<div><!-- SPELL DC -->
				<div class="area-header">Spell DC</div>
				<div class="spell-dc-grid">
					<div class="grey-back"></div>
					<div class="dc-total value-total">
						<div class="dsf dsf_spell_dc_total readonly"></div>
					</div>
					<div class="dc-base value-include">
						<div class="include-label">Base</div>
						<div class="include-box">10</div>
					</div>
					<div class="dc-key value-include">
						<div class="include-label">Key</div>
						<div class="include-box">
							<div class="dsf dsf_spell_dc_key readonly"></div>
						</div>
					</div>
					<div class="dc-teml value-teml">
						<div class="include-label">T</div>
						<div class="include-label">E</div>
						<div class="include-label">M</div>
						<div class="include-label">L</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_dc_teml_t check readonly group_spell_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_dc_teml_e check readonly group_spell_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_dc_teml_m check readonly group_spell_dc"></span>
						</div>
						<div class="check-hold">
							<span class="dsf dsf_spell_dc_teml_l check readonly group_spell_dc"></span>
						</div>
					</div>
				</div>
				<div class="input magic-notes">
					<div class="input-label">Notes</div>
					<span class="dsf dsf_spell_dc_notes"></span>
				</div>
			</div>
		</div>
		<div class="grid-1"><!-- MAGIC TRADITION & SLOTS PER DAY -->
			<div><!-- MAGICAL TRADITION -->
				<div class="area-header">Magical Tradition</div>
				<div class="magic-tradition-grid">
					<div class="background-image"></div>
					<div class="tradition-grid tradition-arcane">
						<div class="tradition-label">Arcane</div>
						<div class="dsf dsf_tradition_arcane check readonly group_tradition"></div>
					</div>
					<div class="tradition-grid2 tradition-occult">
						<div class="dsf dsf_tradition_occult check readonly group_tradition"></div>
						<div class="tradition-label">Occult</div>
					</div>
					<div class="tradition-grid tradition-primal">
						<div class="tradition-label">Primal</div>
						<div class="dsf dsf_tradition_primal check readonly group_tradition"></div>
					</div>
					<div class="tradition-grid2 tradition-divine">
						<div class="dsf dsf_tradition_divine check readonly group_tradition"></div>
						<div class="tradition-label">Divine</div>
					</div>
					<div class="tradition-prepared">
						<span class="dsf dsf_tradition_prepared check readonly group_tradition_type"></span>
						<div class="spell-type-label">Prepared</div>
					</div>
					<div class="tradition-spontaneous">
						<span class="dsf dsf_tradition_spontaneous check readonly group_tradition_type"></span>
						<div class="spell-type-label">Spontaneous</div>
					</div>
				</div>
			</div>
			<div><!-- SPELL SLOTS PER DAY -->
				<div class="area-header">Spell Slots Per Day</div>
				<div class="spell-slots-grid">
					<div class="spell-slot-box">
						<div class="spells-per-day-label2">Cantrip Level</div>
						<span class="dsf dsf_cantrip_level"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_1 singlerow"></span>
						<div class="spells-per-day-label">1</div>
						<span class="dsf dsf_spont_spells_per_day_1 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_2 singlerow"></span>
						<div class="spells-per-day-label">2</div>
						<span class="dsf dsf_spont_spells_per_day_2 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_3 singlerow"></span>
						<div class="spells-per-day-label">3</div>
						<span class="dsf dsf_spont_spells_per_day_3 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_4 singlerow"></span>
						<div class="spells-per-day-label">4</div>
						<span class="dsf dsf_spont_spells_per_day_4 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_5 singlerow"></span>
						<div class="spells-per-day-label">5</div>
						<span class="dsf dsf_spont_spells_per_day_5 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_6 singlerow"></span>
						<div class="spells-per-day-label">6</div>
						<span class="dsf dsf_spont_spells_per_day_6 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_7 singlerow"></span>
						<div class="spells-per-day-label">7</div>
						<span class="dsf dsf_spont_spells_per_day_7 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_8 singlerow"></span>
						<div class="spells-per-day-label">8</div>
						<span class="dsf dsf_spont_spells_per_day_8 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_9 singlerow"></span>
						<div class="spells-per-day-label">9</div>
						<span class="dsf dsf_spont_spells_per_day_9 singlerow"></span>
					</div>
					<div class="spell-slot-box">
						<span class="dsf dsf_spells_per_day_10 singlerow"></span>
						<div class="spells-per-day-label">10</div>
						<span class="dsf dsf_spont_spells_per_day_10 singlerow"></span>
					</div>
				</div>
				<div class="spell-slot-note">
					Spontaneous Spell Slots Remaining
				</div>
			</div>
		</div>
		<div class="area-header">Spells</div><!-- SPELLS -->
		<div class="sheet-notes-2">
			<span>List Control: Spells</span>
			<span class="interface trash"></span>
			<span class="interface add addto_spells" title="Add a Spell"></span>
		</div>
		<ul class="group list list_spells">
			<li class="proto item">
				<div class="spell-container">
					<div class="handle"><div></div></div>
					<div class="handle-space"></div>
					<div class="spell-name">
						<div class="action-label">Name</div>
						<div class="edit dslf dslf_spell_name"></div>
					</div>
					<div class="spell-type">
						<span class="edit dslf dslf_spell_type_innate checkbox readonly check"></span>
						<div class="innate-label checkbox-label">Innate</div>
						<span class="edit dslf dslf_spell_type_focus checkbox readonly check"></span>
						<div class="focus-label checkbox-label">Focus</div>
					</div>
					<div class="action-icons">
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_action_one checkbox readonly check"></span>
						</div>
						<div class="one-action"></div>
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_action_two checkbox readonly check"></span>
						</div>
						<div class="two-action"></div>
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_action_three checkbox readonly check"></span>
						</div>
						<div class="three-action"></div>
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_reaction_free checkbox readonly check"></span>
						</div>
						<div class="free-action"></div>
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_reaction_reaction checkbox readonly check"></span>
						</div>
						<div class="reaction"></div>
						<div class="action-checkbox">
							<span class="edit dslf dslf_spell_action_long checkbox readonly check"></span>
						</div>
						<div>
							<div class="edit dslf dslf_spell_action_long_value"></div>
						</div>
					</div>
					<div class="spell-two-column">
						<div class="input spell-level">
							<div class="input-label">Level</div>
							<div class="edit dslf dslf_spell_level"></div>
						</div>
						<div class="input spell-prepared">
							<div class="input-label">Prep/Freq</div>
							<div class="edit dslf dslf_spell_prepared"></div>
						</div>
					</div>
					<div class="spell-mismatch-column">
						<div class="spell-components">
							<div class="spell-type-check">
								<span class="edit dslf dslf_spell_component_verbal checkbox readonly check"></span>
							</div>
							<div class="spell-verbal-label">V</div>
							<div class="spell-type-check">
								<span class="edit dslf dslf_spell_component_somantic checkbox readonly check"></span>
							</div>
							<div class="spell-somantic-label">S</div>
							<div class="spell-type-check">
								<span class="edit dslf dslf_spell_component_material checkbox readonly check"></span>
							</div>
							<div class="spell-material-label">M</div>
							<div class="spell-type-check">
								<span class="edit dslf dslf_spell_component_foci checkbox readonly check"></span>
							</div>
							<div class="spell-foci-label">F</div>
						</div>
						<div class="input spell-reference">
							<div class="input-label">Book & Page</div>
							<div class="edit dslf dslf_spell_reference"></div>
						</div>
					</div>
					<div class="input spell-traits">
						<div class="input-label">Traits</div>
						<div class="edit dslf dslf_spell_traits"></div>
					</div>
					<div class="input spell-description">
						<div class="input-label">Description</div>
						<div class="edit dslf dslf_spell_description"></div>
					</div>
				</div>
			</li>
			<span class="oldfields hidden">[{"spell_name":"spell_name","spell_type_innate":"spell_type_innate","spell_type_focus":"spell_type_focus","spell_action_one":"spell_action_one","spell_action_two":"spell_action_two","spell_action_three":"spell_action_three","spell_reaction_free":"spell_reaction_free","spell_reaction_reaction":"spell_reaction_reaction","spell_action_long":"spell_action_long","spell_action_long_value":"spell_action_long_value","spell_level":"spell_level","spell_prepared":"spell_prepared","spell_component_verbal":"spell_component_verbal","spell_component_somantic":"spell_component_somantic","spell_component_material":"spell_component_material","spell_component_foci":"spell_component_foci","spell_reference":"spell_reference","spell_traits":"spell_traits","spell_description":"spell_description"}]</span>
			<span class="dsf dsf_spells readonly hidden"></span>
		</ul>
	</div>
	<div class="page page-5" style="display:none"><!-- INVENTORY -->
		<div class="grid-3">
		<div><!-- ENCUMBRANCE -->
				<div class="area-header">Encumbrance</div>
				<div class="encumb-container">
					<div class="input2 bulk-total">
						<span class="dsf dsf_bulk readonly singlerow"></span>
						<div class="input-label">Bulk</div>
					</div>
					<div class="grey-back"></div>
					<div class="save-label">Max.</div>
					<div class="value-total">
						<div class="dsf dsf_maximum readonly"></div>
					</div>
					<div class="value-include encumbered-max-base">
						<div class="include-label">Base</div>
						<div class="include-box">10</div>
					</div>
					<div class="value-include encumbered-max-str">
						<div class="include-label">Str</div>
						<div class="include-box">
							<div class="dsf dsf_str_mod readonly"></div>
						</div>
					</div>
				</div>
				<div class="encumbrance-grid">
					<div class="grey-back"></div>
					<div class="save-label encumbered-label">Encumbered</div>
					<div class="value-total encumbered-total">
						<div class="dsf dsf_encumbered readonly"></div>
					</div>
					<div class="value-include encumbered-base">
						<div class="include-label">Base</div>
						<div class="include-box">5</div>
					</div>
					<div class="value-include encumbered-str">
						<div class="include-label">Str</div>
						<div class="include-box">
							<div class="dsf dsf_str_mod readonly"></div>
						</div>
					</div>
				</div>
			</div>
			<div><!-- SUPPLIES -->
				<div class="area-header">Supplies</div>
				<div class="supplies-grid">
					<div class="grey-back"></div>
					<div class="save-label">Days Left</div>
					<div class="value-include value-water">
						<div class="include-label">Water</div>
						<div class="include-box">
							<span class="dsf dsf_water_days singlerow"></span>
						</div>
					</div>
					<div class="value-include value-food">
						<div class="include-label">Food</div>
						<div class="include-box">
							<span class="dsf dsf_food_days singlerow"></span>
						</div>
					</div>
				</div>
				<div class="grid-4-small">
					<div class="input2">
						<span class="dsf dsf_rope_feet singlerow"></span>
						<div class="input-label">Rope (ft)</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_torches singlerow"></span>
						<div class="input-label">Torches</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_candles singlerow"></span>
						<div class="input-label">Candles</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_oil singlerow"></span>
						<div class="input-label">Oil (pt)</div>
					</div>
				</div>
			</div>
			<div><!-- CURRENCY -->
				<div class="area-header">Currency</div>
				<div class="currency-grid">
					<div class="input2">
						<span class="dsf dsf_currency_cp singlerow"></span>
						<div class="input-label">CP</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_currency_sp singlerow"></span>
						<div class="input-label">SP</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_currency_gp singlerow"></span>
						<div class="input-label">GP</div>
					</div>
					<div class="input2">
						<span class="dsf dsf_currency_pp singlerow"></span>
						<div class="input-label">PP</div>
					</div>
				</div>
				<div class="input currency-notes">
					<div class="input-label">Notes</div>
					<span class="dsf dsf_currency_notes singlerow"></span>
				</div>
			</div>
		</div>
		<div class="grid-2">
			<div><!-- CONSUMABLES -->
				<div class="area-header">Consumables</div>
				<div class="big-input">
					<div class="consumables-grid">
						<div class="input-label">Item</div>
						<div class="input-label">Qty</div>
						<div class="input-label">Bulk</div>
					</div>
					<div class="sheet-notes-2">
						<span>List Control: Consumables</span>
						<span class="interface trash inventory_trash"></span>
						<span class="interface add addto_consumables" title="Add a Consumable"></span>
					</div>
					<ul class="group list list_consumables">
						<li class="proto item">
							<div class="one-consumable">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_consumable_name"></div>
								<div class="edit dslf dslf_consumable_qty"></div>
								<div class="edit dslf dslf_consumable_bulk"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"consumable_name":"consumable_name","consumable_qty":"consumable_qty","consumable_bulk":"consumable_bulk"}]</span>
						<span class="dsf dsf_consumables readonly hidden"></span>
					</ul>
				</div>
			</div>
			<div><!-- GEMS & ART OBJECTS -->
				<div class="area-header">Gems & Art Objects</div>
				<div class="big-input">
					<div class="gems-grid">
						<div class="input-label">Item</div>
						<div class="input-label">Price</div>
						<div class="input-label">Bulk</div>
					</div>
					<div class="sheet-notes-2">
						<span>List Control: Gems & Art</span>
						<span class="interface trash inventory_trash"></span>
						<span class="interface add addto_gems" title="Add a Gem or Art Item"></span>
					</div>
					<ul class="group list list_gems">
						<li class="proto item">
							<div class="one-gem">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_gem_name"></div>
								<div class="edit dslf dslf_gem_price"></div>
								<div class="edit dslf dslf_gem_bulk"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"gem_name":"gem_name","gem_price":"gem_price","gem_bulk":"gem_bulk"}]</span>
						<span class="dsf dsf_gems readonly hidden"></span>
					</ul>
				</div>
			</div>
		</div>
		<div class="area-header">Permanent Items</div>
		<div class="sheet-notes-2"><!-- PERMANENT ITEMS -->
			<span>List Control: Inventory</span>
			<span class="interface trash inventory_trash"></span>
			<span class="interface add addto_inventory" title="Add Inventory Item"></span>
		</div>
		<ul class="group list list_inventory">
			<li class="proto item">
				<div class="inventory-container">
					<div class="handle"><div></div></div>
					<div class="handle-space"></div>
					<div class="item-name">
						<div class="action-label">Name</div>
						<div class="edit dslf dslf_item_name"></div>
					</div>
					<div class="item-details">
						<div class="input">
							<div class="input-label">Qty</div>
							<div class="edit dslf dslf_inventory_quantity"></div>
						</div>
						<div class="input">
							<div class="input-label">Bulk</div>
							<div class="edit dslf dslf_inventory_bulk"></div>
						</div>
						<div class="inventory-slot">
							<div class="action-checkbox">
								<span class="edit dslf dslf_inventory_worn checkbox readonly check"></span>
							</div>
							<div class="checkbox-label">Worn</div>
							<div class="action-checkbox">
								<span class="edit dslf dslf_inventory_readied checkbox readonly check"></span>
							</div>
							<div class="checkbox-label">Readied</div>
							<div class="action-checkbox">
								<span class="edit dslf dslf_inventory_other checkbox readonly check"></span>
							</div>
							<div class="checkbox-label">Other</div>
						</div>
						<div class="inventory-invest">
							<div class="action-checkbox">
								<span class="edit dslf dslf_inventory_invest checkbox readonly check"></span>
							</div>
							<div class="checkbox-label">Invest</div>
							<div class="edit dslf dslf_inventory_invest_number"></div>
							<div class="checkbox-label">of 10</div>
						</div>
					</div>
					<div class="input item-description">
						<div class="input-label">Notes / Description</div>
						<div class="edit dslf dslf_item_description"></div>
					</div>
				</div>
			</li>
			<span class="oldfields hidden">[{"item_name":"item_name","inventory_quantity":"inventory_quantity","inventory_bulk":"inventory_bulk","inventory_worn":"inventory_worn","inventory_readied":"inventory_readied","inventory_other":"inventory_other","inventory_invest":"inventory_invest","inventory_invest_number":"inventory_invest_number","item_description":"item_description"}]</span>
			<span class="dsf dsf_inventory readonly hidden"></span>
		</ul>
	</div>
	<div class="page page-6" style="display:none"><!-- ABOUT -->
		<div class="grid-4">
			<div><!-- PERSONALITY -->
				<div class="area-header">Personality</div>
				<div class="personality">
					<div class="input">
						<div class="input-label">Attitude</div>
						<span class="dsf dsf_attitude singlerow"></span>
					</div>
					<div class="input">
						<div class="input-label">Beliefs</div>
						<span class="dsf dsf_beliefs singlerow"></span>
					</div>
					<div class="input">
						<div class="input-label">Likes</div>
						<span class="dsf dsf_likes singlerow"></span>
					</div>
					<div class="input">
						<div class="input-label">Dislikes</div>
						<span class="dsf dsf_dislikes singlerow"></span>
					</div>
					<div class="input">
						<div class="input-label">Catchphrases</div>
						<span class="dsf dsf_catchphrases singlerow"></span>
					</div>
				</div>
			</div>
			<div><!-- PHYSICAL DETAILS -->
				<div class="area-header">Physical Details</div>
				<div class="physical-details-grid">
					<div class="input ethnicity">
						<div class="input-label">Ethnicity</div>
						<span class="dsf dsf_ethnicity singlerow"></span>
					</div>
					<div class="input nationality">
						<div class="input-label">Nationality</div>
						<span class="dsf dsf_nationality singlerow"></span>
					</div>
					<div class="input birthplace">
						<div class="input-label">Birthplace</div>
						<span class="dsf dsf_birthplace singlerow"></span>
					</div>
					<div class="input height">
						<div class="input-label">Height</div>
						<span class="dsf dsf_height singlerow"></span>
					</div>
					<div class="input weight">
						<div class="input-label">Weight</div>
						<span class="dsf dsf_weight singlerow"></span>
					</div>
					<div class="input age">
						<div class="input-label">Age</div>
						<span class="dsf dsf_age singlerow"></span>
					</div>
					<div class="input sex">
						<div class="input-label">Sex or Gender</div>
						<span class="dsf dsf_gender singlerow"></span>
					</div>
				</div>
			</div>
		</div>
		<div class="area-header">Campaign Notes</div>
		<div class="grid-2"><!-- CAMPAIGN NOTES -->
			<div class="one-column">
				<div class="big-input">
					<div class="npc-label-grid">
						<div class="input-label">Allies</div>
						<div class="input-label">Location</div>
					</div>
					<div class="sheet-notes-2">
						<span>List Control: Allies</span>
						<span class="interface trash"></span>
						<span class="interface add addto_npc_allies" title="Add an Ally"></span>
					</div>
					<ul class="group list list_npc_allies">
						<li class="proto item">
							<div class="one-npc-grid">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_ally_name"></div>
								<div class="edit dslf dslf_ally_location"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"ally_name":"ally_name","ally_location":"ally_location"}]</span>
						<span class="dsf dsf_npc_allies readonly hidden"></span>
					</ul>
				</div>
				<div class="big-input">
					<div class="npc-label-grid">
						<div class="input-label">Organizations</div>
						<div class="input-label">Location</div>
					</div>
					<div class="sheet-notes-2">
						<span>List Control: Organizations</span>
						<span class="interface trash"></span>
						<span class="interface add addto_npc_organizations" title="Add an Organization"></span>
					</div>
					<ul class="group list list_npc_organizations">
						<li class="proto item">
							<div class="one-npc-grid">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_organization_name"></div>
								<div class="edit dslf dslf_organization_location"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"organization_name":"organization_name","organization_location":"organization_location"}]</span>
						<span class="dsf dsf_npc_organizations readonly hidden"></span>
					</ul>
				</div>
			</div>
			<div class="one-column">
				<div class="big-input">
					<div class="npc-label-grid">
						<div class="input-label">Enemies</div>
						<div class="input-label">Location</div>
					</div>
					<div class="sheet-notes-2">
						<span>List Control: Enemies</span>
						<span class="interface trash"></span>
						<span class="interface add addto_npc_enemies" title="Add an Enemy"></span>
					</div>
					<ul class="group list list_npc_enemies">
						<li class="proto item">
							<div class="one-npc-grid">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_enemy_name"></div>
								<div class="edit dslf dslf_enemy_location"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"enemy_name":"enemy_name","enemy_location":"enemy_location"}]</span>
						<span class="dsf dsf_npc_enemies readonly hidden"></span>
					</ul>
				</div>
				<div class="big-input">
					<div class="input-label">Notes/Other</div>
					<div class="sheet-notes-2">
						<span>List Control: Notes/Other</span>
						<span class="interface trash"></span>
						<span class="interface add addto_npc_notes" title="Add a Note or Other"></span>
					</div>
					<ul class="group list list_npc_notes">
						<li class="proto item">
							<div class="npc-name-container">
								<div class="handle"><div></div></div>
								<div class="handle-space"></div>
								<div class="edit dslf dslf_note_name"></div>
							</div>
						</li>
						<span class="oldfields hidden">[{"note_name":"note_name"}]</span>
						<span class="dsf dsf_npc_notes readonly hidden"></span>
					</ul>
				</div>
			</div>
		</div>
		<div><!-- APPEARANCE & BIO -->
			<div class="area-header">Appearance</div>
			<span class="dsf dsf_appearance"></span>
			<div class="area-header">Character Biography</div>
			<div class="sheet-notes">
				Please use the Biography textfield below to insert the character's biography.
			</div>
			<div class="dsf dsf_bio"></div>
		</div>
	</div>
	<div class="footer"><!-- FOOTER -->
		<div class="dsf dsf_campaign readonly"></div>
		- A Pathfinder 2nd Edition Campaign
		<br>
		Character Sheet Template by:
		<div class="dsf dsf_dst_author readonly"></div>
	</div>
</div>

CSS

@import url(https://chainsawxiv.github.io/DST/common/css/csx_pathfinder_common.css);
.ds_kallak_PF2e .sheet-container {
	background-color: white;
	width: 100%;
}
/* SHEET NOTES */
.ds_kallak_PF2e .sheet-notes {
	display:none;
	border:1px solid red;
	border-radius:6px;
	box-shadow:3px 3px 3px #cccccc;
	text-align:center;
	font-size:16px;
	font-style:italic;
	margin-bottom:10px;
	font-variant: small-caps;
	padding: 0px 4px;
}
.ds_kallak_PF2e .sheet-notes-2 {
	display:none;
	border:1px solid red;
	border-radius: 3px;
	box-shadow:1px 1px 1px #cccccc;
	text-align:center;
	font-size:14px;
	font-style:italic;
	font-variant: small-caps;
	margin-bottom:6px;
	height:20px;
	line-height: 17px;
	padding-top:3px;
}
.ds_kallak_PF2e.editable .sheet-notes,
.ds_kallak_PF2e.editable .sheet-notes-2 {
	display: block;
}
/* GRID STRUCTURES */
.ds_kallak_PF2e .grid-1 {
	display: grid;
	grid-template-columns: calc(33.33% - 3px) calc(66.66% - 2px);
	grid-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .grid-2 {
	display: grid;
	grid-template-columns: calc(50% - 3px) calc(50% - 3px);
	grid-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .grid-3 {
	display: grid;
	grid-template-columns: calc(33.33% - 3px) calc(33.33% - 4px) calc(33.33% - 4px);
	grid-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .grid-4 {
	display: grid;
	grid-template-columns: calc(66.66% - 1px) calc(33.33% - 4px);
	grid-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .grid-tabs {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin-bottom: 6px;
}
.ds_kallak_PF2e .one-column {
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 6px;
	align-content: start;
}
.ds_kallak_PF2e .grid-4-small {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3px;
}
/* TABS SETUP */
.ds_kallak_PF2e .tab {
	cursor: pointer;
	text-align: center;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: black;
	border-radius: 6px 6px 0px 0px;
	font-size: 18px;
	font-variant: small-caps;
}
.ds_kallak_PF2e .tab-1 {
}
.ds_kallak_PF2e .tab-2,
.ds_kallak_PF2e .tab-3,
.ds_kallak_PF2e .tab-4,
.ds_kallak_PF2e .tab-5,
.ds_kallak_PF2e .tab-6 {
	background-color: #cccccc;
	border-bottom: 1px solid black;
}
/* PAGE SETUP */
.ds_kallak_PF2e .page-1 {
}
.ds_kallak_PF2e .page-2,
.ds_kallak_PF2e .page-3,
.ds_kallak_PF2e .page-4,
.ds_kallak_PF2e .page-5,
.ds_kallak_PF2e .page-6 {
	display: none;
}
/* CHARACTER PORTRAIT */
.ds_kallak_PF2e .portrait {
	align-self: end;
}
/* XP */
.ds_kallak_PF2e .xp-bar-container {
	display: grid;
	border: 2px outset black;
	box-shadow: 1px 1px 1px #cccccc;
	margin-top: 6px;
	border-radius: 4px;
	padding: 3px;
	grid-template-columns: 7% 78% 15%;
	/*background: #cedce7;*/
	background-color: white;
}
.ds_kallak_PF2e.editable .xp-bar-container {
	margin-bottom: 6px;
}
.ds_kallak_PF2e .xp-bar-container .xp-label {
	font-size: 10px;
	text-align: center;
	font-variant: small-caps;
	line-height: 20px;
}
.ds_kallak_PF2e .xp-bar-container .xp-bar {
	height: 18px;
	border: 1px solid black;
	background-color: #000000;
	border-radius: 10px;
	overflow: hidden;
}
.ds_kallak_PF2e .xp-bar-container .xp-percentage {
	font-size: 10px;
	text-align: center;
	display: grid;
	grid-template-columns: 25px 1fr;
	line-height: 20px;
}
.ds_kallak_PF2e .xp-bar-container .dsf_xp_percentage {
	width: 25px;
	text-align: right;
}
.ds_kallak_PF2e .xp-bar-container .xp-bar-fill {
	width: 0%;
	/*background-color: #6495ED;*/
	background-color: #cccccc;
	height: 18px;
	border-radius: 0px 9px 9px 0px;
}
.ds_kallak_PF2e .xp-settings-grid {
	display: none;
}
.ds_kallak_PF2e.editable .xp-settings-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 6px;
}
.ds_kallak_PF2e .xp-checks-container {
	display: grid;
	grid-template-columns: 12px 1fr;
	grid-template-rows: 12px 12px;
	border: 1px solid red;
	padding: 2px 6px 1px 6px;
	height: 32px;
	grid-gap: 3px;
	box-shadow: 1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .xp-checks-container .checkbox-label {
	font-size: 12px;
	line-height: 14px;
	margin-left: 3px;
	font-variant: small-caps;
}
.ds_kallak_PF2e .xp-checks-container .checkBorder {
	position: relative;
	top: -6px;
}
.ds_kallak_PF2e .input2.current-xp-container,
.ds_kallak_PF2e .input2.next-level-container {
	border-color: red;
}
/* NAME AREA */
.ds_kallak_PF2e .name-grid {
	display: grid;
	grid-template-columns: 20% calc(60% - 12px) 20%;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .name-grid .input2 {
	height: 54px;
	align-self: end;
}
.ds_kallak_PF2e .name-grid .input2 .dsf {
	font-size: 30px;
	height: 40px;
	line-height: 40px;
}
.ds_kallak_PF2e .name-box {
	grid-area: 1/2/2/3;
	text-align: center;
	font-variant: small-caps;
	border: 1px solid black;
	border-radius: 6px;
	box-shadow: 1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .name-box .dsf_name {
	font-size: 30px;
	line-height: 30px;
}
.ds_kallak_PF2e .name-box .player-label,
.ds_kallak_PF2e .csx .name-box .dsf_player {
	display: inline;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
}
.ds_kallak_PF2e.editable .name-box .dsf_player {
	display: inline;
}
.ds_kallak_PF2e .character-level {
	grid-area: 1/1/2/2;
}
.ds_kallak_PF2e .hero-points {
	grid-area: 1/3/2/4;
}
/* BASIC INFO SECTION*/
.ds_kallak_PF2e .basic-info {
	align-self: end;
}
.ds_kallak_PF2e .basic-info-grid {
	display: grid;
	grid-gap: 3px;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(4, 36px);
}
.ds_kallak_PF2e .ancestry {
	grid-area: 1/1/2/7;
}
.ds_kallak_PF2e .background {
	grid-area: 1/7/2/13;
}
.ds_kallak_PF2e .size {
	grid-area: 2/1/3/4;
}
.ds_kallak_PF2e .class {
	grid-area: 2/4/3/13;
}
.ds_kallak_PF2e .alignment {
	grid-area: 3/1/4/5;
}
.ds_kallak_PF2e .deity {
	grid-area: 3/5/4/9;
}
.ds_kallak_PF2e .traits{
	grid-area: 3/9/4/13;
}
.ds_kallak_PF2e .languages {
	grid-area: 4/1/4/13;
}
/* ABILITY SCORES*/
.ds_kallak_PF2e .ability-score-grid {
	display: grid;
	grid-template-columns: 123px 1fr 32px 32px 12px;
	grid-template-rows: 3px 3px 12px 3px 3px;
	grid-column-gap: 6px;
	margin-bottom: 9px;
}
.ds_kallak_PF2e .ability-label-grid div,
.ds_kallak_PF2e .dc-label-grid {
	font-size: 10px;
	font-variant: small-caps;
	line-height: 12px;
}
.ds_kallak_PF2e .ability-label-ability {
	grid-area: 1/1/2/2;
	margin-left: 6px;
	padding-left: 4px;
}
.ds_kallak_PF2e .ability-label-score {
	grid-area: 1/3/2/4;
	margin-left: -3px;
}
.ds_kallak_PF2e .ability-label-mod {
	grid-area: 1/4/2/5;
}
.ds_kallak_PF2e .ability-label-key {
	grid-area: 1/5/2/6;
	margin-left: -8px;
}
.ds_kallak_PF2e .ability-score-grid .attr-label {
	grid-area: 1/1/6/2;
	border: 1px solid black;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	background-color: white;
	padding: 0px 3px;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #cccccc;
	margin-left: 6px;
}
.ds_kallak_PF2e .ability-score-grid .abil-score {
	grid-area: 1/3/6/4;
}
.ds_kallak_PF2e .ability-score-grid .abil-mod {
	grid-area: 1/4/6/5;
}
.ds_kallak_PF2e .ability-score-grid .check {
	grid-area: 3/6/4/5;
	position: relative;
	top: 0px;
}
.ds_kallak_PF2e .grey-back {
	grid-area: 2/1/2/7;
	height:16px;
	border:1px solid black;
	background-color:#cccccc;
}
.ds_kallak_PF2e .abil-score .dsf,
.ds_kallak_PF2e .abil-mod .dsf {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}
.ds_kallak_PF2e .ability-label-grid {
	display: grid;
	grid-template-columns: 123px 1fr 32px 32px 12px;
	grid-column-gap: 6px;
}
/* CLASS DC*/
.ds_kallak_PF2e .dc-grid {
	display: grid;
	grid-template-columns: 0px 36px 1fr 32px 32px 48px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .dc-grid .grey-back {
	grid-area: 2/1/4/9;
}
.ds_kallak_PF2e .dc-grid .dc-total {
	grid-area: 1/2/3/4;
}
.ds_kallak_PF2e .value-total {
	border: 1px solid black;
	height: 34px;
	width: 34px;
	font-size: 22px;
	text-align: center;
	box-shadow: 1px 1px 1px #CCCCCC;
	background-color: white;
}
.ds_kallak_PF2e .value-include {
	height: 36px;
	width: 32px;
}
.ds_kallak_PF2e .include-label {
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	font-variant: small-caps;
	text-align: center;
}
.ds_kallak_PF2e .include-box {
	height: 22px;
	width: 30px;
	border: 1px solid black;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	background-color: white;
	box-shadow: 1px 1px 1px #CCCCCC;
}
.ds_kallak_PF2e .value-teml {
	width: 48px;
	height: 36px;
	text-align: center;
	display: grid;
	grid-template-columns: repeat(4, 12px);
	grid-template-rows: 12px 24px;
}
.ds_kallak_PF2e .check-hold {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 5px 12px 7px;
}
.ds_kallak_PF2e .check-hold span {
	grid-area: 2/1/3/2;
}
.ds_kallak_PF2e .check-hold span .checkBorder {
	position: relative;
	top: -6px;
}
.ds_kallak_PF2e .dc-grid .dc-base {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .dc-grid .dc-key {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .dc-grid .dc-teml {
	grid-area: 1/6/4/7;
}
.ds_kallak_PF2e .dc-grid .dc-item {
	grid-area: 1/7/4/8;
}
/* ARMOR CLASS */
.ds_kallak_PF2e .armor-class-grid {
	display: grid;
	grid-template-columns: 0px 36px 1fr 32px 32px 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .armor-class-grid .grey-back {
	grid-area: 2/1/2/9;
}
.ds_kallak_PF2e .armor-class-grid .value-total {
	grid-area: 1/2/4/3;
}
.ds_kallak_PF2e .armor-class-grid .ac-base {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .armor-class-grid .ac-prof {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .armor-class-grid .ac-dexcap {
	grid-area: 1/6/4/7;
}
.ds_kallak_PF2e .armor-class-grid .ac-item {
	grid-area: 1/7/4/8;
}
.ds_kallak_PF2e .armor-type-grid {
	display: grid;
	grid-template-columns: 0px 130px 1fr 60px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom:6px;
}
.ds_kallak_PF2e .armor-type-grid .grey-back {
	grid-area: 2/1/3/6;
}
.ds_kallak_PF2e .armor-type-grid .save-label {
	grid-area: 1/2/3/3;
}
.ds_kallak_PF2e .armor-type-grid .armor-type-checks-grid {
	grid-area: 1/4/3/5;
	display: grid;
	grid-template-columns: repeat(5, 12px);
	grid-template-rows: 12px 24px;
}
.ds_kallak_PF2e .shield-grid {
	display: grid;
	grid-template-columns: 0px 58px 36px 1fr 32px 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .shield-grid .grey-back {
	grid-area: 2/1/2/9;
}
.ds_kallak_PF2e .shield-grid .save-label {
	grid-area: 1/2/3/3;
}
.ds_kallak_PF2e .shield-grid .shield-bonus {
	grid-area: 1/3/3/4;
	width: 36px;
}
.ds_kallak_PF2e .shield-grid .shield-bonus .include-box {
	width: 36px;
}
.ds_kallak_PF2e .shield-grid .shield-hardness {
	grid-area: 1/5/3/6;
}
.ds_kallak_PF2e .shield-grid .shield-hp {
	grid-area: 1/6/3/7;
}
.ds_kallak_PF2e .shield-grid .shield-bt {
	grid-area: 1/7/3/8;
}
/* SAVING THROWS */
.ds_kallak_PF2e .saving-throw-grid {
	display: grid;
	grid-template-columns: 0px 43px 36px 1fr 32px 48px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .saving-throw-grid .grey-back {
	grid-area: 2/1/4/9;
}
.ds_kallak_PF2e .save-label {
	grid-area: 1/2/4/3;
	border: 1px solid black;
	background-color: white;
	margin-top: 12px;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #CCCCCC;
	padding-left: 3px;
}
.ds_kallak_PF2e .save-total {
	grid-area: 1/3/4/4;
}
.ds_kallak_PF2e .save-ability {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .save-teml {
	grid-area: 1/6/4/7;
}
.ds_kallak_PF2e .save-item {
	grid-area: 1/7/4/8;
}
/* HIT POINTS */
.ds_kallak_PF2e .hit-points-grid {
	display: grid;
	grid-gap: 3px;
	margin-bottom: 6px;
	grid-template-areas: "hp-current hp-max hp-temp"
						 "hp-resistances hp-resistances hp-resistances"
						 "doomed wounded dying"
						 "condition-notes condition-notes condition-notes";
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
}
.ds_kallak_PF2e .hp-current {
	grid-area: hp-current;
}
.ds_kallak_PF2e .hp-max {
	grid-area: hp-max;
}
.ds_kallak_PF2e .hp-temp {
	grid-area: hp-temp;
}
.ds_kallak_PF2e .hp-resistances {
	grid-area: hp-resistances;
}
.ds_kallak_PF2e .hp-doomed {
	grid-area: doomed;
}
.ds_kallak_PF2e .hp-doomed .dsf,
.ds_kallak_PF2e .hp-wounded .dsf,
.ds_kallak_PF2e .hp-dying .dsf {
	text-align: center;
}
.ds_kallak_PF2e .hp-wounded {
	grid-area: wounded;
}
.ds_kallak_PF2e .hp-dying {
	grid-area: dying;
}
.ds_kallak_PF2e .hp-condition-notes {
	grid-area: condition-notes;
}
.ds_kallak_PF2e .hit-points-grid .input.hp-current,
.ds_kallak_PF2e .hit-points-grid .input.hp-max,
.ds_kallak_PF2e .hit-points-grid .input.hp-temp {
	height: 43px;
}
.ds_kallak_PF2e .input.hp-current .dsf,
.ds_kallak_PF2e .input.hp-max .dsf,
.ds_kallak_PF2e .input.hp-temp .dsf {
	padding-left: 0px;
	font-size: 24px;
	text-align: center;
	height: 26px;
	line-height: 26px;
}
/* PERCEPTION */
.ds_kallak_PF2e .perception-grid {
	display: grid;
	grid-template-columns: 0px 36px 1fr 32px 48px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .perception-grid .grey-back {
	grid-area: 2/1/4/8;
}
.ds_kallak_PF2e .perception-total {
	grid-area: 1/2/3/4;
}
.ds_kallak_PF2e .perception-ability {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .perception-teml {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .perception-item {
	grid-area: 1/6/4/7;
}
.ds_kallak_PF2e .senses-input {
	margin-bottom: 6px;
}
/* PROFICIENCIES */
.ds_kallak_PF2e .proficiencies-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 6px;
}
.ds_kallak_PF2e .proficiencies-grid .one-proficiency {
	display: grid;
	grid-template-columns: 1fr repeat(4, 12px) 1fr;
	grid-template-rows: repeat(3, 12px);
}
.ds_kallak_PF2e .one-proficiency .teml-type-name {
	grid-area: 1/1/2/7;
	font-size: 12px;
	text-align: center;
	line-height: 10px;
	font-variant: small-caps;
	border-bottom: 1px solid #CCCCCC;
}
.ds_kallak_PF2e .one-proficiency [class^="teml-label-"] {
	font-size: 10px;
	text-align: center;
	line-height: 12px;
	font-variant: small-caps;
}
.ds_kallak_PF2e .one-proficiency .teml-label-t {
	grid-area: 2/2/3/3;
}
.ds_kallak_PF2e .one-proficiency .teml-label-e {
	grid-area: 2/3/3/4;
}
.ds_kallak_PF2e .one-proficiency .teml-label-m {
	grid-area: 2/4/3/5;
}
.ds_kallak_PF2e .one-proficiency .teml-label-l {
	grid-area: 2/5/3/6;
}
.ds_kallak_PF2e .one-proficiency .first_teml {
	grid-area: 3/2/4/3;
}
.ds_kallak_PF2e .one-proficiency .second_teml {
	grid-area: 3/3/4/4;
}
.ds_kallak_PF2e .one-proficiency .third_teml {
	grid-area: 3/4/4/5;
}
.ds_kallak_PF2e .one-proficiency .fourth_teml {
	grid-area: 3/5/4/6;
}
.ds_kallak_PF2e .one-proficiency .checkBorder {
	position:relative;
	top: -6px;
}
/* SPEED */
.ds_kallak_PF2e .speed-grid {
	display: grid;
	grid-template-columns: 0px 125px 1fr 32px 32px 32px 32px 32px 0px;
	grid-template-rows: 0px 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .speed-grid .grey-back {
	grid-area: 3/1/4/10;
}
.ds_kallak_PF2e .speed-grid .land-speed {
	grid-area: 2/4/3/5;
}
.ds_kallak_PF2e .speed-grid .burrow-speed {
	grid-area: 2/5/3/6;
}
.ds_kallak_PF2e .speed-grid .climb-speed {
	grid-area: 2/6/3/7;
}
.ds_kallak_PF2e .speed-grid .fly-speed {
	grid-area: 2/7/3/8;
}
.ds_kallak_PF2e .speed-grid .swim-speed {
	grid-area: 2/8/3/9;
}
/* STRIKES */
.ds_kallak_PF2e .list_attacks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 6px;
}
.ds_kallak_PF2e .attack-container {
	border: 2px outset black;
	box-shadow: 1px 1px 1px #CCCCCC;
	display: grid;
	padding: 6px 8px 6px 0px;
	grid-template-columns: 8px 1fr;
	grid-row-gap: 6px;
}
.ds_kallak_PF2e .attack-container .input {
	box-shadow: none;
}
.ds_kallak_PF2e .attack-container .attack-name {
	display: grid;
	grid-template-columns: 45px 1fr;
}
.ds_kallak_PF2e .attack-name .action-label {
	grid-area: 1/1/2/2;
}
.ds_kallak_PF2e .attack-name .edit {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	grid-area: 1/2/2/3;
	padding-left: 6px;
}
.ds_kallak_PF2e .attack-container .attack-row {
	display: grid;
	grid-template-columns: 1fr 1fr 80px;
	grid-area: 2/2/3/3;
	grid-gap: 6px;
}
.ds_kallak_PF2e .attack-row .attack-type {
	height: 34px;
	display: grid;
	grid-template-columns: 12px 1fr;
	grid-template-rows: 16px 18px;
	border: 1px solid black;
	padding: 0px 6px;
}
.ds_kallak_PF2e .attack-container .action-checkbox {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 2px 12px 3px;
}
.ds_kallak_PF2e .attack-container .action-checkbox .check {
	grid-area: 2/1/3/2;
}
.ds_kallak_PF2e .attack-container .checkbox-label {
	font-size: 12px;
	line-height: 17px;
	margin-left: 3px;
	font-variant: small-caps;
}
.ds_kallak_PF2e .attack-container .damage-type {
	display: grid;
	grid-template-columns: 12px 1fr 12px 1fr;
	border: 1px solid black;
	padding: 0px 6px;
}
.ds_kallak_PF2e .attack-container .attack-hands {
	display: grid;
	grid-template-columns: 12px 1fr;
	padding: 0px 6px;
	border: 1px solid black;
}
.ds_kallak_PF2e .attack-container .attack-traits {
	grid-area: 3/2/4/3;
}
/* SKILLS */
.ds_kallak_PF2e .skill-grid {
	display: grid;
	grid-template-columns: 0px 123px 1fr 36px 32px 48px 32px 32px 0px;
	grid-template-rows: 0px 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .skill-grid .grey-back {
	grid-area: 3/1/4/10;
}
.ds_kallak_PF2e .skill-grid .save-label {
	grid-area: 2/2/4/3;
}
.ds_kallak_PF2e .skill-total {
	grid-area: 2/4/5/5;
}
.ds_kallak_PF2e .skill-ability {
	grid-area: 2/5/5/6;
}
.ds_kallak_PF2e .skill-teml {
	grid-area: 2/6/5/7;
}
.ds_kallak_PF2e .skill-item {
	grid-area: 2/7/5/8;
}
.ds_kallak_PF2e .skill-armor {
	grid-area: 2/8/5/9;
}
.ds_kallak_PF2e .skill-label {
	grid-area: 2/2/4/3;
	border: 1px solid black;
	background-color: white;
	margin-top: 12px;
	height: 22px;
	/*line-height: 22px;
	font-size: 16px;*/
	font-variant: small-caps;
	box-shadow: 1px 1px 1px #CCCCCC;
	padding-left: 3px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 11px 11px;
}
.ds_kallak_PF2e .skill-sub-label {
	font-size: 10px;
	line-height: 10px;
}
.ds_kallak_PF2e .dsf_lore1_name,
.ds_kallak_PF2e .dsf_lore2_name,
.ds_kallak_PF2e .dsf_lore3_name,
.ds_kallak_PF2e .dsf_lore4_name {
	font-size: 10px;
}
/* ACTIONS PAGE */
.ds_kallak_PF2e .action-container {
	border: 2px outset black;
	box-shadow: 1px 1px 1px #cccccc;
	display: grid;
	padding: 6px 8px 6px 0px;
	grid-template-columns: 8px 45px 1fr 80px;
	grid-row-gap: 6px;
	grid-template-rows: 26px 36px;
}
.ds_kallak_PF2e .action-label {
	background-color: #cccccc;
	border: 1px solid black;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	font-variant: small-caps;
	grid-area: 1/2/1/3;
}
.ds_kallak_PF2e .one-action {
	height: 24px;
	width: 24px;
	background-image: url(https://blog.obsidianportal.com/wp-content/uploads/2020/04/OneAction.png);
	background-size: auto 24px;
	background-repeat: no-repeat;
	margin-left: 6px;
}
.ds_kallak_PF2e .two-action {
	height: 24px;
	width: 38px;
	background-image: url(https://blog.obsidianportal.com/wp-content/uploads/2020/04/TwoActions.png);
	background-size: auto 24px;
	background-repeat: no-repeat;
	margin-left: 6px;
}
.ds_kallak_PF2e .three-action {
	height: 24px;
	width: 50px;
	background-image: url(https://blog.obsidianportal.com/wp-content/uploads/2020/04/ThreeActions.png);
	background-size: auto 24px;
	background-repeat: no-repeat;
	margin-left: 6px;
}
.ds_kallak_PF2e .reaction {
	height: 24px;
	background-image: url(https://blog.obsidianportal.com/wp-content/uploads/2020/04/Reaction.png);
	background-size: auto 24px;
	background-repeat: no-repeat;
	margin-left: 6px;
}
.ds_kallak_PF2e .free-action {
	height: 24px;
	background-image: url(https://blog.obsidianportal.com/wp-content/uploads/2020/04/FreeAction.png);
	background-size: auto 24px;
	background-repeat: no-repeat;
	margin-left: 6px;
}
.ds_kallak_PF2e .action-container .input .dsf {
	padding-left: 3px;
}
.ds_kallak_PF2e .action-container .dslf_action_name,
.ds_kallak_PF2e .action-container .dslf_reaction_name {
	padding-left: 6px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	grid-area: 1/3/1/5
}
.ds_kallak_PF2e .action-container .action-icons {
	display: grid;
	grid-template-columns: 12px 1fr;
	grid-area: 2/4/4/5;
	border: 1px solid black;
	padding: 1px 1px 1px 4px;
}
.ds_kallak_PF2e .action-container .action-checkbox {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 6px 12px 6px;
}
.ds_kallak_PF2e .action-checkbox .checkBorder,
.ds_kallak_PF2e .ability-score-grid .checkBorder,
.ds_kallak_PF2e .tradition-grid .checkBorder,
.ds_kallak_PF2e .tradition-grid2 .checkBorder,
.ds_kallak_PF2e .tradition-prepared .checkBorder,
.ds_kallak_PF2e .tradition-spontaneous .checkBorder {
	position: relative;
	top: -6px;
}
.ds_kallak_PF2e .dslf_action_one,
.ds_kallak_PF2e .dslf_action_two,
.ds_kallak_PF2e .dslf_action_three,
.ds_kallak_PF2e .dslf_reaction_free,
.ds_kallak_PF2e .dslf_reaction_reaction,
.ds_kallak_PF2e .inventory-container .action-checkbox .dslf {
	grid-area: 2/1/2/3;
}
.ds_kallak_PF2e .action-container .input,
.ds_kallak_PF2e .spell-container .input,
.ds_kallak_PF2e .inventory-container .input {
	min-height: 34px;
	height: auto;
	box-shadow: none;
}
.ds_kallak_PF2e .action-container .action-traits {
	grid-area: 2/2/3/4;
	margin-right: 6px;
}
.ds_kallak_PF2e .action-container .action-page {
	grid-area: 3/2/4/4;
	margin-right: 6px;
}
.ds_kallak_PF2e .action-container .action-description {
	grid-area: 4/2/5/5;
	min-height: 81px;
}
.ds_kallak_PF2e .action-container .action-description .edit {
	font-size: 12px;
	min-height: 62px;
	padding-bottom: 3px;
}
.ds_kallak_PF2e .action-container .handle {
	grid-area: 1/1/1/2;
}
.ds_kallak_PF2e .handle-space {
	display: block;
	grid-area: 1/1/1/2;
}
.ds_kallak_PF2e.editable .handle-space {
	display: none;
}
/* FOCUS  POINTS */
.ds_kallak_PF2e .focus-points-grid {
	display: grid;
	grid-template-columns: 0px 100px 1fr 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .focus-points-grid .grey-back {
	grid-area: 2/1/3/7;
}
.ds_kallak_PF2e .focus-points-grid .save-label {
	grid-area: 1/2/4/3;
}
.ds_kallak_PF2e .focus-points-grid .focus-current {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .focus-points-grid .focus-maximum {
	grid-area: 1/5/4/6;;
}
.ds_kallak_PF2e .input.magic-notes {
	min-height: 57px;
	height: auto;
}
.ds_kallak_PF2e .input.magic-notes .dsf {
	min-height: 40px;
}
/* SPELL ATTACK */
.ds_kallak_PF2e .spell-attack-grid {
	display: grid;
	grid-template-columns: 0px 36px 1fr 32px 48px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .spell-attack-grid .grey-back {
	grid-area: 2/1/4/7;
}
.ds_kallak_PF2e .spell-attack-grid .dc-total {
	grid-area: 1/2/3/4;
}
.ds_kallak_PF2e .spell-attack-grid .dc-key {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .spell-attack-grid .dc-teml {
	grid-area: 1/5/4/6;
}
/* SPELL DC */
.ds_kallak_PF2e .spell-dc-grid {
	display: grid;
	grid-template-columns: 0px 36px 1fr 32px 32px 48px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .spell-dc-grid .grey-back {
	grid-area: 2/1/4/8;
}
.ds_kallak_PF2e .spell-dc-grid .dc-total {
	grid-area: 1/2/3/4;
}
.ds_kallak_PF2e .spell-dc-grid .dc-base {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .spell-dc-grid .dc-key {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .spell-dc-grid .dc-teml {
	grid-area: 1/6/4/7;
}
/* MAGICAL TRADITION */
.ds_kallak_PF2e .magic-tradition-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 36px 36px 18px;
	
}
.ds_kallak_PF2e .magic-tradition-grid .background-image {
	grid-area: 1/1/3/3;
	background-image: url('https://blog.obsidianportal.com/wp-content/uploads/2019/08/spell-traditions-book.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}
.ds_kallak_PF2e .tradition-arcane {
	grid-area: 1/1/2/2;
}
.ds_kallak_PF2e .tradition-occult {
	grid-area: 1/2/2/3;
}
.ds_kallak_PF2e .tradition-primal {
	grid-area: 2/1/3/2;
}
.ds_kallak_PF2e .tradition-divine {
	grid-area: 2/2/3/3;
}
.ds_kallak_PF2e .tradition-grid {
	display: grid;
	grid-template-columns: 1fr 12px 25px;
	grid-template-rows: 6px 12px 6px;
}
.ds_kallak_PF2e .tradition-grid2 {
	display: grid;
	grid-template-columns: 25px 12px 1fr;
	grid-template-rows: 6px 12px 6px;
}
.ds_kallak_PF2e .tradition-grid .tradition-label {
	grid-area: 1/1/4/2;
	text-align: center;
	font-size: 18px;
	font-variant: small-caps;
	line-height: 24px;
}
.ds_kallak_PF2e .tradition-grid2 .tradition-label {
	grid-area: 1/3/4/4;
	text-align: center;
	font-size: 18px;
	font-variant: small-caps;
	line-height: 24px;
}
.ds_kallak_PF2e .tradition-grid .check {
	grid-area: 2/2/3/3;
}
.ds_kallak_PF2e .tradition-grid2 .check {
	grid-area: 2/2/3/3;
}
.ds_kallak_PF2e .tradition-prepared {
	grid-area: 3/1/3/2;
	display: grid;
	grid-template-columns: 1fr 12px 55px 0px;
	grid-template-rows: 1px 12px 5px;
	grid-column-gap: 3px;
}
.ds_kallak_PF2e .tradition-spontaneous {
	grid-area: 3/2/3/3;
	display: grid;
	grid-template-columns: 0px 12px 75px 1fr;
	grid-template-rows: 1px 12px 5px;
	grid-column-gap: 3px;
}
.ds_kallak_PF2e .spell-type-label {
	font-size: 12px;
	font-variant: small-caps;
	line-height: 15px;
}
.ds_kallak_PF2e .tradition-prepared .dsf,
.ds_kallak_PF2e .tradition-spontaneous .dsf {
	grid-area: 2/2/3/3;
}
.ds_kallak_PF2e .tradition-prepared .spell-type-label,
.ds_kallak_PF2e .tradition-spontaneous .spell-type-label {
	grid-area: 2/3/3/4;
	
}
/* SPELL SLOTS PER DAY */
.ds_kallak_PF2e .spell-slots-grid {
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	grid-gap: 3px;
}
.ds_kallak_PF2e .spell-slots-grid .spell-slot-box {
	height: 70px;
	border: 1px solid black;
	box-shadow: 1px 1px 1px #CCCCCC;
	text-align: center;
}
.ds_kallak_PF2e .spell-slots-grid .spell-slot-box .dsf {
	height: 24px;
}
.ds_kallak_PF2e .spells-per-day-label {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #cccccc;
	height: 20px;
	line-height: 20px;
}
.ds_kallak_PF2e .spells-per-day-label2 {
	border-bottom: 1px solid black;
	background-color: #cccccc;
	height: 45px;
	line-height: 15px;
	font-size: 10px;
}
.ds_kallak_PF2e .spell-slot-note {
	font-size:12px;
	font-variant:small-caps;
	text-align:center;
	margin-top:1px;
}
/* SPELLS */
.ds_kallak_PF2e .list_spells {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 6px;
}
.ds_kallak_PF2e .spell-container {
	border: 2px outset black;
	display: grid;
	grid-template-columns: 2px 1fr 80px;
	grid-template-rows: 26px;
	box-shadow: 1px 1px 1px #CCCCCC;
	padding: 6px 8px 6px 0px;
	grid-gap: 6px;
}
.ds_kallak_PF2e .spell-container .handle {
	grid-area: 1/1/2/2;
}
.ds_kallak_PF2e .spell-container .handle-space {
	grid-area: 1/1/2/2;
	display: block;
}
.ds_kallak_PF2e.editable .spell-container .handle-space {
	display: none;
}
.ds_kallak_PF2e .spell-container .spell-name {
	grid-area: 1/2/2/4;
	display: grid;
	grid-template-columns: 45px 1fr;
}
.ds_kallak_PF2e .spell-name .action-label {
	grid-area: 1/1/2/2;
	background-color: #cccccc;
	border: 1px solid black;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	font-variant: small-caps;
}
.ds_kallak_PF2e .spell-name .dslf_spell_name {
	grid-area: 1/2/2/3;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 6px;
}
.ds_kallak_PF2e .spell-container .action-icons {
	display: grid;
	grid-template-columns: 12px 1fr;
	grid-area: 2/3/6/4;
	border: 1px solid black;
	padding: 1px 1px 1px 4px;
}
.ds_kallak_PF2e .spell-container .action-checkbox {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 6px 12px 6px;
}
.ds_kallak_PF2e .spell-container .action-checkbox .checkbox {
	grid-area: 2/1/3/2;
}
.ds_kallak_PF2e .spell-container .spell-type {
	grid-area: 2/2/3/3;
	display: grid;
	grid-template-columns: 12px 1fr 12px 1fr;
	grid-template-rows: 12px;
	border: 1px solid black;
	height: 12px;
	font-size: 12px;
	font-variant: small-caps;
	line-height: 12px;
	padding: 4px 6px;
	grid-gap: 6px;
}
.ds_kallak_PF2e .spell-type .dslf_spell_type_innate {
	grid-area: 1/1/2/2;
	position: relative;
	top: 0px;
}
.ds_kallak_PF2e .spell-type .dslf_spell_type_focus {
	grid-area: 1/3/2/4;
	position: relative;
	top: 0px;
}
.ds_kallak_PF2e .spell-container .spell-two-column {
	grid-area: 3/2/4/3;
	height: 36px;
	grid-template-columns: 1fr 1fr;
	display: grid;
	grid-gap: 6px;
}
.ds_kallak_PF2e .spell-container .spell-mismatch-column {
	height: 36px;
	grid-area: 4/2/5/3;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 6px;
}
.ds_kallak_PF2e .spell-container .spell-traits {
	grid-area: 5/2/6/3;
}
.ds_kallak_PF2e .spell-container .spell-description {
	grid-area: 6/2/7/4;
	min-height: 81px;
}
.ds_kallak_PF2e .spell-container .spell-description .edit {
	font-size: 12px;
	min-height: 62px;
	padding-bottom: 3px;
}
.ds_kallak_PF2e .spell-container .spell-components {
	display: grid;
	border: 1px solid black;
	grid-template-columns: repeat(2, 12px 1fr);
	grid-template-rows: 17px 17px;
	grid-column-gap: 4px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	padding: 0px 5px;
}
.ds_kallak_PF2e .spell-components .spell-type-check {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 3px 12px 3px;
}
.ds_kallak_PF2e .spell-type-check .check {
	grid-area: 2/1/3/2;
}
.ds_kallak_PF2e .spell-type-check .checkBorder {
	position:relative;
	top: -1px;
}
.ds_kallak_PF2e .dslf_spell_action_long_value {
	margin: 0px 3px;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
	margin-top: 8px;
	border-bottom: 1px solid black;
}
/* CURRENCY SECTION */
.ds_kallak_PF2e .currency-grid {
	display: grid;
	grid-gap: 3px;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 6px;
}
.ds_kallak_PF2e .currency-notes {
	
}
.ds_kallak_PF2e .input.currency-notes .dsf {
	font-size: 14px;
	height: 17.6px;
	line-height: 17.6px;
}
/* ENCUMBRANCE */
.ds_kallak_PF2e .encumb-container {
	display: grid;
	grid-template-columns: 50px 0px 42px 1fr 36px 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .encumb-container .grey-back {
	grid-area: 2/2/3/9;
}
.ds_kallak_PF2e .encumb-container .bulk-total {
	grid-area: 1/1/4/2;
	height: 46px;
}
.ds_kallak_PF2e span.dsf.dsf_bulk {
	height: 33px;
	font-size: 24px;
	line-height: 33px;
}
.ds_kallak_PF2e .csx .input2.bulk-total .input-label {
	position: relative;
	top: 0px;
}
.ds_kallak_PF2e .encumb-container .save-label {
	grid-area: 1/3/2/4;
}
.ds_kallak_PF2e .encumb-container .value-total {
	grid-area: 1/5/3/6
}
.ds_kallak_PF2e .encumb-container .encumbered-max-base {
	grid-area: 1/6/3/7;
}
.ds_kallak_PF2e .encumb-container .encumbered-max-str {
	grid-area: 1/7/3/8;
}
.ds_kallak_PF2e .encumbrance-grid {
	display: grid;
	grid-template-columns: 0px 98px 1fr 36px 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
}
.ds_kallak_PF2e .encumbrance-grid .grey-back {
	grid-area: 2/1/3/8;
}
.ds_kallak_PF2e .encumbrance-grid .encumbered-label {
	grid-area: 1/2/4/3;
}
.ds_kallak_PF2e .encumbrance-grid .encumbered-total {
	grid-area: 1/4/4/5;
}
.ds_kallak_PF2e .encumbrance-grid .encumbered-base {
	grid-area: 1/5/4/6;
}
.ds_kallak_PF2e .encumbrance-grid .encumbered-str {
	grid-area: 1/6/4/7;
}
/* SUPPLIES */
.ds_kallak_PF2e .supplies-grid {
	display: grid;
	grid-template-columns: 0px 80px 1fr 32px 32px 0px;
	grid-template-rows: 15px 18px 3px;
	grid-column-gap: 6px;
	margin-bottom: 6px;
}
.ds_kallak_PF2e .supplies-grid .grey-back {
	grid-area: 2/1/3/7;
}
.ds_kallak_PF2e .supplies-grid .save-label {
	grid-area: 1/2/2/3;
}
.ds_kallak_PF2e .supplies-grid .value-water {
	grid-area: 1/4/4/4;
}
.ds_kallak_PF2e .supplies-grid .value-food {
	grid-area: 1/5/4/6;
}
/* CONSUMABLES */
.ds_kallak_PF2e .consumables-grid {
	display: grid;
	grid-template-columns: 1fr 40px 40px;
}
.ds_kallak_PF2e .gems-grid {
	display: grid;
	grid-template-columns: 1fr 60px 40px;
}
.ds_kallak_PF2e .one-consumable {
	display: grid;
	grid-template-columns: 8px 1fr 40px 40px;
	padding: 0px 3px;
	border-bottom: 1px solid #cccccc;
	grid-gap: 3px;
}
.ds_kallak_PF2e .one-gem {
	display: grid;
	grid-template-columns: 8px 1fr 60px 40px;
	padding: 0px 3px;
	border-bottom: 1px solid #cccccc;
	grid-gap: 3px;
}
.ds_kallak_PF2e .one-consumable .dslf_consumable_qty,
.ds_kallak_PF2e .one-consumable .dslf_consumable_bulk,
.ds_kallak_PF2e .one-gem .dslf_gem_price,
.ds_kallak_PF2e .one-gem .dslf_gem_bulk {
	border-left: 1px solid #cccccc;
	text-align: center;
}
/* INVENTORY */
.ds_kallak_PF2e .list_inventory {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 6px;
}
.ds_kallak_PF2e .inventory-container {
	border: 2px outset black;
	box-shadow: 1px 1px 1px #CCCCCC;
	padding: 6px 8px 6px 0px;
	grid-gap: 6px;
	display: grid;
	grid-template-columns: 2px 1fr;
	grid-template-rows: 26px;
}
.ds_kallak_PF2e .inventory-container .item-name {
	grid-area: 1/2/2/3;
	display: grid;
	grid-template-columns: 45px 1fr;
}
.ds_kallak_PF2e .inventory-container .item-name .action-label {
	grid-area: 1/1/2/2;
}
.ds_kallak_PF2e .inventory-container .dslf_item_name {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 6px;
}
.ds_kallak_PF2e .inventory-container .item-details {
	grid-area: 2/2/3/3;
	display: grid;
	grid-template-columns: 1fr 1fr 2fr 1fr;
	grid-gap: 6px;
}
.ds_kallak_PF2e .inventory-container .item-description {
	grid-area: 3/2/4/3;
	min-height: 81px;
	box-shadow: none;
}
.ds_kallak_PF2e .input.item-description .edit {
	min-height: 62px;
	font-size: 12px;
	padding-bottom: 3px;
}
.ds_kallak_PF2e .inventory-slot {
	border: 1px solid black;
	display: grid;
	grid-template-columns: 12px 1fr 12px 1fr;
	grid-template-rows: 15px 19px;
	padding: 0px 6px;
}
.ds_kallak_PF2e .inventory-invest {
	border: 1px solid black;
	display: grid;
	grid-template-columns: 12px 1fr;
	grid-template-rows: 15px 19px;
	padding: 0px 6px;
}
.ds_kallak_PF2e .inventory-container .action-checkbox {
	display: grid;
	grid-template-columns: 12px;
	grid-template-rows: 3px 12px 2px;
}
.ds_kallak_PF2e .inventory-container .checkbox-label {
	font-size: 12px;
	line-height: 20px;
	font-variant: small-caps;
	margin-left: 3px;
}
.ds_kallak_PF2e .inventory-container .dslf_inventory_invest_number {
	height: 14px;
	margin-top: 3px;
	font-size: 12px;
	line-height: 14px;
}
/* PERSONALITY SECTION */
.ds_kallak_PF2e .personality {
	display: grid;
	grid-gap: 3px;
}
/* PHYSICAL DETAILS SECTION */
.ds_kallak_PF2e .physical-details-grid {
	display: grid;
	grid-gap: 3px;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(5, 36px);
}
.ds_kallak_PF2e .ethnicity {
	grid-area: 1/1/2/5;
}
.ds_kallak_PF2e .nationality {
	grid-area: 2/1/3/5;
}
.ds_kallak_PF2e .birthplace {
	grid-area: 3/1/4/5;
}
.ds_kallak_PF2e .height {
	grid-area: 4/1/5/3;
}
.ds_kallak_PF2e .weight {
	grid-area: 4/3/5/5;
}
.ds_kallak_PF2e .age {
	grid-area: 5/1/6/3;
}
.ds_kallak_PF2e .sex {
	grid-area: 5/3/6/5;
}
/* CAMPAIGN NOTES */
.ds_kallak_PF2e .big-input {
	border: 1px solid black;
	box-shadow:1px 1px 1px #cccccc;
	padding: 0px 3px 10px 3px;
}
.ds_kallak_PF2e .big-input .input-label {
	padding: 0px 3px;
}
.ds_kallak_PF2e .npc-name-container {
	border-bottom: 1px solid #cccccc;
	padding: 0px 3px;
}
.ds_kallak_PF2e .npc-label-grid {
	display: grid;
	grid-template-columns: 1fr 150px;
}
.ds_kallak_PF2e .one-npc-grid {
	display: grid;
	grid-template-columns: 8px 1fr 150px;
	grid-gap: 3px;
	padding: 0px 3px;
	border-bottom: 1px solid #cccccc;
}
.ds_kallak_PF2e [class$="_location"] {
	border-left: 1px solid #cccccc;
	padding-left: 6px;
}
.ds_kallak_PF2e .dslf_note_name {
	margin-left: 10px;
}
/* APPEARANCE & BIO BOXES*/
.ds_kallak_PF2e .dsf_bio,
.ds_kallak_PF2e .dsf_appearance {
		font-size: 14px;
		padding: 6px;
		border: 1px solid black;
		box-shadow: 1px 1px 1px #cccccc;
		min-height: 150px;
		margin-bottom: 6px;
}
/* GENERAL ELEMENTS */
.ds_kallak_PF2e .footer {
	text-align: center;
	font-variant: small-caps;
	font-size: 12px;
}
.ds_kallak_PF2e .csx .footer .dsf {
	display: inline;
}
.ds_kallak_PF2e .area-header {
	background-color:black;
	color:white;
	font-variant:small-caps;
	font-size:16px;
	text-align:center;
	margin-bottom:6px;
	height:26px;
}
.ds_kallak_PF2e .one-column .area-header {
	margin-bottom: 0px;
}
.ds_kallak_PF2e .input {
	border:1px solid black;
	padding:0px 3px;
	height:34px;
	box-shadow:1px 1px 1px #cccccc;
}
.ds_kallak_PF2e .input-label {
	font-size:10px;
	line-height:14px;
	font-variant:small-caps;
}
.ds_kallak_PF2e .input .dsf,
.ds_kallak_PF2e .input .edit {
	padding-left: 6px;
	line-height: 1.1;
	font-size: 16px;
}
.ds_kallak_PF2e .input2 {
	border:1px solid black;
	text-align:center;
	box-shadow:1px 1px 1px #cccccc;
	height:34px;
}
.ds_kallak_PF2e .input2 .dsf {
	font-size: 16px;
	line-height: 1.3;
	height: 20px;
}
.ds_kallak_PF2e .entry {
	display: grid;
	grid-template-columns: 80% 20%;
	border: 1px solid black;
	box-shadow: 1px 1px 1px #cccccc;
	height: 24px;
}
.ds_kallak_PF2e .entry .dsf {
	max-height: 24px;
	padding-left: 5px;
}
.ds_kallak_PF2e .entry-label {
	font-size: 12px;
	font-variant: small-caps;
	line-height: 24px;
	background-color: #cccccc;
	border-left: 1px solid black;
	padding-left: 2px;
}
.ds_kallak_PF2e ul {
	margin-bottom: 0px;
}
/* SHEET EDITING */
.ds_kallak_PF2e .csx .dsf,
.ds_kallak_PF2e .csx .edit {
	display: block;
}
.ds_kallak_PF2e.editable .dsf,
.ds_kallak_PF2e.editable .edit {
	background-color:#cdf;
	cursor:pointer;
	display: block;
}
.ds_kallak_PF2e.editable .dsf.readonly {
	background-color:transparent;
}
.ds_kallak_PF2e .dsf input {
	padding:0px 0px 0px 0px;
	margin:-1px 0px 0px -1px;
}
.ds_kallak_PF2e .jeditable_input button {
	display: none;
}
.ds_kallak_PF2e.editable .dsf_bio {
	display: none;
}
/* CSX SETTINGS */
.ds_kallak_PF2e .csx .list li.item:nth-of-type(2n+1) {
	background-color: white;
}
.ds_kallak_PF2e .csx .list {
	/*min-height:100px;*/
}
.ds_kallak_PF2e .csx .list li.item {
	margin-bottom: 6px;
}
.ds_kallak_PF2e .csx .big-input .list li.item {
	margin-bottom: 0px;
}
.ds_kallak_PF2e .csx .action-container .check .checkOn {
	background-position:1px 1px;
}
.ds_kallak_PF2e .csx .single-attack .check .checkOn,
	.ds_kallak_PF2e .csx .single-attack .check .checkOn:hover {
	background-position:1px 4px;
}
.ds_kallak_PF2e .csx .single-action.spells .check .checkOn {
	background-position:1px 4px;
}
.ds_kallak_PF2e .csx .check {
	margin:0px;
}
.ds_kallak_PF2e .csx .check .checkBorder {
	background-image: url('https://blog.obsidianportal.com/wp-content/uploads/2019/10/check-border-1.png');
	background-size:12px 12px;
}
.ds_kallak_PF2e .csx .check .checkOff,
.ds_kallak_PF2e .csx .check .checkOff:hover {
	background-image: url('https://blog.obsidianportal.com/wp-content/uploads/2019/10/check-off.png');
	background-position:1px 1px;
}
.ds_kallak_PF2e .csx .check .checkOn,
.ds_kallak_PF2e .csx .check .checkOn:hover {
	background-image: url('https://blog.obsidianportal.com/wp-content/uploads/2019/10/check-on.png');
	background-position:1px 1px;
}
.ds_kallak_PF2e .csx .hidden {
	display: none;
}
.ds_kallak_PF2e.editable .csx .dsf:hover:not(.readonly),
.ds_kallak_PF2e.editable .csx .edit:hover:not(.readonly),
.ds_kallak_PF2e.editable .csx .dsf:focus,
.ds_kallak_PF2e.editable .csx .edit:focus,
.ds_kallak_PF2e.editable .csx .dsf:focus:hover,
.ds_kallak_PF2e.editable .csx .edit:focus:hover {
	background-color: #CDF;
}
/* TABLET SETTINGS */
@media only screen and (max-width: 800px) {
	.ds_kallak_PF2e .grid-1 {
		grid-template-columns: calc(33.33% - 3px) calc(66.66% - 3px);
	}
	.ds_kallak_PF2e .grid-2 {
		grid-template-columns: calc(50% - 3px) calc(50% - 3px);
	}
	.ds_kallak_PF2e .grid-3 {
		grid-template-columns: calc(33.33% - 3px) calc(33.33% - 4px) calc(33.33% - 5px);
	}
	.ds_kallak_PF2e .grid-4 {
		grid-template-columns: calc(66.66% - 1px) calc(33.33% - 5px);
	}
	.ds_kallak_PF2e .entry-label {
		font-size: 10px;
	}
	.ds_kallak_PF2e .ability-score-grid,
	.ds_kallak_PF2e .ability-label-grid {
		grid-template-columns: 114px 1fr 32px 32px 12px;
	}
	.ds_kallak_PF2e .dc-grid {
		grid-template-columns: 0px 34px 1fr 32px 32px 48px 32px 0px;
	}
	.ds_kallak_PF2e .dc-grid .value-total {
		width: 32px;
	}
	.ds_kallak_PF2e .saving-throw-grid {
		grid-template-columns: 0px 32px 34px 1fr 32px 48px 32px 0px;
		
	}
	.ds_kallak_PF2e .save-label {
		font-size: 12px;
	}
	.ds_kallak_PF2e .saving-throw-grid .value-total {
		width: 32px;
	}
	.ds_kallak_PF2e .skill-grid {
		grid-template-columns: 0px 100px 1fr 36px 32px 48px 32px 32px 0px;
	}
	.ds_kallak_PF2e .name-box .dsf_name {
		font-size: 24px;
	}
	.ds_kallak_PF2e .tradition-grid .tradition-label {
		text-align: left;
	}
	.ds_kallak_PF2e .tradition-grid2 .tradition-label {
		text-align: right;
	}
	.ds_kallak_PF2e .inventory-container .checkbox-label {
		font-size: 10px;
	}
	.ds_kallak_PF2e .speed-grid {
		grid-template-columns: 0px 100px 1fr 32px 32px 32px 32px 32px 0px;
	}
	.ds_kallak_PF2e .dsf_lore1_name,
	.ds_kallak_PF2e .dsf_lore2_name,
	.ds_kallak_PF2e .dsf_lore3_name,
	.ds_kallak_PF2e .dsf_lore4_name {
		font-size: 9px;
	}
	.ds_kallak_PF2e .one-npc-grid .dslf,
	.ds_kallak_PF2e .one-consumable .dslf
	.ds_kallak_PF2e .one-gem .dslf,
	.ds_kallak_PF2e .npc-name-container .dslf {
		font-size: 14px;
		height: 24px;
		line-height: 24px;
	}
	.ds_kallak_PF2e .npc-label-grid {
		grid-template-columns: 1fr 140px;
	}
	.ds_kallak_PF2e .one-npc-grid {
		grid-template-columns: 8px 1fr 140px;
	}
	.ds_kallak_PF2e .encumb-container {
		grid-template-columns: 45px 0px 33px 1fr 36px 32px 32px 0px;
	}
	.ds_kallak_PF2e .encumbrance-grid {
		grid-template-columns: 0px 84px 1fr 36px 32px 32px 0px;
	}
	.ds_kallak_PF2e .shield-grid {
		grid-template-columns: 0px 42px 36px 1fr 32px 32px 32px 0px;
	}
}
/* PHONE SETTINGS */
@media only screen and (max-width: 420px) {
	.ds_kallak_PF2e .grid-tabs {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.ds_kallak_PF2e .grid-1,
	.ds_kallak_PF2e .grid-2,
	.ds_kallak_PF2e .grid-3,
	.ds_kallak_PF2e .grid-4,
	.ds_kallak_PF2e .basic-info-grid,
	.ds_kallak_PF2e .campaign-notes-grid {
		grid-template-columns: 100%;
	}
	.ds_kallak_PF2e .campaign-notes-grid {
		grid-template-rows: 186px 60px;
	}
	.ds_kallak_PF2e .ancestry,
	.ds_kallak_PF2e .background,
	.ds_kallak_PF2e .size,
	.ds_kallak_PF2e .class,
	.ds_kallak_PF2e .alignment,
	.ds_kallak_PF2e .deity,
	.ds_kallak_PF2e .traits,
	.ds_kallak_PF2e .languages,
	.ds_kallak_PF2e .notes,
	.ds_kallak_PF2e .allies,
	.ds_kallak_PF2e .enemies,
	.ds_kallak_PF2e .organizations {
		grid-area: auto;
	}
	.ds_kallak_PF2e .entry {
		grid-template-columns: 75% 25%;
	}
	.ds_kallak_PF2e .tab {
		font-size: 16px;
		margin-bottom: 4px;
	}
	.ds_kallak_PF2e .action-container {
		grid-template-rows: 26px 28px 36px;
	}
	.ds_kallak_PF2e .action-container .action-icons {
		grid-template-columns: 18px 1fr 18px 1fr 18px 1fr;
		grid-area: 2/2/2/5;
	}
	.ds_kallak_PF2e .action-container .action-traits {
		grid-area: 3/2/3/5;
		margin-right: 0px;
	}
	.ds_kallak_PF2e .action-container .action-page {
		grid-area: 4/2/4/5;
		margin-right: 0px;
	}
	.ds_kallak_PF2e .action-container .action-description {
		grid-area: 5/2/5/5;
	}
	.ds_kallak_PF2e .ability-score-grid,
	.ds_kallak_PF2e .ability-label-grid {
		grid-template-columns: 123px 1fr 32px 32px 12px;
	}
	.ds_kallak_PF2e .dc-grid {
		grid-template-columns: 0px 36px 1fr 32px 32px 48px 32px 0px;
	}
	.ds_kallak_PF2e .dc-grid .value-total {
		width: 34px;
	}
	.ds_kallak_PF2e .saving-throw-grid {
		grid-template-columns: 0px 43px 36px 1fr 32px 48px 32px 0px;
	}
	.ds_kallak_PF2e .save-label {
		font-size: 16px;
	}
	.ds_kallak_PF2e .saving-throw-grid .value-total {
		width: 34px;
	}
	.ds_kallak_PF2e .skill-grid {
		grid-template-columns: 0px 36px 1fr 0px 32px 48px 32px 32px 0px;
		grid-template-rows: 27px 15px 18px 3px;
	}
	.ds_kallak_PF2e .skill-grid .save-label,
	.ds_kallak_PF2e .skill-label {
		grid-area: 1/1/2/10;
		margin-top: 0px;
		margin-bottom: 3px;
	}
	.ds_kallak_PF2e .skill-total {
		grid-area: 2/2/5/3;
	}
	.ds_kallak_PF2e .name-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-column-gap: 6px;
		grid-row-gap: 6px;
	}
	.ds_kallak_PF2e .name-grid .name-box {
		grid-area: 1/1/2/3;
	}
	.ds_kallak_PF2e .name-grid .character-level {
		grid-area: 2/1/3/2;
	}
	.ds_kallak_PF2e .name-grid .hero-points {
		grid-area: 2/2/3/3;
	}
	.ds_kallak_PF2e .spell-slots-grid {
		grid-template-columns: repeat(6, 1fr);
	}
	.ds_kallak_PF2e .tradition-grid .tradition-label,
	.ds_kallak_PF2e .tradition-grid2 .tradition-label {
		text-align: center;
	}
	.ds_kallak_PF2e .list_spells {
		grid-template-columns: 1fr;
	}
	.ds_kallak_PF2e .spell-container .action-icons {
		grid-area: 3/2/4/4;
		grid-template-columns: repeat(3, 12px 1fr);
	}
	.ds_kallak_PF2e .spell-container .spell-type {
		grid-area: 2/2/3/4;
	}
	.ds_kallak_PF2e .spell-container .spell-two-column {
		grid-area: 4/2/5/4;
	}
	.ds_kallak_PF2e .spell-container .spell-mismatch-column {
		grid-area: 5/2/6/4;
	}
	.ds_kallak_PF2e .spell-container .spell-components {
		grid-column-gap: 4px;
	}
	.ds_kallak_PF2e .spell-container .spell-traits {
		grid-area: 6/2/7/4;
	}
	.ds_kallak_PF2e .spell-container .spell-description {
		grid-area: 7/2/8/4;
	}
	.ds_kallak_PF2e .list_inventory {
		grid-template-columns: 1fr;
	}
	.ds_kallak_PF2e .inventory-container .item-details {
		grid-template-columns: 1fr 1fr;
	}
	.ds_kallak_PF2e .speed-grid {
		grid-template-columns: 0px 0px 1fr 32px 32px 32px 32px 32px 0px;
		grid-template-rows: 27px 15px 18px 3px;
	}
	.ds_kallak_PF2e .speed-grid .save-label {
		grid-area: 1/1/2/10;
		margin-bottom: 3px;
		margin-top: 0px;
	}
	.ds_kallak_PF2e .attack-container .attack-row-1 {
		grid-template-columns: 40px 1fr 1fr;
	}
	.ds_kallak_PF2e .attack-row-1 .attack-type .full-word {
		display: none;
	}
	.ds_kallak_PF2e .dsf_lore1_name,
	.ds_kallak_PF2e .dsf_lore2_name,
	.ds_kallak_PF2e .dsf_lore3_name,
	.ds_kallak_PF2e .dsf_lore4_name{
		font-size: 16px;
	}
	.ds_kallak_PF2e .one-proficiency .teml-type-name {
		font-size: 10px;
	}
	.ds_kallak_PF2e .list_attacks {
		grid-template-columns: 1fr;
	}
	.ds_kallak_PF2e .one-npc-grid .dslf,
	.ds_kallak_PF2e .one-consumable .dslf,
	.ds_kallak_PF2e .one-gem .dslf,
	.ds_kallak_PF2e .npc-name-container .dslf {
		font-size: 12px;
		height: 24px;
		line-height: 28px;
	}
	.ds_kallak_PF2e .npc-label-grid {
		grid-template-columns: 1fr 120px;
	}
	.ds_kallak_PF2e .one-npc-grid {
		grid-template-columns: 8px 1fr 120px;
	}
	.ds_kallak_PF2e .encumb-container {
		grid-template-columns: 50px 0px 42px 1fr 36px 32px 32px 0px;
	}
	.ds_kallak_PF2e .encumbrance-grid {
		grid-template-columns: 0px 98px 1fr 36px 32px 32px 0px;
	}
	.ds_kallak_PF2e .shield-grid {
		grid-template-columns: 0px 58px 36px 1fr 32px 32px 32px 0px;
	}
	.ds_kallak_PF2e .attack-container .dslf_attack_group,
	.ds_kallak_PF2e .attack-container .dslf_attack_traits {
		font-size: 14px;
		height: 17.6px;
		line-height: 17.6px;
	}
}

Javascript

var $ = jQuery;
csx_opts = {
	'setupCallback': function(item){kallak_PF2e_setup(item);},
	'uiContainer': function(){return document;},
	'defaultFieldValue':'&nbsp;',
	'imagePath':'https://chainsawxiv.github.io/DST/common/images/',
	'preloadFiles':[
		'add.png',
		'add_hover.png',
		'balance.png',
		'balance_hover.png',
		'bullet.png',
		'fb_back_bottom.png',
		'fb_back_main.png',
		'fb_back_top.png',
		'grab.png',
		'grab_hover.png',
		'tip.png',
		'tip_hover.png',
		'trash.png',
		'trash_active.png',
		'trash_hover.png',
	],
};

function kallak_PF2e_dataPreLoad(opts){
	aisleten.characters.jeditablePlaceholder = csx_opts.defaultFieldValue;
	if(typeof dynamic_sheet_attrs == "undefined") {
		dynamic_sheet_attrs = {};
	}
	var containerId = csx_opts.containerId;
	var defaults = {
		lore1_name: "Lore",
		lore2_name: "Lore",
		lore3_name: "Lore",
		lore4_name: "Lore",
	}
	dynamic_sheet_attrs = $.extend(defaults, dynamic_sheet_attrs);
}

function kallak_PF2e_dataPostLoad(options) {
	csx_opts.defaultContext = document.getElementById(options.containerId);	
	csx_opts.uiContainer = csx_opts.defaultContext.querySelector('.uicontainer');
	csx_opts.isEditable = options.isEditable;
	csx_opts.containerId = "#" + options.containerId;
	
	var containerId = csx_opts.containerId;
	kallak_PF2e_updateXP(containerId);
	
	if (options.isEditable) {
		var containerId = options.containerId;
		kallak_PF2e_updateStat("str", containerId);
		kallak_PF2e_updateStat("dex", containerId);
		kallak_PF2e_updateStat("con", containerId);
		kallak_PF2e_updateStat("int", containerId);
		kallak_PF2e_updateStat("wis", containerId);
		kallak_PF2e_updateStat("cha", containerId);
	}
	var includes = document.createElement('script');
	includes.type = 'text/javascript';
	includes.src = 'https://chainsawxiv.github.io/DST/common/js/csx_pathfinder_common.js';
	includes.onload = function(){
		csx_opts.setupCallback();
	};
	document.body.appendChild(includes);
}

function kallak_PF2e_dataChange(options) {
	//var field = options['fieldName'];
	//var containerId = "#" + options['containerId'];
	var field = this.className.match(/dsf_([\d\w_]+)/)[1];
	var containerId = csx_opts.containerId;
	
	switch (field) {
		case "str":
			kallak_PF2e_updateStat("str", containerId);
			kallak_PF2e_updateSkills("str", containerId);
			kallak_PF2e_updateEncumbrance(containerId);
			kallak_PF2e_checkKey("str", containerId);
			break;
		case "int":
			kallak_PF2e_updateStat("int", containerId);
			kallak_PF2e_updateSkills("int", containerId);
			kallak_PF2e_checkKey("int", containerId);
			break;
		case "wis":
			kallak_PF2e_updateStat("wis", containerId);
			kallak_PF2e_updateSkills("wis", containerId);
			kallak_PF2e_updateSave("wis", "will", containerId);
			kallak_PF2e_updatePerception(containerId);
			kallak_PF2e_checkKey("wis", containerId);
			break;
		case "dex":
			kallak_PF2e_updateStat("dex", containerId);
			kallak_PF2e_updateSkills("dex", containerId);
			kallak_PF2e_updateSave("dex", "ref", containerId);
			kallak_PF2e_checkKey("dex", containerId);
			break;
		case "con":
			kallak_PF2e_updateStat("con", containerId);
			kallak_PF2e_updateSave("con", "fort", containerId);
			kallak_PF2e_checkKey("con", containerId);
			break;
		case "cha":
			kallak_PF2e_updateStat("cha", containerId);
			kallak_PF2e_updateSkills("cha", containerId);
			kallak_PF2e_checkKey("cha", containerId);
			break;
		case "class_dc_item":
			kallak_PF2e_updateClassDC(containerId);
			break;
		case "athletics_item":
		case "athletics_armor":
			kallak_PF2e_updateSkills("str", containerId);
			break;
		case "acrobatics_item":
		case "acrobatics_armor":
		case "stealth_item":
		case "stealth_armor":
		case "thievery_item":
		case "thievery_armor":
			kallak_PF2e_updateSkills("dex", containerId);
			break;
		case "arcana_item":
		case "crafting_item":
		case "lore1_item":
		case "lore2_item":
		case "lore3_item":
		case "lore4_item":
		case "occultism_item":
		case "society_item":
			kallak_PF2e_updateSkills("int", containerId);
			break;
		case "medicine_item":
		case "nature_item":
		case "religion_item":
		case "survival_item":
			kallak_PF2e_updateSkills("wis", containerId);
			break;
		case "deception_item":
		case "diplomacy_item":
		case "intimidation_item":
		case "performance_item":
			kallak_PF2e_updateSkills("cha", containerId);
			break;
		case "fort_item":
			kallak_PF2e_updateSave("con", "fort", containerId);
			break;
		case "ref_item":
			kallak_PF2e_updateSave("dex", "ref", containerId);
			break;
		case "will_item":
			kallak_PF2e_updateSave("wis", "will", containerId);
			break;
		case "perception_item":
			kallak_PF2e_updatePerception(containerId);
			break;
		case "char_level":
			kallak_PF2e_updateLevel();
			break;
		case "ac_dexcap":
		case "ac_item":
			kallak_PF2e_updateArmorClass(containerId);
			break;
		case "current_xp":
			kallak_PF2e_updateXP(containerId);
			break;
	}
}

function kallak_PF2e_setup(context){
	// Provide default context, then setup interfaces
	if (context == undefined)
		context = csx_opts.defaultContext;
	csx_check(context);
	csx_edit(context);
	csx_list(context);
	
	var edits = context.querySelectorAll(".dsf");
	for( var e = 0; e < edits.length; e++ ){
		edits[ e ].update = kallak_PF2e_dataChange;
	}
	
	var bulk_items = context.querySelectorAll("[class$='_bulk']");
	for( var j = 0; j < bulk_items.length; j++){
		bulk_items[j].update = kallak_PF2e_calc_bulk;
	}
	var trashBins = context.querySelectorAll('.inventory_trash');
	for (var x = 0; x < trashBins.length; x++) {
		trashBins[x].addEventListener('drop', function (e) {
			kallak_PF2e_calc_bulk();
		});
	}
	
	
	var checks = context.querySelectorAll( ".check" );
	for (var i = 0; i < checks.length; i++) {
		checks[i].onUpdate = function() {
			if ( this.className.match( "group_" ) && this.value() ){
				var key = this.className.match( /group_[\w\d]+/ )[ 0 ];
				var members = document.querySelectorAll( "." + key );
				for ( var i = 0; i < members.length; i++ ){
					if ( members[ i ].value() && members[ i ] != this )
						members[ i ].click();
				}
			}
			if (this.className.match("_teml")) {
				kallak_PF2e_teml_trigger(this);
			}
			if (this.className.match("_key")) {
				kallak_PF2e_key_trigger(this);
			}
			if (this.className.match("_xp_speed")) {
				kallak_PF2e_xp_trigger();
			}
			if (this.className.match("_armor_type") ||
				this.className.match("unarmored") || 
				this.className.match("light") ||
				this.className.match("medium") ||
				this.className.match("heavy") ||
				this.className.match("wpn_arm_1")
				) {
				kallak_PF2e_armor_trigger();
			}
		}
	}
}

function kallak_PF2e_dataPreSave(){
	// Default context if not set, then unrender field values
	var context = csx_opts.defaultContext;
	var edits = context.querySelectorAll('.dsf:not(.readonly),.edit');
	for (var i = 0; i < edits.length; i++)
		edits[i].unrender();
	
	var checks = context.querySelectorAll('.check');
	for (var i = 0; i < checks.length; i++)
		checks[i].unrender();

	var lists = context.querySelectorAll('.list');
	for (var i = 0; i < lists.length; i++)
		lists[i].unrender();	
}

function kallak_PF2e_getElementsByClassName(className,elementType) {
	if (!elementType) {
		elementType = 'div';
	}
	var list = new Array();
	var divs = csx_opts.defaultContext.getElementsByTagName(elementType);
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].className.match(className)) {
			list[list.length] = divs[i];
		}
	}
	return list;
}

function kallak_PF2e_tabClick(pageNum) {
	var pages = kallak_PF2e_getElementsByClassName('page-');
	for (var i = 0; i < pages.length; i++) {
		var tab = kallak_PF2e_getElementsByClassName('tab-' + (i + 1))[0];
		if (pages[i].className.match('page-' + pageNum)) {
			pages[i].style.display = 'block';
			tab.style.backgroundColor = '#FFFFFF';
			tab.style.borderBottom = '1px solid white'
		}
		else {
			pages[i].style.display = 'none';
			tab.style.backgroundColor = '#CCCCCC';
			tab.style.borderBottom = '1px solid black';
		}
	}
}

function kallak_PF2e_teml_trigger(item) {
	var group = item.className.substr(item.className.indexOf("group_") + 6, item.className.length);
	var containerId = csx_opts.containerId;
	
	switch (group) {
		case "class_dc":
			kallak_PF2e_updateClassDC(containerId);
			break;
		case "fort":
			kallak_PF2e_updateSave("con", "fort", containerId);
			break;
		case "ref":
			kallak_PF2e_updateSave("dex", "ref", containerId);
			break;
		case "will":
			kallak_PF2e_updateSave("wis", "will", containerId);
			break;
		case "perception":
			kallak_PF2e_updatePerception(containerId);
			break;
		case "spell_dc":
			kallak_PF2e_updateSpellDC(containerId);
			break;
		case "spell_attack":
			kallak_PF2e_updateSpellAttack(containerId);
			break;
		case "athletics":
			kallak_PF2e_updateSkills("str", containerId);
			break;
		case "acrobatics":
		case "stealth":
		case "thievery":
			kallak_PF2e_updateSkills("dex", containerId);
			break;
		case "arcana":
		case "crafting":
		case "lore1":
		case "lore2":
		case "lore3":
		case "lore4":
		case "occultism":
		case "society":
			kallak_PF2e_updateSkills("int", containerId);
			break;
		case "medicine":
		case "nature":
		case "religion":
		case "survival":
			kallak_PF2e_updateSkills("wis", containerId);
			break;
		case "deception":
		case "diplomacy":
		case "intimidation":
		case "performance":
			kallak_PF2e_updateSkills("cha", containerId);
			break;
	}
}

function kallak_PF2e_updateLevel() {
	var temls = [
		"class_dc",
		"fort",
		"ref",
		"will",
		"perception",
		"spell_dc",
		"spell_attack",
		"acrobatics",
		"arcana",
		"athletics",
		"crafting",
		"deception",
		"diplomacy",
		"intimidation",
		"lore1",
		"lore2",
		"lore3",
		"lore4",
		"medicine",
		"nature",
		"occultism",
		"performance",
		"religion",
		"society",
		"stealth",
		"survival",
		"thievery",
		"armor_type"
	];
	for (i = 0; i < temls.length; i++) {
		var items = document.querySelectorAll(".group_" + temls[i]);
		kallak_PF2e_teml_trigger(items[0]);
	}
	kallak_PF2e_armor_trigger();
}

function kallak_PF2e_teml_value(group) {
	var checks = document.querySelectorAll(".group_" + group);
	var bonus = 0;
	for (var i = 0; i < checks.length; i++) {
		if (checks[i].value() == 1) {
			var level = checks[i].className.substr(checks[i].className.indexOf("teml_") + 5, 1);
			
			switch(level) {
				case "t":
					bonus = 2;
					break;
				case "e":
					bonus = 4;
					break;
				case "m":
					bonus = 6;
					break;
				case "l":
					bonus = 8;
					break;
				default:
					bonus = 0;
			}
		}
	}
	if (bonus == 0) {
		return bonus;
	}
	var containerId = csx_opts.containerId;
	var char_level = Number($(containerId + " .dsf_char_level").text());
	bonus += char_level;
	return bonus;
}

function kallak_PF2e_key_trigger(item) {
	var containerId = csx_opts.containerId;
	var keys = document.querySelectorAll(".group_key");
	var stat = "";
	for (var i = 0; i < keys.length; i++) {
		if(keys[i].value() == 1)  {
			stat = keys[i].className.substr(keys[i].className.indexOf("_key") - 3, 3);
		}
	}
	var modifier = Number($(containerId + " .dsf_" + stat + "_mod:first").text())
	$(containerId + " .dsf_class_dc_key").text(modifier);
	$(containerId + " .dsf_spell_attack_key").text(modifier);
	$(containerId + " .dsf_spell_dc_key").text(modifier);
	kallak_PF2e_updateClassDC(containerId);
	kallak_PF2e_updateSpellDC(containerId);
	kallak_PF2e_updateSpellAttack(containerId);
}

function kallak_PF2e_armor_trigger() {
	var containerId = csx_opts.containerId;
	var armorType = document.querySelectorAll(".group_armor_type");
	var type = "";
	for (var i = 0; i < armorType.length; i++) {
		if(armorType[i].value() == 1) {
			type = armorType[i].className.substr(armorType[i].className.indexOf("type_") + 5, 1);
		}
	}
	var prof = 0;
	switch (type) {
		case "u":
			prof = kallak_PF2e_teml_value("unarmored");
			break;
		case "l":
			prof = kallak_PF2e_teml_value("light");
			break;
		case "m":
			prof = kallak_PF2e_teml_value("medium");
			break;
		case "h":
			prof = kallak_PF2e_teml_value("heavy");
			break;
		case "c":
			prof = kallak_PF2e_teml_value("wpn_arm_1");
			break;
	}
	$(containerId + " .dsf_ac_prof").text(prof);
	kallak_PF2e_updateArmorClass(containerId);
}

function kallak_PF2e_updateXP(containerId) {
	var currentXP = Number($(containerId + " .dsf_current_xp").text());
	var nextXP = "";
	var speed = "";
	var speeds = document.querySelectorAll(".group_xp_speed");
	for (var i = 0; i < speeds.length; i++) {
		if (typeof speeds[i].value == 'function') {
			if(speeds[i].value() == 1) {
				speed = speeds[i].className.substr(speeds[i].className.indexOf("_xp_speed_") + 10, 1);
			}
		}
		else {
			if( speeds[ i ].innerHTML == "1" ) {
				speed = speeds[i].className.substr(speeds[i].className.indexOf("_xp_speed_") + 10, 1);
			}
		}
	}
	switch (speed) {
		case "1":
			nextXP = 1200;
			break;
		case "2":
			nextXP = 800;
			break;
		default:
			nextXP = 1000;
			break;
	}
	$(containerId + " .dsf_next_xp").text(nextXP);
	var test = $(containerId + " .dsf_next_xp").text();
	var percentage = Number((100 * (currentXP / nextXP)).toFixed(1));
	if (percentage > 100) {
		percentage = 100;
	}
	if (percentage < 0) {
		percentage = 0;
	}
	$(containerId + " .dsf_xp_percentage").text(percentage);
	var xpBar = document.querySelectorAll(".xp-bar-fill")[0];
	xpBar.style.width = percentage + "%";
}

function kallak_PF2e_xp_trigger() {
	var containerId = csx_opts.containerId;
	kallak_PF2e_updateXP(containerId);
}

function kallak_PF2e_calc_bulk() {
	var containerId = csx_opts.containerId;
	total = 0;
	bulk_items = document.querySelectorAll("[class$='_bulk']");
	for(var i = 0; i < bulk_items.length; i++) {
		if (!bulk_items[i].className.match("dsf_bulk")) {
			var value = bulk_items[i].value();
			if (value == "L" || value == "l"){
				value = .1;
				total += value;
			}
			else {
				total += Number(value);
			}
		}
	}
	total = total.toFixed(1);
	$(containerId + " .dsf_bulk").text(total);
}

function kallak_PF2e_updateEncumbrance(containerId) {
	var total = 5;
	total += Number($(containerId + " .dsf_str_mod:first").text());
	$(containerId + " .dsf_encumbered").text(total);
	total += 5;
	$(containerId + " .dsf_maximum").text(total);
}

function kallak_PF2e_calcSkill(stat, skill, containerId) {
	var total = Number($(containerId + " .dsf_" + skill + "_armor").text());
	if(total == undefined) {
		total = 0;
	}
	total += Number($(containerId + " .dsf_" + stat + "_mod:first").text());
	total += kallak_PF2e_teml_value(skill);
	total += Number($(containerId + " .dsf_" + skill + "_item").text())
	$(containerId + " .dsf_" + skill + "_total").text(total);
}

function kallak_PF2e_updateSkills(stat, containerId) {
	switch (stat) {
		case "str":
			kallak_PF2e_calcSkill("str", "athletics", containerId);
			break;
		case "dex":
			kallak_PF2e_calcSkill("dex", "acrobatics", containerId);
			kallak_PF2e_calcSkill("dex", "stealth", containerId);
			kallak_PF2e_calcSkill("dex", "thievery", containerId);
			break;
		case "int":
			kallak_PF2e_calcSkill("int", "arcana", containerId);
			kallak_PF2e_calcSkill("int", "crafting", containerId);
			kallak_PF2e_calcSkill("int", "lore1", containerId);
			kallak_PF2e_calcSkill("int", "lore2", containerId);
			kallak_PF2e_calcSkill("int", "lore3", containerId);
			kallak_PF2e_calcSkill("int", "lore4", containerId);
			kallak_PF2e_calcSkill("int", "occultism", containerId);
			kallak_PF2e_calcSkill("int", "society", containerId);
			break;
		case "wis":
			kallak_PF2e_calcSkill("wis", "medicine", containerId);
			kallak_PF2e_calcSkill("wis", "nature", containerId);
			kallak_PF2e_calcSkill("wis", "religion", containerId);
			kallak_PF2e_calcSkill("wis", "survival", containerId);
			break;
		case "cha":
			kallak_PF2e_calcSkill("cha", "deception", containerId);
			kallak_PF2e_calcSkill("cha", "diplomacy", containerId);
			kallak_PF2e_calcSkill("cha", "intimidation", containerId);
			kallak_PF2e_calcSkill("cha", "performance", containerId);
			break;
	}
}

function kallak_PF2e_updateSave(stat, save, containerId) {
	var total = Number($(containerId + " .dsf_" + stat + "_mod:first").text());
	total += kallak_PF2e_teml_value(save);
	total += Number($(containerId + " .dsf_" + save + "_item").text());
	$(containerId + " .dsf_" + save + "_total").text(total);
}

function kallak_PF2e_updatePerception(containerId) {
	var total = Number($(containerId + " .dsf_wis_mod:first").text());
	total += kallak_PF2e_teml_value("perception");
	total += Number($(containerId + " .dsf_perception_item").text());
	$(containerId + " .dsf_perception_total").text(total);
}

function kallak_PF2e_updateClassDC(containerId) {
	var total = 10;
	total += Number($(containerId + " .dsf_class_dc_key").text());
	total += kallak_PF2e_teml_value("class_dc");
	total += Number($(containerId + " .dsf_class_dc_item").text());
	$(containerId + " .dsf_class_dc_total").text(total);
}

function kallak_PF2e_updateSpellDC(containerId) {
	var total = 10;
	total += Number($(containerId + " .dsf_spell_dc_key").text());
	total += kallak_PF2e_teml_value("spell_dc");
	$(containerId + " .dsf_spell_dc_total").text(total);
}

function kallak_PF2e_updateSpellAttack(containerId) {
	var total = Number($(containerId + " .dsf_spell_attack_key").text());
	total += kallak_PF2e_teml_value("spell_attack");
	$(containerId + " .dsf_spell_attack_total").text(total);
}

function kallak_PF2e_updateStat(stat, containerId) {
	var value = Number($(containerId + " .dsf_" + stat).text())
	if (kallak_PF2e_isNumeric(value)) {
		$(containerId + " .dsf_" + stat + "_mod").text(Math.floor((parseInt(value) - 10) / 2));
	}
}

function kallak_PF2e_updateArmorClass(containerId) {
	var total = 10;
	total += Number($(containerId + " .dsf_ac_dexcap").text());
	total += Number($(containerId + " .dsf_ac_item").text());
	total += Number($(containerId + " .dsf_ac_prof").text());
	$(containerId + " .dsf_ac_total").text(total);
}

function kallak_PF2e_checkKey(stat) {
	var key = document.querySelectorAll('dsf_' + stat + '_key');
	kallak_PF2e_key_trigger(key);
}

function kallak_PF2e_isNumeric(n) {
	return ($.isNumeric && $.isNumeric(n)) || (!isNaN(parseFloat(n)) && isFinite(n));
}

Back

Kallak's Pathfinder 2E (mobile/tablet friendly)

Create Your Campaign

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.

Kallak's Pathfinder 2E (mobile/tablet friendly)

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.