.box { width: 40%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; } .popup h3 { margin-top: 0; color: #333; font-family:Times,serif; } .popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: #06D85F; } .popup .content { max-height: 30%; overflow: auto; text-align: left; font-family:Times,serif; font-size: 1.2em; width: 100%; min-width: 0; max-width: 100%; } .ui-dialog .charsheet button[type=action]:before { font-family: 'dicefontd20'; content: 't '; } .ui-dialog .charsheet button[type=action] { background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; padding: 0; margin: 0; outline: none; width:25px; font-size: 1.2em; } button[type=action]:hover { background-color: #E0E1E2 !important; border: 2px solid black; border-radius: 10px; background-position: 0 -28px; text-shadow: 0px 0px 0.2em #6C3306; } input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } button[type=roll] { background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; padding: 0; margin: 0 5px; outline: none; } button[type=roll]:hover { opacity: .5; } .charsheet { padding: 0px !important; /* Important needed to override Roll20 defaults */ min-width: 860px; } .sheet-dots { display: inline-block; float: right; top: 2px; right: 0; } .sheet-dots input[type='radio'] { opacity: 0; width: 16px; height: 16px; position: relative; top: 5px; left: 6px; margin: -10px; cursor: pointer; z-index: 1; } input[type="radio"] + span::before { margin-right: 3px; text-align: center; display: inline-block; vertical-align: middle; line-height: 10px; width: 10px; height: 10px; content: "x"; opacity:0; } textarea { font-family:Times,serif; font-size: 1em; color: #5555555; } .sheet-dots input[type="radio"]:not([value="0"]) + span { background: url("https://raw.githubusercontent.com/seregrauko/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/checkbox%20crossed.png") no-repeat; background-size:100%; } .sheet-dots input[type='radio']:checked ~ input[type='radio'] + span { background: url("https://raw.githubusercontent.com/seregrauko/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/checkbox%20empty.png") no-repeat; background-size:100%; } /* Remove dot from all radios _after_ selected one */ input[type="radio"]:checked ~ input[type="radio"] + span::before { content: ""; } /*pc npc logic*/ div.sheet-pcnpc input[type="radio"]:checked + span { color: white; background-color: #222222; box-shadow: inset 0px 0px 3px 3px #333333; } div.sheet-pcnpc { align-items: center; display: flex; flex-direction: row; margin: 5px; width: calc(100% - 10px); } div.sheet-pcnpc input[type="radio"] { height: 100%; opacity: 0; width: 100%; z-index: 2; } div.sheet-pcnpc label { display: grid; color: black; text-align: center; font-size: 1em; } div.sheet-pcnpc label input, div.sheet-pcnpc label span { grid-area: 1 / 1 / 1 / 1; } div.sheet-pcnpc span { background-color: #e9e7e2; border-radius: 5px; box-shadow: 0 1px 1px #757575; display: inline-block; font-weight: bold; height: 1em; padding: 5% 2%; } div.sheet-PC, div.sheet-NPC { display: none; } .sheet-npctoggle[value="pc"] ~ div.sheet-PC, .sheet-npctoggle[value="npc"] ~ div.sheet-NPC { display: block; } /* character sheet header */ div.sheet-header { display: flex; } div.sheet-character-name { display: flex; padding: 2px; flex: 1; flex-direction: column; width: 40%; } div.sheet-character-name > * { margin: 0; } div.sheet-character-name > label { align-items: stretch; display: flex; flex-direction: column; padding: 0; text-decoration: none; min-width: 33%; } div.sheet-character-name > label > span { background: #ffffff; box-sizing: border-box; color: black; flex: 1; padding: .8em; font-family:Times,serif; font-size:15.1px; color:#222222; font-weight:bold; font-style:normal; text-align: center; } div.sheet-character-name > label > input { margin: 0; flex: 2; border: 4px #222222; border-style: double none double none; padding: .5em; padding-left: 1em; font-family:Times,serif; font-size:15.1px; color:rgb(43,42,41); font-weight:bold; font-style:normal; text-align: center; height: auto; width: auto; } div.sheet-character-name > label > input:placeholder-shown { border: 0; } div.sheet-character-name img { margin-left: auto; margin-right: auto; } div.sheet-character-info { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 4px; grid-row-gap: 2px; padding: 2px 4px 2px 2px; width: 60%; border: 2px solid #222222; border-radius: 10px; } div.sheet-character-info > * { margin: 0; } div.sheet-character-info > label { align-items: stretch; border: 1px solid #222222; display: flex; flex-direction: column; padding: 0; font-family:Times,serif; font-size:15.1px; color:rgb(43,42,41); font-weight:bold; font-style:normal; text-decoration: none min-width: 33%; } div.sheet-character-info > label > span { background: #ffffff; box-sizing: border-box; color: black; flex: 1; padding: .8em; text-align: left; } div.sheet-character-info > label > input { margin: 0; flex: 2; font-size: 1em; border: 0; padding: .5em; padding-left: 1em; height: auto; width: auto; } div.sheet-character-info > label > input:placeholder-shown { border: 0; } div.sheet-character-info label[data-i18n-title="classlevelarchtype"] { border-radius: 10px 0px 0px 0px; grid-area: 1 / 1 / 1 / 9; } div.sheet-classlist { width: 100%; grid-row: 18; grid-column: 1 / span 40; } div.sheet-character-info label[data-i18n-title="repeatingclass"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; } div.sheet-character-info label[data-i18n-title="repeatingclass"] > input { font-family:Times,serif; font-size: 0.8em; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; vertical-align: middle; } div.sheet-character-info label[data-i18n-title="repeatingclass"] > input[data-i18n-placeholder="class"]{ grid-column: 2 / span 16; } div.sheet-character-info label[data-i18n-title="repeatingclass"] > div.sheet-archetypeslist { grid-column: 20 / span 15; } /*archtype dropdown logic*/ /* By deafult, hides all archetypes*/ .charsheet .sheet-archtypefull, .charsheet .sheet-adept, .charsheet .sheet-bard, .charsheet .sheet-berserker, .charsheet .sheet-cleric, .charsheet .sheet-druid, .charsheet .sheet-herald, .charsheet .sheet-fighter, .charsheet .sheet-marshal, .charsheet .sheet-ranger, .charsheet .sheet-rogue, .charsheet .sheet-sorcerer, .charsheet .sheet-warlock, .charsheet .sheet-wizard { display: none; } .charsheet .sheet-archetypetoggle[value="archetype"] ~ div.sheet-archtypefull, .charsheet .sheet-archetypetoggle[value="Adept"] ~ div.sheet-adept, .charsheet .sheet-archetypetoggle[value="Bard"] ~ div.sheet-bard, .charsheet .sheet-archetypetoggle[value="Berserker"] ~ div.sheet-berserker, .charsheet .sheet-archetypetoggle[value="Cleric"] ~ div.sheet-cleric, .charsheet .sheet-archetypetoggle[value="Druid"] ~ div.sheet-druid, .charsheet .sheet-archetypetoggle[value="Herald"] ~ div.sheet-herald, .charsheet .sheet-archetypetoggle[value="Fighter"] ~ div.sheet-fighter, .charsheet .sheet-archetypetoggle[value="Marshal"] ~ div.sheet-marshal, .charsheet .sheet-archetypetoggle[value="Ranger"] ~ div.sheet-ranger, .charsheet .sheet-archetypetoggle[value="Rogue"] ~ div.sheet-rogue, .charsheet .sheet-archetypetoggle[value="Sorcerer"] ~ div.sheet-sorcerer, .charsheet .sheet-archetypetoggle[value="Warlock"] ~ div.sheet-warlock, .charsheet .sheet-archetypetoggle[value="Wizard"] ~ div.sheet-wizard { display: block !important; } .charsheet .sheet-archtypefull input , .charsheet .sheet-adept input , .charsheet .sheet-bard input , .charsheet .sheet-berserker input , .charsheet .sheet-cleric input , .charsheet .sheet-druid input , .charsheet .sheet-herald input , .charsheet .sheet-fighter input , .charsheet .sheet-marshal input , .charsheet .sheet-ranger input , .charsheet .sheet-rogue input , .charsheet .sheet-sorcerer input , .charsheet .sheet-warlock input , .charsheet .sheet-wizard input { font-family:Times,serif; font-size: 0.8em; border: none; border-bottom: solid 1pt; border-radius:0; width: 140px; min-width: 0; vertical-align: middle; } div.sheet-character-info label[data-i18n-title="repeatingclass"] > input[data-i18n-placeholder="level"]{ grid-column: 35 / span 8; } div.sheet-character-info label[data-i18n-title="experience_points_xp"] { border-radius: 0px 10px 0px 0px; grid-area: 1 / 9 / 1 / 13; } div.sheet-character-info label[data-i18n-title="culture"] { grid-area: 2 / 5 / 2 / 9; } div.sheet-character-info label[data-i18n-title="background"] { border-radius: 0px 0px 10px 0px; grid-area: 2 / 9 / 2 / 13; } div.sheet-character-info label[data-i18n-title="heritage"] { border-radius: 0px 0px 0px 10px; grid-area: 2 / 1 / 2 / 5; } /* character sheet tab logic */ div.sheet-tabs input[type="radio"]:checked + span { color: white; background-color: #222222; box-shadow: inset 0px 0px 3px 3px #333333; } div.sheet-tabs { align-items: center; display: flex; flex-direction: row; margin: 5px; width: calc(100% - 10px); } div.sheet-tabs input[type="radio"] { height: 100%; opacity: 0; width: 100%; z-index: 2; } div.sheet-tabs label { display: grid; color: black; text-align: center; font-size: 1em; } div.sheet-tabs label input, div.sheet-tabs label span { grid-area: 1 / 1 / 1 / 1; } div.sheet-tabs span { background-color: #e9e7e2; border-radius: 5px; box-shadow: 0 1px 1px #757575; display: inline-block; font-weight: bold; height: 1em; padding: 5% 2%; } div.sheet-character, div.sheet-features, div.sheet-backgrounds, div.sheet-inventory, div.sheet-spells, div.sheet-notes { display: none; } .sheet-tabstoggle[value="character"] ~ div.sheet-PC div.sheet-character, .sheet-tabstoggle[value="features"] ~ div.sheet-PC div.sheet-features, .sheet-tabstoggle[value="backgrounds"] ~ div.sheet-PC div.sheet-backgrounds, .sheet-tabstoggle[value="inventory"] ~ div.sheet-PC div.sheet-inventory, .sheet-tabstoggle[value="spells"] ~ div.sheet-PC div.sheet-spells, .sheet-tabstoggle[value="notes"] ~ div.sheet-PC div.sheet-notes { display: block; } /*character sheet tabs */ div.sheet-character { flex-direction:column; } div.sheet-charactermiddle { display: flex; flex-direction: row; width: 100%; } div.sheet-abilityscores { width: 20%; border: none; display: flex; flex-direction: column; } div.sheet-abilityscore-title { font-size: 1.75em; text-align: center; font-family:Times,serif; width: 100%; font-weight: bold; } div.sheet-display-strength { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-strength > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-strength label[data-i18n-title="strength"] { grid-area: 2 / 6 / 2 / 14; border: none; text-align: center; } div.sheet-display-strength label[data-i18n-title="strengthstat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-strength label[data-i18n-title="strengthstat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-strength label[data-i18n-title="strength_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-strength label[data-i18n-title="strength_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-strength label[data-i18n-title="strengthroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-strength label[data-i18n-title="strength_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-strength label[data-i18n-title="strength_save_mod"] > span { font-size: 0.9em; } div.sheet-display-strength label[data-i18n-title="strength_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-strength label[data-i18n-title="strength_save_roll"]{ grid-area: 6 / 32 / 6 / 32; } div.sheet-display-strength label[data-i18n-title="strength_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-strength label[data-i18n-title="strength_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-display-dexterity { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-dexterity > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-dexterity label[data-i18n-title="dexterity"] { grid-area: 2 / 6 / 2 / 14; border: none; text-align: center; } div.sheet-display-dexterity label[data-i18n-title="dexteritystat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-dexterity label[data-i18n-title="dexteritystat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-dexterity label[data-i18n-title="dexterity_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-dexterity label[data-i18n-title="dexterity_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-dexterity label[data-i18n-title="dexterityroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_roll"] { grid-area: 6 / 32 / 6 / 32; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_mod"] > span { font-size: 0.9em; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-dexterity label[data-i18n-title="dexterity_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-display-constitution { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-constitution > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-constitution label[data-i18n-title="constitution"] { grid-area: 2 / 4 / 2 / 14; border: none; text-align: center; } div.sheet-display-constitution label[data-i18n-title="constitutionstat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-constitution label[data-i18n-title="constitutionstat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-constitution label[data-i18n-title="constitution_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-constitution label[data-i18n-title="constitution_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-constitution label[data-i18n-title="constitutionroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-constitution label[data-i18n-title="constitution_save_roll"] { grid-area: 6 / 32 / 6 / 32; } div.sheet-display-constitution label[data-i18n-title="constitution_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-constitution label[data-i18n-title="constitution_save_mod"] > span { font-size: 0.9em; } div.sheet-display-constitution label[data-i18n-title="constitution_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-constitution label[data-i18n-title="constitution_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-constitution label[data-i18n-title="constitution_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-display-intelligence { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-intelligence > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-intelligence label[data-i18n-title="intelligence"] { grid-area: 2 / 4 / 2 / 14; border: none; text-align: center; } div.sheet-display-intelligence label[data-i18n-title="intelligencestat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-intelligence label[data-i18n-title="intelligencestat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-intelligence label[data-i18n-title="intelligence_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-intelligence label[data-i18n-title="intelligence_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-intelligence label[data-i18n-title="intelligenceroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_roll"] { grid-area: 6 / 32 / 6 / 32; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_mod"] > span { font-size: 0.9em; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-intelligence label[data-i18n-title="intelligence_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-display-wisdom { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-wisdom > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-wisdom label[data-i18n-title="wisdom"] { grid-area: 2 / 6 / 2 / 14; border: none; text-align: center; } div.sheet-display-wisdom label[data-i18n-title="wisdomstat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-wisdom label[data-i18n-title="wisdomstat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-wisdom label[data-i18n-title="wisdom_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-wisdom label[data-i18n-title="wisdom_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-wisdom label[data-i18n-title="wisdomroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_roll"] { grid-area: 6 / 32 / 6 / 32; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_mod"] > span { font-size: 0.9em; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-wisdom label[data-i18n-title="wisdom_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-display-charisma { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Level%20Up%20-%20Advanced%205th%20Edition/levelup-statframe.jpg); background-size: contain; background-repeat: no-repeat; display: grid; grid-template-columns: repeat(35, 5px); grid-template-rows: repeat(24, 5px); } div.sheet-display-charisma > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: auto; width: auto; text-align: center; font-family:Times,serif; } div.sheet-display-charisma label[data-i18n-title="charisma"] { grid-area: 2 / 6 / 2 / 14; border: none; text-align: center; } div.sheet-display-charisma label[data-i18n-title="charismastat"] { grid-area: 7 / 3 / 7 / 10; } div.sheet-display-charisma label[data-i18n-title="charismastat"] > input{ font-size: 2.5em !important; font-weight: bold; width: 98px !important; height: 35px !important; } div.sheet-display-charisma label[data-i18n-title="charismaroll"] { grid-area: 17 / 14 / 17 / 14; } div.sheet-display-charisma label[data-i18n-title="charisma_mod"] { grid-area: 16 / 8 / 16 / 14; } div.sheet-display-charisma label[data-i18n-title="charisma_mod"] > input { font-size: 1.5em; font-weight: bold; width: 50px !important; height: 25px !important; } div.sheet-display-charisma label[data-i18n-title="charisma_save_roll"] { grid-area: 6 / 32 / 6 / 32; } div.sheet-display-charisma label[data-i18n-title="charisma_save_mod"] { grid-area: 6 / 26 / 6 / 26; } div.sheet-display-charisma label[data-i18n-title="charisma_save_mod"] > span { font-size: 0.9em; } div.sheet-display-charisma label[data-i18n-title="charisma_save_mod"] > input { font-size: 1.5em; font-weight: bold; width: 35px !important; height: 15px !important; } div.sheet-display-charisma label[data-i18n-title="charisma_save_prof"] { grid-area: 15 / 25 / 15 / -1; } div.sheet-display-charisma label[data-i18n-title="charisma_save_prof"] > span { font-size: 0.7em; width: 20px; } div.sheet-miscscores { width: 20%; border: none; display: flex; flex-direction: column; margin: 5px; gap: 5px; } div.sheet-display-profbonus { font-size: 1.15em; text-align: center; font-family:Times,serif; font-weight: bold; border: 4pt double; border-radius: 10px 10px 0px 0px; display: flex; height: 75px; } div.sheet-display-profbonus label[data-i18n-title="proficiencybonusstat"] { border: 4pt double; border-radius: 50%; width: 30%; height: auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: repeat(3, 1fr); } div.sheet-display-profbonus label[data-i18n-title="proficiencybonusstat"] > input { border: none; height: 30px !important; font-size: 1.9em !important; width: 30px !important; text-align: center !important; grid-area: 2 / 8 / 3 / 8; } div.sheet-display-profbonus label[data-i18n-title="proficiencybonus"] { border: none; width: 60%; height: 100%; display: grid; margin: 5px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: repeat(5, 1fr); } div.sheet-display-profbonus label[data-i18n-title="proficiencybonus"] > span { border: none; width: 60%; font-size: 1.1em !important; height: 100%; grid-area: 2 / 1 / 3 / 5; } div.sheet-display-initiative { font-size: 1.15em; text-align: center; font-family:Times,serif; font-weight: bold; border: 4pt double; border-radius: 0px 0px 10px 10px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; height: 60px; } div.sheet-display-initiative label[data-i18n-title="initiative"] { border: none; width: 100%; height: 100%; margin: 5px; grid-column: 1 / span 8; grid-row: 1; } div.sheet-display-initiative label[data-i18n-title="initiative"] > span { border: none; text-align: center; font-size: 1.1em; } div.sheet-display-initiative label[data-i18n-title="initiative"] > input { border: none; text-align: right; font-size: 1em; width: 30px !important; height: 20px !important; } div.sheet-display-initiative label[data-i18n-title="initiativeroll"] { border: none; width: 100%; height: 100%; margin: 5px; grid-column: 7 ; grid-row: 1; } div.sheet-display-initiative label[data-i18n-title="initiative2nd"] { border: none; width: 100%; height: auto; grid-row: 2; grid-column: 1 / span 8; } div.sheet-display-initiative label[data-i18n-title="initiative2nd"] > select { border: none; height: 80%; font-size: 0.7em; width: 100% !important; text-align: center !important; } div.sheet-display-acsizespeed { border: none; display: flex; flex-direction: row; height: 100px; } div.sheet-display-armour_class { font-family:Times,serif; font-weight: bold; border: 4pt double; border-radius: 0% 0% 70% 70%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; height: 100%; width: 50%; margin:0px; margin-right: 5px; } div.sheet-display-armour_class label[data-i18n-title="armour_classstat"] { border: none; width: 100%; grid-area: 3 / 1 / 3 / 6; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } div.sheet-display-armour_class label[data-i18n-title="armour_classstat"] > input { border: none; height: 80%; font-size: 2.75em; width: 50px !important; text-align: center !important; grid-area: 2 / 6 / 2 / 6; } div.sheet-display-armour_class label[data-i18n-title="armour_class"] { border: 2pt solid; background: #ffffff; grid-area: 5 / 1 / 6 / 6; text-align: center !important; } div.sheet-display-armour_class label[data-i18n-title="armour_class"] > span { font-size: 0.65em; font-family:Times,serif; font-weight: bold; text-align: center !important; width: auto; margin: 0px; } div.sheet-display-sizespeed { border: 2pt solid; border-radius: 10px 10px 10px 10px; display: flex; flex-direction: column; height: 100%; width: 50%; gap: 1px; } div.sheet-display-size { border: 1pt solid; border-radius: 10px 10px 0px 0px; display: flex; flex-direction: column; height: 45%; margin: 1pt 1pt 1pt 1pt; } div.sheet-display-size label[data-i18n-title="size"] { border: none; width: 100%; height: 100%; margin: 0px; margin-left: 5px; } div.sheet-display-size label[data-i18n-title="size"] > span { border: none; font-family:Times,serif; font-weight: bold; text-align: center; font-size: 0.8em; } div.sheet-display-size label[data-i18n-title="sizestat"] { border: none; width: 100%; height: auto; } div.sheet-display-size label[data-i18n-title="sizestat"] > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: 80%; width: 100% !important; text-align: center; font-family:Times,serif; } div.sheet-display-speed { border: 1pt solid; border-radius: 0px 0px 10px 10px; display: flex; flex-direction: column; height: 45%; margin: 0pt 1pt 3pt 1pt; } div.sheet-display-speed label[data-i18n-title="speed"] { border: none; width: 100%; height: 100%; margin: 0px; margin-left : 5px; } div.sheet-display-speed label[data-i18n-title="speed"] > span { border: none; text-align: center; font-weight: bold; font-family:Times,serif; font-size: 0.8em; } div.sheet-display-speed label[data-i18n-title="speedstat"] { border: none; width: 100%; height: auto; } div.sheet-display-speed label[data-i18n-title="speedstat"] > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; height: 80%; width: 100% !important; text-align: center; font-family:Times,serif; } div.sheet-display-hpsupply { border: 2pt solid; border-radius: 10px; height: 450px; margin-top: 10px; margin-left: 10px; } div.sheet-display-hp { border: 1pt solid; border-radius: 10px 10px 0px 0px; display: flex; flex-direction: column; height: 80px !important; width: 97%; gap: 1px 1px 0px 1px; margin: 1pt 1pt 0pt 1pt !important; } div.sheet-display-hp label[data-i18n-title="hit_points_current"] { border: none; width: 100%; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); grid-template-rows: repeat(7,minmax(0,1fr)); } div.sheet-display-hp label[data-i18n-title="hit_points_current"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 1em; grid-row: 1; grid-column: 1 / span 7; } div.sheet-display-hp label[data-i18n-title="hit_points_current"] > input { border: none; height: 50%; font-size: 2em; width: 70px !important; text-align: center !important; grid-row: 2; grid-column: 3 / span 3; } div.sheet-display-hdhpmax { border: none; display: flex; height: 16%; width: 100%; /* gap: 1px 1px 1px 1px; margin: 1pt 1pt 3pt 1pt !important;*/ text-align: center !important; } div.sheet-display-hd { font-family:Times,serif; font-weight: bold; border: 1pt solid; height: 100%; width: 50%; margin:0px; display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); grid-template-rows: repeat(7,minmax(0,1fr)); } div.sheet-display-hd label[data-i18n-title="hit_dice"] { border: none; margin: none; width: 100%; min-width: 0; text-align: center; grid-row: 1 / span 2; grid-column: 1 / span 7; } div.sheet-display-hd label[data-i18n-title="hit_dice"] > button { text-align: center !important; font-family:Times,serif !important; font-size: 0.9em !important; font-weight: bold; } div.sheet-display-hd label[data-i18n-title="hit_dice"] > input { border: none; height: 80%; font-size: 1em; width: 50px !important; height: 30px !important; text-align: center !important; } div.sheet-display-hd label[data-i18n-title="hit_dice_total"] { border: none; grid-row: 6; grid-column: 1 / span 7; width: 100%; min-width: 0; text-align: center; } div.sheet-display-hd label[data-i18n-title="hit_dice_total"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 0.8em; } div.sheet-display-hd label[data-i18n-title="hit_dice_total"] > input { border: none; border-bottom: solid 1pt; border-radius: 0; height: 20px; font-size: 0.7em; width: 30px !important; text-align: center !important; } div.sheet-display-hpmax { font-family:Times,serif; font-weight: bold; border: 1pt solid; height: 100%; width: 50%; margin:0px; margin-right: 2px; } div.sheet-display-hpmax label[data-i18n-title="hit_points_maximum"] { border: none; justify-content: center; width: 100%; min-width: 0; text-align: center; height: 100%; } div.sheet-display-hpmax label[data-i18n-title="hit_points_maximum"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 0.9em; width: 100%; } div.sheet-display-hpmax label[data-i18n-title="hit_points_maximum"] > input { border: none; font-size: 1.2em; width: 50px !important; text-align: center !important; } div.sheet-display-hptemp { border: 1pt solid; display: flex; flex-direction: column; height: 70px !important; width: 97%; gap: 1px 1px 1px 1px; /*margin: 3pt 1pt 1pt 1pt !important;*/ margin-top: 2px; margin-left: 1pt; margin-right: 1pt; } div.sheet-display-hptemp label[data-i18n-title="hit_points_temp"] { border: none; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } div.sheet-display-hptemp label[data-i18n-title="hit_points_temp"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 1em; grid-area: 1 / 1 / 1 / -1; } div.sheet-display-hptemp label[data-i18n-title="hit_points_temp"] > input { border: none; height: 80%; font-size: 1.5em; width: 50px !important; text-align: center !important; grid-area: 2 / 4 / 2 / 5; } div.sheet-display-death_saves { border: 1pt solid; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: repeat(3,minmax(0,1fr)); height: 70px !important; width: 97%; gap: 1px 1px 0px 1px; margin: 1pt 1pt 0pt 1pt !important; } div.sheet-display-death_saves label[data-i18n-title="death_saves"] { border: none; width: 100%; grid-row: 1; grid-column: 4 / span 12; margin: 0px; } div.sheet-display-death_saves label[data-i18n-title="death_saves"] > button { text-align: center !important; font-family:Times,serif !important; font-size: 1em !important; font-weight: bold; border: none; } div.sheet-display-death_saves label[data-i18n-title="death_saves_success"] { border: none; width: 100%; grid-row: 2; grid-column: 5 / span 8; margin: 0px; } div.sheet-display-death_saves label[data-i18n-title="death_saves_success"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-death_saves label[data-i18n-title="death_saves_successes"] { border: none; width: 100%; grid-row: 2; grid-column: 6 / span 12 !important; margin: 0px; } div.sheet-display-death_saves label[data-i18n-title="death_saves_fail"] { border: none; width: 100%; grid-row: 3; grid-column: 5 / span 8; margin: 0px; } div.sheet-display-death_saves label[data-i18n-title="death_saves_fail"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-death_saves label[data-i18n-title="death_saves_fails"] { border: none; width: 100%; grid-row: 3; grid-column: 6 / span 12; margin: 0px; } div.sheet-display-fatigue_strife { border: 1pt solid; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); height: 45px !important; width: 97%; /*gap: 1px 1px 0px 1px;*/ margin: 1pt 1pt 0pt 1pt !important; } div.sheet-display-fatigue_strife label[data-i18n-title="fatigue"] { border: none; grid-row: 1; grid-column: 1 / span 2; margin: 0px !important; align-content: right; } div.sheet-display-fatigue_strife label[data-i18n-title="fatigue"] > span { border: none; text-align: right; font-family:Times,serif; font-size: 0.8em; } div.sheet-display-fatigue_strife label[data-i18n-title="fatigues"] { border: none; grid-row: 1; width: 150% !important; grid-column: 6 / span 14; margin: 0px !important; align-content: left; vertical-align: middle; } div.sheet-display-fatigue_strife label[data-i18n-title="strife"] { border: none; width: 100%; grid-row: 2; grid-column: 1 / span 6; margin: 0px; align-content: center; } div.sheet-display-fatigue_strife label[data-i18n-title="strife"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 0.8em; } div.sheet-display-fatigue_strife label[data-i18n-title="strifes"] { border: none; width: 100%; grid-row: 2; grid-column: 6 / span 14; margin: 0px; align-content: center; vertical-align: middle; } div.sheet-display-supply { border: 1pt solid; border-radius: 0px 0px 10px 10px; display: flex; flex-direction: column; justify-content: no-space; height: 90px !important; width: 97%; margin: 1pt 1pt 0pt 1pt !important; } div.sheet-display-supply label[data-i18n-title="supply"] { border: none; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; margin: 0pt; } div.sheet-display-supply label[data-i18n-title="supply"] > span { border: none; text-align: center; font-family:Times,serif; font-size: 1em; grid-area: 1 / 1 / 1 / -1; } div.sheet-display-supply label[data-i18n-title="supply"] > input { border: none; height: 80%; font-size: 1.5em; width: 50px !important; text-align: center !important; grid-area: 2 / 4 / 2 / 5; } div.sheet-display-supply label[data-i18n-title="supply_max"] { border: none; width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; margin: 0pt; } div.sheet-display-supply label[data-i18n-title="supply_max"] > span { border: none; text-align: right; font-family:Times,serif; font-size: 0.8em; grid-area: 1 / 6 / 1 / 6; } div.sheet-display-supply label[data-i18n-title="supply_max"] > input { margin: 3pt 0pt 0pt 4pt; border: solid 1pt; border-radius: 50%; height: 30px; font-size: 1em; width: 30px !important; text-align: center !important; grid-area: 1 / 7 / 2 / 7; } div.sheet-destinyskill { width: 60%; border: none; } div.sheet-display-destiny { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: repeat(4,minmax(0,1fr)); justify-content: no-space; height: 150px !important; width: 97%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-destiny label[data-i18n-title="destiny"] { border: none; width: 100%; margin: 2px 0px 2px 0px; grid-row: 1 ; grid-column: 1; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); } div.sheet-display-destiny label[data-i18n-title="destiny"] > span { margin: 6px 0px 0px 5px; border: none; text-align: left; font-family:Times,serif; font-size: 1.5em; grid-column: 1 / span 5; } div.sheet-display-destiny label[data-i18n-title="destiny"] > input { margin: 2px 0px 0px 5px; border: none; border-bottom: solid 1pt; border-radius: 0; height: 80%; font-size: 1.5em; width: 80% !important; text-align: left !important; grid-column: 5 / span 20; } div.sheet-display-destiny label[data-i18n-title="destiny_source"] { border: none; width: 100%; margin: 2px 0px 2px 0px; grid-row: 2; grid-column: 1; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); } div.sheet-display-destiny label[data-i18n-title="destiny_source"] > span { margin: 6px 0px 0px 5px; border: none; text-align: left; font-family:Times,serif; font-size: 1em; grid-column: 1 / span 8; } div.sheet-display-destiny label[data-i18n-title="destiny_source"] > input { margin: 3px 0px 0px 5px; border: none; border-bottom: solid 1pt; border-radius: 0; height: 80%; font-size: 1em; width: 80% !important; text-align: left !important; grid-column: 8 / span 14; } div.sheet-display-destiny label[data-i18n-title="destiny_inspiration"] { border: none; width: 100%; margin: 2px 0px 2px 0px; grid-row: 3; grid-column: 1; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); } div.sheet-display-destiny label[data-i18n-title="destiny_inspiration"] > span { margin: 6px 0px 0px 5px; border: none; text-align: left; font-family:Times,serif; font-size: 1em; grid-column: 1 / span 6; } div.sheet-display-destiny label[data-i18n-title="destiny_inspiration"] > input { margin: 3px 0px 0px 5px; border: none; border-bottom: solid 1pt; border-radius: 0; height: 80%; font-size: 1em; width: 80% !important; text-align: left !important; grid-column: 8 / span 14; } div.sheet-display-destiny label[data-i18n-title="destiny_fulfillment"] { border: none; width: 100%; margin: 2px 0px 2px 0px; grid-row: 4; grid-column: 1; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); } div.sheet-display-destiny label[data-i18n-title="destiny_fulfillment"] > span { margin: 6px 0px 0px 5px; border: none; text-align: left; font-family:Times,serif; font-size: 1em; grid-column: 1 / span 8; } div.sheet-display-destiny label[data-i18n-title="destiny_fulfillment"] > input { margin: 3px 0px 0px 5px; border: none; border-bottom: solid 1pt; border-radius: 0; height: 80%; font-size: 1em; width: 80% !important; text-align: left !important; grid-column: 8 / span 14; } div.sheet-display-skill { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); grid-template-rows: repeat(18,1fr); justify-content: no-space; height: 560px !important; width: 97%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-skill label { border: none; width: 100%; min-width: 0; max-width: 100%; margin: 0pt; } div.sheet-display-skill label span { border: none; text-align: right; font-family:Times,serif; font-size: 0.7em; width: 100%; } div.sheet-display-skill label input { border: none; text-align: center; font-family:Times,serif; font-size: 0.7em; width: 100%; min-width: 0; max-width: 100%; height: 15px !important; } div.sheet-display-skill label[data-i18n-title="skills"] { grid-column: 18 / span 8; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-display-skill label[data-i18n-title="skills"] > span { text-align: center; font-size: 2em; } div.sheet-display-skill label[data-i18n-title="passive_stealth"] { grid-column: 2 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_stealth"] > span { font-size: 1em; } div.sheet-display-skill label[data-i18n-title="passive_stealthx"] { grid-column: 6 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_stealthx"] > input { border: solid 1pt; border-radius: 50%; height: 40px !important; font-size: 1em; width: 40px !important; } div.sheet-display-skill label[data-i18n-title="passive_insight"] { grid-column: 10 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_insight"] > span { font-size: 1em; } div.sheet-display-skill label[data-i18n-title="passive_insightx"] { grid-column: 14 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_insightx"] > input { border: solid 1pt; border-radius: 50%; height: 40px !important; font-size: 1em; width: 40px !important; } div.sheet-display-skill label[data-i18n-title="passive_perception"] { grid-column: 18 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_perception"] > span { font-size: 1em; } div.sheet-display-skill label[data-i18n-title="passive_perceptionx"] { grid-column: 24 / span 4; grid-row: 2 / span 2; } div.sheet-display-skill label[data-i18n-title="passive_perceptionx"] > input { border: solid 1pt; border-radius: 50%; height: 40px !important; font-size: 1em; width: 40px !important; } div.sheet-display-skill label[data-i18n-title="passive_misc"] { grid-column: 28 / span 7; grid-row: 2; } div.sheet-display-skill label[data-i18n-title="passive_misc"] > span { font-size: 1em; width: 100%; min-width: 0; } div.sheet-display-skill label[data-i18n-title="passive_misc"] > input { border: none; border-bottom: solid 1pt; border-radius: 0; font-size: 1em; width: 100%; min-width: 0; text-align: left !important; } div.sheet-display-skill label[data-i18n-title="passive_miscx"] { grid-column: 36 /span 4; grid-row: 2; } div.sheet-display-skill label[data-i18n-title="passive_miscx"] > input { border: solid 1pt; border-radius: 50%; height: 40px !important; font-size: 1em; width: 40px !important; } div.sheet-display-skill label[data-i18n-title="skillsettings"] { grid-column: 39; grid-row: 1; } div.sheet-display-skill label[data-i18n-title="skillsettings"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="skill"] { grid-column: 4 / span 4; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="specialty"] { grid-column: 10 / span 6; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="specialty"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="bonus"] { grid-column: 18 / span 2; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="skill2"] { grid-column: 23 / span 4; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="skill2"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="specialty2"] { grid-column: 29 / span 6; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="specialty2"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="bonus2"] { grid-column: 38 / span 2; grid-row: 4; } div.sheet-display-skill label[data-i18n-title="acrobatics_toggle"] { grid-column: 2; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="acrobatics_button"] { grid-column: 3; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="acrobatics_button"] > button { text-align: left; } div.sheet-display-skill label[data-i18n-title="acrobatics"] { grid-column: 5 / span 4; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="acrobatics"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="acrobatics_specialty"] { grid-column: 9 / span 8; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="acrobatics_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="acrobatics_bonus"] { grid-column: 18 / span 2; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="acrobatics_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="animalhandling_toggle"] { grid-column: 2; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="animalhandling_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="animalhandling_button"] { grid-column: 3; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="animalhandling_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="animalhandling"] { grid-column: 5 / span 4; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="animalhandling"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="animalhandling_specialty"] { grid-column: 9 / span 8; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="animalhandling_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="animalhandling_bonus"] { grid-column: 18 / span 2; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="animalhandling_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="arcana_toggle"] { grid-column: 2; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="arcana_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="arcana_button"] { grid-column: 3; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="arcana_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="arcana"] { grid-column: 5 / span 4; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="arcana"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="arcana_specialty"] { grid-column: 8 / span 9; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="arcana_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="arcana_bonus"] { grid-column: 18 / span 2; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="arcana_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="athletics_toggle"] { grid-column: 2; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="athletics_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="athletics_button"] { grid-column: 3; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="athletics_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="athletics"] { grid-column: 5 / span 4; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="athletics"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="athletics_specialty"] { grid-column: 9 / span 8; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="athletics_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="athletics_bonus"] { grid-column: 18 / span 2; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="athletics_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="culture_toggle"] { grid-column: 2; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="culture_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="culture_button"] { grid-column: 3; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="culture_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="culture"] { grid-column: 5 / span 4; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="culture"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="culture_specialty"] { grid-column: 8 / span 9; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="culture_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="culture_bonus"] { grid-column: 18 / span 2; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="culture_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="deception_toggle"] { grid-column: 2; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="deception_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="deception_button"] { grid-column: 3; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="deception_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="deception"] { grid-column: 5 / span 4; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="deception"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="deception_specialty"] { grid-column: 9 / span 8; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="deception_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="deception_bonus"] { grid-column: 18 / span 2; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="deception_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="engineering_toggle"] { grid-column: 2; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="engineering_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="engineering_button"] { grid-column: 3; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="engineering_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="engineering"] { grid-column: 5 / span 4; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="engineering"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="engineering_specialty"] { grid-column: 10 / span 7; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="engineering_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="engineering_bonus"] { grid-column: 18 / span 2; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="engineering_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="history_toggle"] { grid-column: 2; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="history_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="history_button"] { grid-column: 3; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="history_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="history"] { grid-column: 5 / span 4; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="history"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="history_specialty"] { grid-column: 8 / span 9; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="history_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="history_bonus"] { grid-column: 18 / span 2; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="history_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="insight_toggle"] { grid-column: 2; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="insight_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="insight_button"] { grid-column: 3; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="insight_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="insight"] { grid-column: 5 / span 4; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="insight"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="insight_specialty"] { grid-column: 8 / span 9; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="insight_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="insight_bonus"] { grid-column: 18 / span 2; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="insight_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="intimidation_toggle"] { grid-column: 2; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="intimidation_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="intimidation_button"] { grid-column: 3; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="intimidation_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="intimidation"] { grid-column: 5 / span 4; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="intimidation"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="intimidation_specialty"] { grid-column: 10 / span 7; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="intimidation_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="intimidation_bonus"] { grid-column: 18 / span 2; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="intimidation_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="investigation_toggle"] { grid-column: 2; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="investigation_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="investigation_button"] { grid-column: 3; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="investigation_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="investigation"] { grid-column: 5 / span 4; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="investigation"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="investigation_specialty"] { grid-column: 10 / span 7; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="investigation_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="investigation_bonus"] { grid-column: 18 / span 2; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="investigation_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="medicine_toggle"] { min-width: 0; grid-column: 21 / span 2; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="medicine_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="medicine_button"] { min-width: 0; grid-column: 22 / span 2; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="medicine_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="medicine"] { grid-column: 24 / span 4; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="medicine"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="medicine_specialty"] { grid-column: 28 / span 9; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="medicine_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="medicine_bonus"] { grid-column: 38 / span 2; grid-row: 5; } div.sheet-display-skill label[data-i18n-title="medicine_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="nature_toggle"] { grid-column: 21 / span 2; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="nature_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="nature_button"] { grid-column: 22 / span 2; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="nature_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="nature"] { grid-column: 24 / span 4; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="nature"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="nature_specialty"] { grid-column: 27 / span 10; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="nature_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="nature_bonus"] { grid-column: 38 / span 2; grid-row: 6; } div.sheet-display-skill label[data-i18n-title="nature_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="perception_toggle"] { grid-column: 21 / span 2; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="perception_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="perception_button"] { grid-column: 22 / span 2; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="perception_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="perception"] { grid-column: 24 / span 4; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="perception"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="perception_specialty"] { grid-column: 28 / span 9; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="perception_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="perception_bonus"] { grid-column: 38 / span 2; grid-row: 7; } div.sheet-display-skill label[data-i18n-title="perception_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="performance_toggle"] { grid-column: 21 / span 2; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="performance_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="performance_button"] { grid-column: 22 / span 2; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="performance_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="performance"] { grid-column: 24 / span 5; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="performance"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="performance_specialty"] { grid-column: 29 / span 8; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="performance_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="performance_bonus"] { grid-column: 38 / span 2; grid-row: 8; } div.sheet-display-skill label[data-i18n-title="performance_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="persuasion_toggle"] { grid-column: 21 / span 2; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="persuasion_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="persuasion_button"] { grid-column: 22 / span 2; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="persuasion_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="persuasion"] { grid-column: 24 / span 4; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="persuasion"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="persuasion_specialty"] { grid-column: 28 / span 9; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="persuasion_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="persuasion_bonus"] { grid-column: 38 / span 2; grid-row: 9; } div.sheet-display-skill label[data-i18n-title="persuasion_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="religion_toggle"] { grid-column: 21 / span 2; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="religion_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="religion_button"] { grid-column: 22 / span 2; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="religion_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="religion"] { grid-column: 24 / span 4; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="religion"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="religion_specialty"] { grid-column: 28 / span 9; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="religion_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="religion_bonus"] { grid-column: 38 / span 2; grid-row: 10; } div.sheet-display-skill label[data-i18n-title="religion_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="sleightofhand_toggle"] { grid-column: 21 / span 2; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="sleightofhand_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="sleightofhand_button"] { grid-column: 22 / span 2; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="sleightofhand_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="sleightofhand"] { grid-column: 24 / span 4; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="sleightofhand"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="sleightofhand_specialty"] { grid-column: 28 / span 9; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="sleightofhand_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="sleightofhand_bonus"] { grid-column: 38 / span 2; grid-row: 11; } div.sheet-display-skill label[data-i18n-title="sleightofhand_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="stealth_toggle"] { grid-column: 21 / span 2; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="stealth_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="stealth_button"] { grid-column: 22 / span 3; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="stealth_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="stealth"] { grid-column: 24 / span 4; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="stealth"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="stealth_specialty"] { grid-column: 27 / span 10; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="stealth_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="stealth_bonus"] { grid-column: 38 / span 2; grid-row: 12; } div.sheet-display-skill label[data-i18n-title="stealth_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="survival_toggle"] { grid-column: 21 / span 2; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="survival_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="survival_button"] { grid-column: 22 / span 2; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="survival_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="survival"] { grid-column: 24 / span 4; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="survival"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="survival_specialty"] { grid-column: 28 / span 9; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="survival_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="survival_bonus"] { grid-column: 38 / span 2; grid-row: 13; } div.sheet-display-skill label[data-i18n-title="survival_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="vehicles_toggle"] { grid-column: 21 / span 2; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="vehicles_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="vehicles_button"] { grid-column: 22 / span 2; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="vehicles_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="vehicles"] { grid-column: 24 / span 4; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="vehicles"] > span { text-align: left; } div.sheet-display-skill label[data-i18n-title="vehicles_specialty"] { grid-column: 28 / span 9; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="vehicles_specialty"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: right; } div.sheet-display-skill label[data-i18n-title="vehicles_bonus"] { grid-column: 38 / span 2; grid-row: 14; } div.sheet-display-skill label[data-i18n-title="vehicles_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="misc1_toggle"] { grid-column: 21 / span 2; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="misc1_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="misc1_button"] { grid-column: 22 / span 2; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="misc1_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="misc1"] { grid-column: 24 / span 13; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="misc1"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: left; } div.sheet-display-skill label[data-i18n-title="misc1_bonus"] { grid-column: 38 / span 2; grid-row: 15; } div.sheet-display-skill label[data-i18n-title="misc1_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="misc2_toggle"] { grid-column: 21 / span 2; grid-row: 16; } div.sheet-display-skill label[data-i18n-title="misc2_toggle"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="misc2_button"] { grid-column: 22 / span 2; grid-row: 16; } div.sheet-display-skill label[data-i18n-title="misc2_button"] > input { text-align: left; } div.sheet-display-skill label[data-i18n-title="misc2"] { grid-column: 24 / span 13; grid-row: 16; } div.sheet-display-skill label[data-i18n-title="misc2"] > input { border-bottom: solid 1pt; border-radius: 0; text-align: left; } div.sheet-display-skill label[data-i18n-title="misc2_bonus"] { grid-column: 38 / span 2; grid-row: 16; } div.sheet-display-skill label[data-i18n-title="misc2_bonus"] > input { border-bottom: solid 1pt; border-radius: 0; } div.sheet-display-skill label[data-i18n-title="toolprofs"] { grid-column: 2 / span 37; grid-row: 17 / span 2; margin: 2pt 0pt 0pt 0pt; } div.sheet-display-skill label[data-i18n-title="toolprofs"] > span { font-size: 1.5em; } div.sheet-display-skill label[data-i18n-title="tool"] { grid-column: 5 / span 24; grid-row: 18; margin: 2pt 0pt 0pt 0pt; } div.sheet-display-skill label[data-i18n-title="toolbonus"] { grid-column: 30 / span 8; grid-row: 18; margin: 2pt 0pt 0pt 0pt; } div.sheet-toollist { width: 100%; grid-row: 19; grid-column: 1 / span 40; } div.sheet-display-skill label[data-i18n-title="repeatingtools"] { display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; } div.sheet-display-skill label[data-i18n-title="repeatingtools"] > input { border-bottom: solid 1pt; border-radius:0; vertical-align: middle; } div.sheet-display-skill label[data-i18n-title="repeatingtools"] > a{ grid-column: 2 ; } div.sheet-display-skill label[data-i18n-title="repeatingtools"] > button[data-i18n-placeholder="toolroll"]{ grid-column: 3 / span 2; } div.sheet-display-skill label[data-i18n-title="repeatingtools"] > input[data-i18n-placeholder="toolname"]{ grid-column: 5 / span 24 } div.sheet-display-skill label[data-i18n-title="repeatingtools"] > input[data-i18n-placeholder="toolbonus"]{ grid-column: 30 / span 8; } div.sheet-attacks { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-attacks label[data-i18n-title="attacks_and_spellcasting"] { width: 100%; grid-column: 14 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="attacks_and_spellcasting"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-attacks label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 9; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacks label[data-i18n-title="atk_bonus"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="atk_bonus"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacks label[data-i18n-title="damage"] { width: 100%; grid-column: 16 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="damage"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacks label[data-i18n-title="type"] { width: 100%; grid-column: 20 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="type"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacks label[data-i18n-title="range"] { width: 100%; grid-column: 24 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="range"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacks label[data-i18n-title="notes"] { width: 100%; grid-column: 28 / span 8; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-attacks label[data-i18n-title="notes"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-attacklist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-attacklist label[data-i18n-title="repeatingattacks"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > button[data-i18n-placeholder="attackbutton"]{ grid-column: 1 ; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attackname"]{ grid-column: 2 / span 9; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attackbonus"]{ grid-column: 12 / span 3; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attackdamage"]{ grid-column: 16 / span 3; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attackdamagetype"]{ grid-column: 20 / span 3; width: 75px; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attackrange"]{ grid-column: 24 / span 3; } div.sheet-attacks label[data-i18n-title="repeatingattacks"] > input[data-i18n-placeholder="attacknotes"]{ grid-column: 28 / span 12; } div.sheet-display-langprofs { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; width: 97%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-langprofs label[data-i18n-title="langprofs"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(3,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-display-langprofs label[data-i18n-title="langprofs"] > span { font-family:Times,serif; font-size: 1.5em; grid-row: 1; } div.sheet-display-langprofs label[data-i18n-title="langprofs"] > textarea { height: 45px; border: none; grid-row: 2 /span 2; } div.sheet-display-featandtraits { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; width: 97%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-featandtraits label[data-i18n-title="featandtraits"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-display-featandtraits label[data-i18n-title="featandtraits"] > span { font-family:Times,serif; font-size: 1.5em; grid-row: 1; } div.sheet-display-featandtraits label[data-i18n-title="featandtraits"] > textarea { height: 180px; border: none; grid-row: 2 /span 7; } /* div.sheet-featlist { width: 100%; grid-row: 3; } div.sheet-featlist label[data-i18n-title="repeating_feats"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 4pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-featandtraits label[data-i18n-title="repeating_feats"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 100%; width: 100%; min-width: 100%; text-align: center; } div.sheet-display-featandtraits label[data-i18n-title="repeating_feats"] > input[data-i18n-placeholder="featsname"]{ grid-column: 1 / span 23; } div.sheet-display-featandtraits label[data-i18n-title="repeating_feats"] > textarea { grid-column: 1 / span 39 !important; grid-row: 2 !important; height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } */ div.sheet-combatmaneuvers { width: 97%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-combatmaneuvers label[data-i18n-title="combat_maneuvers"] { width: 100%; grid-column: 1 / span 12; grid-row: 1; margin: 2pt 0pt 0pt 4pt; } div.sheet-combatmaneuvers label[data-i18n-title="combat_maneuvers"] > span { text-align: center; font-family:Times,serif; font-size: 1.25em; } div.sheet-combatmaneuvers label[data-i18n-title="maneuvers_known_title"] { width: 100%; grid-column: 12 / span 8; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-combatmaneuvers label[data-i18n-title="maneuvers_known_title"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-combatmaneuvers label[data-i18n-title="maneuvers_known"] { width: 100%; grid-column: 19 / span 4; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-combatmaneuvers label[data-i18n-title="maneuvers_known"] > input { text-align: center; font-family:Times,serif; font-size: 1em; width: 100%; min-width: 100%; border: none; border-radius: 0; border-bottom: solid 1pt; } div.sheet-combatmaneuvers label[data-i18n-title="traditions_known_title"] { width: 100%; grid-column: 1 / span 8; grid-row: 2; margin: 2pt 0pt 0pt 4pt; } div.sheet-combatmaneuvers label[data-i18n-title="traditions_known_title"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-combatmaneuvers label[data-i18n-title="traditions_known"] { width: 100%; grid-column: 8 / span 15; grid-row: 2; margin: 2pt 0pt 0pt 4pt; } div.sheet-combatmaneuvers label[data-i18n-title="traditions_known"] > input { text-align: center; font-family:Times,serif; font-size: 1em; width: 100%; min-width: 100%; border: none; border-radius: 0; border-bottom: solid 1pt; } div.sheet-combatmaneuvers label[data-i18n-title="maneuver_savedc"] { width: 100%; grid-column: 24 / span 7; grid-row: 1 / span 3; margin: 2pt 0pt 0pt 0pt; border: double 4pt; border-radius: 10pt; height: 80px; display: grid; grid-template-rows: repeat(6,minmax(0,1fr)); grid-template-columns: minmax(0,1fr); } div.sheet-combatmaneuvers label[data-i18n-title="maneuver_savedc"] > span[data-i18n="maneuver_savedc"] { text-align: center; font-family:Times,serif; font-size: 1em; grid-row: 1; } div.sheet-combatmaneuvers label[data-i18n-title="maneuver_savedc"] > span[data-i18n="maneuver_saveform"] { text-align: center; font-family:Times,serif; font-size: 0.7em; grid-row: 2; } div.sheet-combatmaneuvers label[data-i18n-title="maneuver_savedc"] > input { text-align: center; font-family:Times,serif; font-size: 1em; border: none; grid-row: 3 / span 3; width: 100%; min-width: 100%; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_points"] { width: 100%; height: 80px; grid-column: 32 / span 7; grid-row: 1 / span 3; margin: 2pt 0pt 0pt 0pt; border: double 4pt; border-radius: 10pt; display: grid; grid-template-rows: repeat(6,minmax(0,1fr)); grid-template-columns: repeat(2,minmax(0,1fr)); } div.sheet-combatmaneuvers label[data-i18n-title="exertion_points"] > span[data-i18n="exertion_points"] { text-align: center; font-family:Times,serif; font-size: 1em; grid-row: 1; grid-column: 1 / span 2; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_points"] > span[data-i18n="exertion_form"] { text-align: center; font-family:Times,serif; font-size: 0.7em; grid-row: 2; grid-column: 1 / span 2; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_points"] > input[data-i18n-placeholder="exertion_points"] { text-align: center; font-family:Times,serif; font-size: 1em; border: none; grid-row: 3 / span 3; width: 100%; min-width: 100%; grid-column: 2; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_points"] > input[data-i18n-placeholder="current_exertion_points"] { text-align: center; font-family:Times,serif; font-size: 1em; border: none; grid-row: 3 / span 3; width: 100%; min-width: 100%; grid-column: 1; } div.sheet-combatmaneuvers label[data-i18n-title="maneuver"] { width: 100%; grid-column: 1 / span 24; grid-row: 4; margin: 2pt 0pt 0pt 4pt; } div.sheet-combatmaneuvers label[data-i18n-title="maneuver"] > span { text-align: center; font-family:Times,serif; font-size: 0.7em; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_cost"] { width: 100%; grid-column: 25/ span 4; grid-row: 4; margin: 2pt 0pt 0pt 0pt; } div.sheet-combatmaneuvers label[data-i18n-title="exertion_cost"] > span { text-align: center; font-family:Times,serif; font-size: 0.7em; } div.sheet-combatmaneuvers label[data-i18n-title="activation"] { width: 100%; grid-column: 29 / span 8; grid-row: 4; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-combatmaneuvers label[data-i18n-title="activation"] > span { text-align: center; font-family:Times,serif; font-size: 0.7em; width: 100%; min-width: 100%; } div.sheet-combatmaneuvers label[data-i18n-title="pg"] { width: 100%; grid-column: 38 ; grid-row: 4; margin: 2pt 0pt 0pt 0pt; } div.sheet-combatmaneuvers label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.7em; } div.sheet-maneuverlist { width: 100%; grid-row: 5; grid-column: 1 / span 40; } div.sheet-maneuverlist label[data-i18n-title="repeatingmaneuvers"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 4pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 100%; width: 100%; min-width: 100%; text-align: center; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input[data-i18n-placeholder="maneuvername"]{ grid-column: 1 / span 23; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input[data-i18n-placeholder="maneuvercost"]{ grid-column: 25 / span 3; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input[data-i18n-placeholder="maneuveractivation"]{ grid-column: 29 / span 7; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input[data-i18n-placeholder="maneuverpg"]{ grid-column: 37 / span 2; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > input[data-i18n-placeholder="maneuversnotetoggle"] { grid-column: 39 !important; grid-row: 1 !important; width: 10px !important; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > div.sheet-maneuvernotes { grid-column: 1 / span 39 !important; grid-row: 2 !important; display: none; } div.sheet-combatmaneuvers label[data-i18n-title="repeatingmaneuvers"] > div.sheet-maneuvernotes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-maneuvernotetoggle:checked ~ div.sheet-maneuvernotes { display:block; } div.sheet-display-explorationknacks { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; width: 97%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-explorationknacks label[data-i18n-title="explorationknacks"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-display-explorationknacks label[data-i18n-title="explorationknacks"] > span { font-family:Times,serif; font-size: 1.5em; grid-row: 1; } div.sheet-display-explorationknacks label[data-i18n-title="explorationknacks"] > textarea { height: 180px; border: none; grid-row: 2 /span 7; } div.sheet-appearance { display: flex; gap: 4px; justify-content: no-space; width: 100%; } div.sheet-display-character_appearance { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 50%; height: 150px; margin: 4pt 1pt 0pt 1pt !important; padding: 2px 4px 2px 2px; } div.sheet-display-character_appearance label[data-i18n-title="character_appearance"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; } div.sheet-display-character_appearance label[data-i18n-title="character_appearance"] > span { font-family:Times,serif; font-size: 1.25em; grid-row: 1; } div.sheet-display-character_appearance label[data-i18n-title="character_appearance"] > textarea { height: 120px; border: none; grid-row: 2 /span 7; width: 98% } div.sheet-display-character_description { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 4px; grid-row-gap: 2px; margin: 4pt 1pt 0pt 1pt !important; padding: 2px 4px 2px 2px; width: 50% !important; height: 157px; border: 2px solid #222222; border-radius: 10px; } div.sheet-display-character_description > * { margin: 0; } div.sheet-display-character_description > label { align-items: stretch; border: 1px solid #222222; display: flex; flex-direction: column; padding: 0; font-family:Times,serif; font-size:15.1px; color:rgb(43,42,41); font-weight:bold; font-style:normal; text-decoration: none min-width: 33%; } div.sheet-display-character_description > label > span { background: #ffffff; box-sizing: border-box; color: black; flex: 1; padding: .8em; text-align: left; } div.sheet-display-character_description > label > input { margin: 0; flex: 2; font-size: 0.8em; border: 0; padding: .5em; padding-left: 1em; height: auto; width: auto; } div.sheet-display-character_description > label > input:placeholder-shown { border: 0; } div.sheet-display-character_description label[data-i18n-title="age"] { border-radius: 10px 0px 0px 0px; grid-area: 1 / 1 / 1 / 5; } div.sheet-display-character_description label[data-i18n-title="height"] { grid-area: 1 / 5 / 1 / 9; } div.sheet-display-character_description label[data-i18n-title="weight"] { border-radius: 0px 10px 0px 0px; grid-area: 1 / 9 / 1 / 13; } div.sheet-display-character_description label[data-i18n-title="eyes"] { border-radius: 0px 0px 0px 10px; grid-area: 2 / 1 / 2 / 5; } div.sheet-display-character_description label[data-i18n-title="skin"] { grid-area: 2 / 5 / 2 / 9; } div.sheet-display-character_description label[data-i18n-title="hair"] { border-radius: 0px 0px 10px 0px; grid-area: 2 / 9 / 2 / 13; } div.sheet-background { display: flex; gap: 4px; justify-content: no-space; width: 100%; } div.sheet-display-character_background { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 50%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-character_background label[data-i18n-title="character_background"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; } div.sheet-display-character_background label[data-i18n-title="character_background"] > span { font-family:Times,serif; font-size: 1.25em; grid-row: 1; } div.sheet-display-character_background label[data-i18n-title="character_background"] > textarea { height: 180px; border: none; grid-row: 2 /span 7; } div.sheet-display-character_allies_and_org { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 50%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-character_allies_and_org label[data-i18n-title="character_allies_and_org"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; } div.sheet-display-character_allies_and_org label[data-i18n-title="character_allies_and_org"] > span { font-family:Times,serif; font-size: 1.25em; grid-row: 1; } div.sheet-display-character_allies_and_org label[data-i18n-title="character_allies_and_org"] > textarea { height: 180px; border: none; grid-row: 2 /span 7; } div.sheet-followers { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-followers label[data-i18n-title="followers_and_strongholds"] { width: 100%; grid-column: 2 / span 38; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-followers label[data-i18n-title="followers_and_strongholds"] > span { text-align: left; font-family:Times,serif; font-size: 1.25em; } div.sheet-followers label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 8; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-followers label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-followers label[data-i18n-title="type"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-followers label[data-i18n-title="type"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-followers label[data-i18n-title="ability"] { width: 100%; grid-column: 19 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-followers label[data-i18n-title="ability"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-followerlist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-followerlist label[data-i18n-title="repeatingfollowers"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-followers label[data-i18n-title="repeatingfollowers"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-followers label[data-i18n-title="repeatingfollowers"] > input[data-i18n-placeholder="followername"]{ grid-column: 2 / span 9; } div.sheet-followers label[data-i18n-title="repeatingfollowers"] > input[data-i18n-placeholder="followertype"]{ grid-column: 12 / span 6; } div.sheet-followers label[data-i18n-title="repeatingfollowers"] > input[data-i18n-placeholder="followerability"]{ grid-column: 19 / span 20; } div.sheet-equipment_and_treasure { display: flex; } div.sheet-equipment { width: 60%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-equipment label[data-i18n-title="equipment"] { width: 100%; grid-column: 2 / span 38; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-equipment label[data-i18n-title="equipment"] > span { text-align: left; font-family:Times,serif; font-size: 1.25em; } div.sheet-equipment label[data-i18n-title="total_wt"] { width: 100%; grid-column: 28 / span 15; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-equipment label[data-i18n-title="total_wt"] > span { text-align: left; font-family:Times,serif; font-size: 1.25em; } div.sheet-equipment label[data-i18n-title="total_wt"] > input { text-align: left; font-family:Times,serif; font-size: 1em; text-align: center; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-equipment label[data-i18n-title="wt"] { width: 100%; grid-column: 3 / span 8; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-equipment label[data-i18n-title="wt"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-equipment label[data-i18n-title="item"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-equipment label[data-i18n-title="item"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-equipment label[data-i18n-title="properties"] { width: 100%; grid-column: 28 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-equipment label[data-i18n-title="properties"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-equipmentlist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-equipmentlist label[data-i18n-title="repeatingequipment"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > input[data-i18n-placeholder="equipmentwt"]{ grid-column: 2 / span 5; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > input[data-i18n-placeholder="equipmentitem"]{ grid-column: 8 / span 15; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > input[data-i18n-placeholder="equipmentproperties"]{ grid-column: 24 / span 15; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > input[data-i18n-placeholder="equipmentnotetoggle"] { grid-column: 40 !important; grid-row: 1 !important; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > div.sheet-equipmentnotes { grid-column: 1 / span 39 !important; grid-row: 2 !important; display: none; } div.sheet-equipment label[data-i18n-title="repeatingequipment"] > div.sheet-equipmentnotes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-equipmentnotetoggle:checked ~ div.sheet-equipmentnotes { display:block; } div.sheet-equipment label[data-i18n-title="bulky_items"] { width: 100%; grid-column: 2 / span 38; grid-row: 5; margin: 2pt 0pt 0pt 0pt; border-top: solid 2pt; } div.sheet-equipment label[data-i18n-title="bulky_items"] > span { text-align: left; font-family:Times,serif; font-size: 1.25em; } div.sheet-equipment label[data-i18n-title="bulky_items_max"] { width: 100%; grid-column: 27 / span 13; grid-row: 5; margin: 2pt 0pt 0pt 0pt; border-left: solid 1pt; border-bottom: solid 1pt; } div.sheet-equipment label[data-i18n-title="bulky_items_max"] > span { text-align: left; font-family:Times,serif; font-size: 0.7em; } div.sheet-equipment label[data-i18n-title="bulky_items_max"] > input { text-align: center; font-family:Times,serif; font-size: 0.7em; border: solid 1pt; border-radius: 50%; width: 40px !important; height: 40px !important; } div.sheet-bulkylist { width: 100%; grid-row: 7; grid-column: 1 / span 40; } div.sheet-bulkylist label[data-i18n-title="repeatingbulky"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-equipment label[data-i18n-title="repeatingbulky"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-equipment label[data-i18n-title="repeatingbulky"] > input[data-i18n-placeholder="bulkyname"]{ grid-column: 2 / span 38; } div.sheet-display-treasure { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 40%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-treasure label[data-i18n-title="treasure"] { width: 100%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; } div.sheet-display-treasure label[data-i18n-title="treasure"] > span { font-family:Times,serif; font-size: 1.25em; grid-row: 1; } div.sheet-display-treasure label[data-i18n-title="treasure"] > textarea { height: 90%; border: none; grid-row: 2 /span 7; } div.sheet-display-coins { display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 98%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-coins label[data-i18n-title="cp"] { width: 100%; grid-column: 1 / span 6; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; border: double 4pt; border-radius: 10px; } div.sheet-display-coins label[data-i18n-title="cp"] > span { font-family:Times,serif; font-size: 1.25em; } div.sheet-display-coins label[data-i18n-title="cp"] > input { font-family:Times,serif; font-size: 1em; border: none; width: 65% !important; } div.sheet-display-coins label[data-i18n-title="sp"] { width: 100%; grid-column: 9 / span 6; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; border: double 4pt; border-radius: 10px; } div.sheet-display-coins label[data-i18n-title="sp"] > span { font-family:Times,serif; font-size: 1.25em; } div.sheet-display-coins label[data-i18n-title="sp"] > input { font-family:Times,serif; font-size: 1em; border: none; width: 65% !important; } div.sheet-display-coins label[data-i18n-title="ep"] { width: 100%; grid-column: 17 / span 6; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; border: double 4pt; border-radius: 10px; } div.sheet-display-coins label[data-i18n-title="ep"] > span { font-family:Times,serif; font-size: 1.25em; } div.sheet-display-coins label[data-i18n-title="ep"] > input { font-family:Times,serif; font-size: 1em; border: none; width: 65% !important; } div.sheet-display-coins label[data-i18n-title="gp"] { width: 100%; grid-column: 25 / span 6; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; border: double 4pt; border-radius: 10px; } div.sheet-display-coins label[data-i18n-title="gp"] > span { font-family:Times,serif; font-size: 1.25em; } div.sheet-display-coins label[data-i18n-title="gp"] > input { font-family:Times,serif; font-size: 1em; border: none; width: 65% !important; } div.sheet-display-coins label[data-i18n-title="pp"] { width: 100%; grid-column: 33 / span 6; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; border: double 4pt; border-radius: 10px; } div.sheet-display-coins label[data-i18n-title="pp"] > span { font-family:Times,serif; font-size: 1.25em; } div.sheet-display-coins label[data-i18n-title="pp"] > input { font-family:Times,serif; font-size: 1em; border: none; width: 65% !important; } div.sheet-spellcasting_class { width: 98%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-spellcasting_class label[data-i18n-title="spellcasting_class"] { width: 100%; grid-column: 2 / span 12; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellcasting_class"] > span { text-align: left; font-family:Times,serif; font-size: 1em; } div.sheet-spellcasting_class label[data-i18n-title="spellcasting_ability"] { width: 100%; grid-column: 15 / span 7; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellcasting_ability"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-spellcasting_class label[data-i18n-title="spellsave_dc"] { width: 100%; grid-column: 22 / span 6; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellsave_dc"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-spellcasting_class label[data-i18n-title="spellsave_form"] { width: 100%; grid-column: 22 / span 6; grid-row: 2; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellsave_form"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-spellcasting_class label[data-i18n-title="spellattack_bonus"] { width: 100%; grid-column: 28 / span 8; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellattack_bonus"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-spellcasting_class label[data-i18n-title="spellattack_form"] { width: 100%; grid-column: 28 / span 8; grid-row: 2; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spellattack_form"] > span { text-align: center; font-family:Times,serif; font-size: 0.7em; } div.sheet-spellcasting_class label[data-i18n-title="sorcerer_warlock"] { width: 100%; grid-column: 36 / span 4; grid-row: 1; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="sorcerer_warlock"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-spellcasting_class label[data-i18n-title="spell_points"] { width: 100%; grid-column: 36 / span 4; grid-row: 2; margin: 2pt 0pt 0pt 0pt; } div.sheet-spellcasting_class label[data-i18n-title="spell_points"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-spellclasslist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-spellclasslist label[data-i18n-title="repeatingspellclass"] { width: 100%; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input[data-i18n-placeholder="spellclassname"]{ grid-column: 2 / span 12; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input[data-i18n-placeholder="spellclassability"]{ grid-column: 15 / span 6; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input[data-i18n-placeholder="spellclassdc"]{ grid-column: 22 / span 4; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input[data-i18n-placeholder="spellclassattack"]{ grid-column: 28 / span 6; } div.sheet-spellcasting_class label[data-i18n-title="repeatingspellclass"] > input[data-i18n-placeholder="spellclasspoints"]{ grid-column: 36 / span 4; } div.sheet-display-spells { width: 98%; border: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(4,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-lvl { width: 98%; grid-column: 1 ; grid-row: 1; margin: 2pt 0pt 0pt 0pt; border: double 4pt; border-radius: 50%; width: 40px !important; height: 40px !important; min-width: 0; width: 100%; text-align: center; } div.sheet-lvl label[data-i18n-title="lvl"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="lvl"] > span { font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl label[data-i18n-title="0"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="0"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="1"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="1"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="2"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="2"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="3"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="3"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="4"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="4"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="5"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="5"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="6"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="6"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="7"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="7"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="8"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="8"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-lvl label[data-i18n-title="9"] { min-width: 0; width: 100%; text-align: center; margin: 0px; } div.sheet-lvl label[data-i18n-title="9"] > span { font-family:Times,serif; font-size: 1em; } div.sheet-display-cantrips { grid-column: 1; grid-row: 1; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-cantrips label[data-i18n-title="cantrips"] { width: 100%; grid-column: 2 / span 8; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-cantrips label[data-i18n-title="cantrips"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-cantrips label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-cantrips label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-cantriplist { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-cantriplist label[data-i18n-title="repeatingcantrips"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); grid-template-rows: 10px, 30px; margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; grid-row: 1 !important; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; grid-row: 1 !important; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > div.sheet-cantripnotes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-cantrips label[data-i18n-title="repeatingcantrips"] > div.sheet-cantripnotes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-cantripnotetoggle:checked ~ div.sheet-cantripnotes { display:block; } div.sheet-display-level1 { grid-column: 2; grid-row: 1; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level1 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level1 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level1 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level1 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level1 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level1 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level1 label[data-i18n-title="sp2"] { width: 100%; grid-column: 10; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level1 label[data-i18n-title="sp2"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level1 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level1 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl1list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl1list label[data-i18n-title="repeatinglvl1"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > div.sheet-level1notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level1 label[data-i18n-title="repeatinglvl1"] > div.sheet-level1notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level1notetoggle:checked ~ div.sheet-level1notes { display:block; } div.sheet-display-level2 { grid-column: 3; grid-row: 1; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level2 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level2 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level2 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level2 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level2 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level2 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level2 label[data-i18n-title="sp3"] { width: 100%; grid-column: 10; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level2 label[data-i18n-title="sp3"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level2 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level2 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl2list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl2list label[data-i18n-title="repeatinglvl2"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > div.sheet-level2notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level2 label[data-i18n-title="repeatinglvl2"] > div.sheet-level2notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level2notetoggle:checked ~ div.sheet-level2notes { display:block; } div.sheet-display-level3 { grid-column: 1; grid-row: 2; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level3 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level3 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level3 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level3 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level3 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level3 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level3 label[data-i18n-title="sp5"] { width: 100%; grid-column: 10; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level3 label[data-i18n-title="sp5"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level3 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level3 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl3list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl3list label[data-i18n-title="repeatinglvl3"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > div.sheet-level3notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level3 label[data-i18n-title="repeatinglvl3"] > div.sheet-level3notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level3notetoggle:checked ~ div.sheet-level3notes { display:block; } div.sheet-display-level4 { grid-column: 2; grid-row: 2; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level4 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level4 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level4 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level4 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level4 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level4 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level4 label[data-i18n-title="sp6"] { width: 100%; grid-column: 10; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level4 label[data-i18n-title="sp6"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level4 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level4 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl4list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl4list label[data-i18n-title="repeatinglvl4"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > div.sheet-level4notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level4 label[data-i18n-title="repeatinglvl4"] > div.sheet-level4notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level4notetoggle:checked ~ div.sheet-level4notes { display:block; } div.sheet-display-level5 { grid-column: 3; grid-row: 2; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level5 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level5 label[data-i18n-title="known"] > span,input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level5 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level5 label[data-i18n-title="slots"] > span,input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level5 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level5 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level5 label[data-i18n-title="sp7"] { width: 100%; grid-column: 10; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level5 label[data-i18n-title="sp7"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level5 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level5 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl5list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl5list label[data-i18n-title="repeatinglvl5"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > div.sheet-level5notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level5 label[data-i18n-title="repeatinglvl5"] > div.sheet-level5notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level5notetoggle:checked ~ div.sheet-level5notes { display:block; } div.sheet-display-level6 { grid-column: 1; grid-row: 3; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level6 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level6 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level6 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level6 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level6 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level6 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level6 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level6 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl6list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl6list label[data-i18n-title="repeatinglvl6"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > div.sheet-level6notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level6 label[data-i18n-title="repeatinglvl6"] > div.sheet-level6notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level6notetoggle:checked ~ div.sheet-level6notes { display:block; } div.sheet-display-level7 { grid-column: 2; grid-row: 3; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level7 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level7 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level7 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level7 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level7 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level7 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level7 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level7 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl7list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl7list label[data-i18n-title="repeatinglvl7"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > div.sheet-level7notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level7 label[data-i18n-title="repeatinglvl7"] > div.sheet-level7notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level7notetoggle:checked ~ div.sheet-level7notes { display:block; } div.sheet-display-level8 { grid-column: 3; grid-row: 3; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level8 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level8 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level8 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level8 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level8 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level8 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level8 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level8 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl8list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl8list label[data-i18n-title="repeatinglvl8"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > div.sheet-level8notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level8 label[data-i18n-title="repeatinglvl8"] > div.sheet-level8notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level8notetoggle:checked ~ div.sheet-level8notes { display:block; } div.sheet-display-level9 { grid-column: 2; grid-row: 4; width: 98%; min-height: 100px; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-display-level9 label[data-i18n-title="known"] { width: 100%; grid-column: 3 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level9 label[data-i18n-title="known"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level9 label[data-i18n-title="slots"] { width: 100%; grid-column: 5 / span 2; grid-row: 1; margin: 2pt 0pt 0pt 4pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level9 label[data-i18n-title="slots"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level9 label[data-i18n-title="expended"] { width: 100%; grid-column: 7 / span 3; grid-row: 1; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; text-align: center; } div.sheet-display-level9 label[data-i18n-title="expended"] > span, input { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-display-level9 label[data-i18n-title="pg"] { width: 100%; grid-column: 10; grid-row: 2; margin: 2pt 0pt 0pt 0pt; min-width: 0; width: 100%; } div.sheet-display-level9 label[data-i18n-title="pg"] > span { text-align: center; font-family:Times,serif; font-size: 0.6em; } div.sheet-lvl9list { width: 100%; grid-row: 3; grid-column: 1 / span 10; } div.sheet-lvl9list label[data-i18n-title="repeatinglvl9"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > input[data-i18n-placeholder="spellname"]{ grid-column: 1 / span 16; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > input[data-i18n-placeholder="spellpg"]{ grid-column: 18 / span 2 !important; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > input[data-i18n-placeholder="spellnotetoggle"] { grid-column: 20 !important; grid-row: 1 !important; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > div.sheet-level9notes { grid-column: 1 / span 19 !important; grid-row: 2 !important; display: none; } div.sheet-display-level9 label[data-i18n-title="repeatinglvl9"] > div.sheet-level9notes > textarea { height: 60px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0 !important; width: 100% !important; } input[type="checkbox"].sheet-level9notetoggle:checked ~ div.sheet-level9notes { display:block; } div.sheet-note { border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(40,minmax(0,1fr)); width: 100%; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-note label[data-i18n-title="notes"] { width: 98%; grid-column: 2 / span 38; display: grid; grid-template-rows: repeat(8,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; text-align: left; } div.sheet-note label[data-i18n-title="notes"] > span { font-family:Times,serif; font-size: 1.25em; grid-row: 1; } div.sheet-note label[data-i18n-title="notes"] > textarea { height: 90%; width: 100%; border: none; grid-row: 2 /span 7; } div.sheet-statsinfo input[type="radio"]:checked + span { color: white; background-color: #222222; box-shadow: inset 0px 0px 3px 3px #333333; } div.sheet-statsinfo { align-items: center; display: flex; flex-direction: row; margin: 5px; width: calc(100% - 10px); } div.sheet-statsinfo input[type="radio"] { opacity: 0; width: 100%; z-index: 2; } div.sheet-statsinfo label { display: grid; color: black; text-align: center; font-size: 1em; } div.sheet-statsinfo label input, div.sheet-statsinfo label span { grid-area: 1 / 1 / 1 / 1; height: 20px !important; } div.sheet-statsinfo span { background-color: #e9e7e2; border-radius: 5px; box-shadow: 0 1px 1px #757575; display: inline-block; font-weight: bold; padding: 5% 2%; height: 1em; } div.sheet-npcstats, div.sheet-npcinfo { display: none; } .sheet-statsinfotoggle[value="info"] ~ div.sheet-NPC div.sheet-npcinfo, .sheet-statsinfotoggle[value="stats"] ~ div.sheet-NPC div.sheet-npcstats { display: block; } div.sheet-npc-header { display: grid; grid-template-columns: repeat(20, 1fr); grid-template-rows: repeat(1, auto); width: calc(100% - 10px); min-width: 90%; border: double 4pt; border-radius: 10px; margin: 0; font-family:Times,serif; font-size:15.1px; font-weight:bold; font-style:normal; text-align: center; color:rgb(43,42,41); } div.sheet-npc-header label[data-i18n-title="npc_name"] { grid-column: 1 / span 10 ; grid-row: 1 ; text-align: centre; } div.sheet-npc-header label[data-i18n-title="npc_name"] input { border: 0; margin: 1px; vertical-align: middle; text-align: centre; font-weight: bold !important; font-size: 25.1px; width: 100%; } div.sheet-npc-header label[data-i18n-title="ChallengeRating"]{ grid-column: 12 / span 7 ; grid-row: 1 ; } div.sheet-npc-header label[data-i18n-title="ChallengeRating"] span{ border: 0; vertical-align: middle; } div.sheet-npc-header label[data-i18n-title="ChallengeRating"] input{ border: 0; text-align: left; } div.sheet-npc-header label[data-i18n-title="CreatureSizeType"] { grid-column: 1 / span 10 ; grid-row: 2 ; } div.sheet-npc-header label[data-i18n-title="CreatureSizeType"] input{ border: 0; } div.sheet-npc-header label[data-i18n-title="XPReward"] { grid-column: 12 / span 6 ; grid-row: 2 ; } div.sheet-npc-header label[data-i18n-title="XPReward"] input { width: 50%; border: 0; } div.sheet-npcstat { display: grid; grid-template-columns: repeat(20, 1fr); grid-template-rows: repeat(3, 1fr); width: calc(100% - 10px); min-width: 90%; border: 2px solid #222222; border-radius: 10px; margin: 0; font-family:Times,serif; font-size:15.1px; font-weight:bold; font-style:normal; text-align: center; color:rgb(43,42,41); } div.sheet-npcstat label[data-i18n-title="armourclass"]{ grid-column: 1 / span 10 ; grid-row: 1 ; } div.sheet-npcstat label[data-i18n-title="armourclass"] input{ border: 0; width: 80%; text-align: left; } div.sheet-display-npcinitiative { font-size: 1.15em; text-align: center; font-family:Times,serif; font-weight: bold; border: 4pt double; border-radius: 0px 0px 10px 10px; height: 60px; grid-column: 18 / span 3 ; grid-row: 1 ; } } div.sheet-display-npcinitiative label[data-i18n-title="initiative"] { border: none; width: 100%; height: 100%; margin: 5px; display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(2, 1fr); } div.sheet-display-npcinitiative label[data-i18n-title="initiative"] > span { border: none; text-align: center; font-size: 1.1em; grid-column: 1 / span 9 ; grid-row: 1 ; } div.sheet-display-npcinitiative label[data-i18n-title="initiative"] > input { border: none; text-align: center; font-size: 1.1em; grid-column: 1 / span 10 ; grid-row: 2 ; } div.sheet-display-npcinitiative label[data-i18n-title="initiative"] > button { border: none; text-align: center; font-size: 1.1em; grid-column: 10 ; grid-row: 1 ; } div.sheet-npcstat label[data-i18n-title="hit_points"]{ grid-column: 1 / span 18 ; grid-row: 2 ; } div.sheet-npcstat label[data-i18n-title="hit_points"] input[type=number] { border: 0; text-align: left; } div.sheet-npcstat label[data-i18n-title="hit_points"] input[type=text] { width: 60%; border: 0; text-align: left; } div.sheet-npcstat label[data-i18n-title="speed"]{ grid-column: 1 / span 10 ; grid-row: 3 ; } div.sheet-npcstat label[data-i18n-title="speed"] input { border: 0; text-align: left; width: 70%; } div.sheet-statblock { grid-column: 1 / span 20 ; grid-row: 6 / span 2; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-statblock { display: grid; grid-template-columns: repeat(24, 1fr); grid-template-rows: repeat(3, 25px); height: 100px !important; grid-gap: 0px !important; margin: 0pt; } div.sheet-statblock label[data-i18n-title="str"]{ grid-column: 1 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="dex"]{ grid-column: 5 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="con"]{ grid-column: 9 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="int"]{ grid-column: 13 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="wis"]{ grid-column: 17 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="cha"]{ grid-column: 21 / span 3 ; grid-row: 1 ; text-align: center; } div.sheet-statblock label[data-i18n-title="save"]{ grid-column: 1 / span 2 ; grid-row: 3 ; text-align: left; } div.sheet-statblock label[data-i18n-title="strengthstat"]{ grid-column: 1 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="strengthstat"] input{ border: 0; width: 30px !important; } div.sheet-statblock label[data-i18n-title="strength_mod"]{ grid-column: 2 / span 2 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="strength_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="strength_save_mod"]{ grid-column: 2 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="strength_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="dexteritystat"]{ grid-column: 5 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="dexteritystat"] input{ border: 0; width: 30px !important; } div.sheet-statblock label[data-i18n-title="dexterity_mod"]{ grid-column: 6 / span 2 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="dexterity_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="dexterity_save_mod"]{ grid-column: 6 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="dexterity_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="constitutionstat"]{ grid-column: 9 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="constitutionstat"] input{ border: 0; } div.sheet-statblock label[data-i18n-title="constitution_mod"]{ grid-column: 10 / span 2 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="constitution_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="constitution_save_mod"]{ grid-column: 10 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="constitution_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="intelligencestat"]{ grid-column: 13 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="intelligencestat"] input{ border: 0; width: 30px !important; } div.sheet-statblock label[data-i18n-title="intelligence_mod"]{ grid-column: 14 / span 2 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="intelligence_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="intelligence_save_mod"]{ grid-column: 14 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="intelligence_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="wisdomstat"]{ grid-column: 17 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="wisdomstat"] input{ border: 0; width: 30px !important; } div.sheet-statblock label[data-i18n-title="wisdom_mod"]{ grid-column: 18 / span 2 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="wisdom_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="wisdom_save_mod"]{ grid-column: 18 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="wisdom_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="charismastat"]{ grid-column: 21 ; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="charismastat"] input{ border: 0; width: 30px !important; } div.sheet-statblock label[data-i18n-title="charisma_mod"]{ grid-column: 22 / span 2; grid-row: 2 ; } div.sheet-statblock label[data-i18n-title="charisma_mod"] input{ width: 30px !important; border: 0; } div.sheet-statblock label[data-i18n-title="charisma_save_mod"]{ grid-column: 22 / span 3; grid-row: 3 ; } div.sheet-statblock label[data-i18n-title="charisma_save_mod"] input{ width: 30px !important; border: 0; } div.sheet-profman { grid-column: 1 / span 20 ; grid-row: 8 ; } div.sheet-profman { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; text-align: center; } div.sheet-profman label[data-i18n-title="prof"] { grid-column: 1 / span 12 ; grid-row: 1; } div.sheet-profman label[data-i18n-title="prof"] input{ border: 0; } div.sheet-profman label[data-i18n-title="maneuverdc"] { grid-column: 8 / span 5 ; grid-row: 1; } div.sheet-profman label[data-i18n-title="maneuverdc"] input { border: 0; } div.sheet-skills { grid-column: 1 / span 20 ; grid-row: 9 ; } div.sheet-skills { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-skills label[data-i18n-title="skills"] { width: 100%; grid-column: 1 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-skills label[data-i18n-title="skills"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-skills label[data-i18n-title="skill"] { width: 100%; grid-column: 2 / span 11; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-skills label[data-i18n-title="skill"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-skills label[data-i18n-title="skill_bonus"] { width: 100%; grid-column: 14 / span 2; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-skills label[data-i18n-title="skill_bonus"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-skills label[data-i18n-title="expertise_dice"] { width: 100%; grid-column: 16 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-skills label[data-i18n-title="expertise_dice"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-skilllist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-skilllist label[data-i18n-title="repeatingskills"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-skills label[data-i18n-title="repeatingskills"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-skills label[data-i18n-title="repeatingskills"] > button[data-i18n-placeholder="skill-button"]{ grid-column: 1 ; } div.sheet-skills label[data-i18n-title="repeatingskills"] > input[data-i18n-placeholder="skillname"]{ grid-column: 2 / span 11; } div.sheet-skills label[data-i18n-title="repeatingskills"] > input[data-i18n-placeholder="skillbonus"]{ grid-column: 14 ; } div.sheet-skills label[data-i18n-title="repeatingskills"] > input[data-i18n-placeholder="skillexdice"]{ grid-column: 16 / span 3; } div.sheet-vulresinn { grid-column: 1 / span 20 ; grid-row: 10 / span 4; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-senlang { grid-column: 1 / span 20 ; grid-row: 14 / span 2; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-vulresinn label[data-i18n-title="damage vulnerabilities"] > input { border: 0; width: 70%; text-align: left; } div.sheet-vulresinn label[data-i18n-title="damage resistances"] > input { border: 0; width: 80%; text-align: left; } div.sheet-vulresinn label[data-i18n-title="damage immunities"] > input { border: 0; width: 80%; text-align: left; } div.sheet-vulresinn label[data-i18n-title="condition immunities"] > input { border: 0; width: 70%; text-align: left; } div.sheet-senlang label[data-i18n-title="senses"] { grid-column: 2 / span 20 ; grid-row: 14 ; } div.sheet-senlang label[data-i18n-title="senses"] input { border: 0; width: 80%; text-align: left; } div.sheet-senlang label[data-i18n-title="languages"] { grid-column: 2 / span 20 ; grid-row: 15 ; } div.sheet-senlang label[data-i18n-title="languages"] input { border: 0; width: 80%; text-align: left; } div.sheet-abilities_and_powers { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-abilities_and_power label[data-i18n-title="abilities_and_powers"] textarea { border: 0; width: 98.5%; } div.sheet-attacks { grid-column: 1 / span 20 ; grid-row: 17 ; } div.sheet-bonusactions { grid-column: 1 / span 20 ; grid-row: 18 ; } div.sheet-reactions { grid-column: 1 / span 20 ; grid-row: 19 ; } ddiv.sheet-legendaryactions { grid-column: 1 / span 20 ; grid-row: 20 ; } div.sheet-actions { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-actions label[data-i18n-title="actions"] { width: 100%; grid-column: 1 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-actions label[data-i18n-title="actions"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-actions label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 5; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-actions label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-actions label[data-i18n-title="description"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-actions label[data-i18n-title="description"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-actionlist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-actionlist label[data-i18n-title="repeatingactions"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-actions label[data-i18n-title="repeatingactions"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-actions label[data-i18n-title="repeatingactions"] > input[data-i18n-placeholder="actionname"]{ grid-column: 2 / span 5; } div.sheet-actions label[data-i18n-title="repeatingactions"] > input[data-i18n-placeholder="actionnotes"]{ grid-column: 8 / span 12; } div.sheet-bonusactions { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-bonusactions label[data-i18n-title="bonusactions"] { width: 100%; grid-column: 1 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-bonusactions label[data-i18n-title="bonusactions"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-bonusactions label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 5; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-bonusactions label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-bonusactions label[data-i18n-title="description"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-bonusactions label[data-i18n-title="description"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-bonuslist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-bonuslist label[data-i18n-title="repeatingbonusactions"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-bonusactions label[data-i18n-title="repeatingbonusactions"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-bonusactions label[data-i18n-title="repeatingbonusactions"] > input[data-i18n-placeholder="bonusname"]{ grid-column: 2 / span 5; } div.sheet-bonusactions label[data-i18n-title="repeatingbonusactions"] > input[data-i18n-placeholder="bonusnotes"]{ grid-column: 8 / span 12; } div.sheet-reactions { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-reactions label[data-i18n-title="reactions"] { width: 100%; grid-column: 1 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-reactions label[data-i18n-title="reactions"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-reactions label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 5; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-reactions label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-reactions label[data-i18n-title="description"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-reactions label[data-i18n-title="description"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-reactionslist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-reactionslist label[data-i18n-title="repeatingreactions"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-reactions label[data-i18n-title="repeatingreactions"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-reactions label[data-i18n-title="repeatingreactions"] > input[data-i18n-placeholder="reactionsname"]{ grid-column: 2 / span 5; } div.sheet-reactions label[data-i18n-title="repeatingreactions"] > input[data-i18n-placeholder="reactionsnotes"]{ grid-column: 8 / span 12; } div.sheet-legendaryactions { width: 98.5%; border: double 4pt; border-radius: 10px; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); justify-content: no-space; margin: 4pt 1pt 0pt 1pt !important; } div.sheet-legendaryactions label[data-i18n-title="legendaryactions"] { width: 100%; grid-column: 1 / span 20; grid-row: 1; margin: 2pt 0pt 0pt 0pt; text-align: center; } div.sheet-legendaryactions label[data-i18n-title="legendaryactions"] > span { text-align: center; font-family:Times,serif; font-size: 2em; } div.sheet-legendaryactions label[data-i18n-title="name"] { width: 100%; grid-column: 2 / span 5; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-legendaryactions label[data-i18n-title="name"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-legendaryactions label[data-i18n-title="description"] { width: 100%; grid-column: 12 / span 4; grid-row: 3; margin: 2pt 0pt 0pt 0pt; } div.sheet-legendaryactions label[data-i18n-title="description"] > span { text-align: center; font-family:Times,serif; font-size: 1em; } div.sheet-legendarylist { width: 100%; grid-row: 4; grid-column: 1 / span 40; } div.sheet-legendarylist label[data-i18n-title="repeatinglegendaryactions"] { width: 100%; display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); margin: 2pt 0pt 0pt 0pt; justify-content: no-space; min-width: 0; width: 100%; } div.sheet-legendaryactions label[data-i18n-title="repeatinglegendaryactions"] > input { font-family:Times,serif; font-size: 0.7em; height: 30px; border: none; border-bottom: solid 1pt; border-radius:0; min-width: 0; width: 100%; } div.sheet-legendaryactions label[data-i18n-title="repeatinglegendaryactions"] > input[data-i18n-placeholder="legendaryname"]{ grid-column: 2 / span 5; } div.sheet-legendaryactions label[data-i18n-title="repeatinglegendaryactions"] > input[data-i18n-placeholder="legendarynotes"]{ grid-column: 8 / span 12; } div.sheet-npcinfo > div.sheet-NPCNotes { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCNotes label[data-i18n-title="NPCNotes"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPClegend_and_lore { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPClegend_and_lore label[data-i18n-title="NPClegend_and_lore"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCEncounters { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCEncounters label[data-i18n-title="NPCEncounters"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCRules { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCRules label[data-i18n-title="NPCRules"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCSigns { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCSigns label[data-i18n-title="NPCSigns"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCBehaviour { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCBehaviour label[data-i18n-title="NPCBehaviour"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCCombat { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCCombat label[data-i18n-title="NPCCombat"] textarea { border: 0; width: 98.5%; } div.sheet-npcinfo > div.sheet-NPCNames { grid-column: 1 / span 20 ; grid-row: 16; width: 98.5%; border: double 4pt; border-radius: 10px; } div.sheet-NPCNames label[data-i18n-title="NPCNames"] textarea { border: 0; width: 98.5%; }