//*   pointer-events: none; **/



*, ::before, ::after {box-sizing: border-box;}

div {width: 100%}
p {text-align: center}
select {margin: auto;}

.clabl { display: flex; margin-bottom: 0px; padding-right: 0px}
.clabl > input {visibility: hidden; position: absolute;}
.clabl > input + div { cursor: pointer; border: 2px solid transparent;}
.clabl > input:checked + div { background-color: #ffd6bb; }

.boxed { border: 1px; border-style: solid; text-align: center }
.charsheet .mainContainer {width: 95%; box-sizing: border-box !important}
.mainTitle { display: flex;justify-content:center; align-items:center;background-color: midnightblue; color: white; text-decoration-thickness: 5px; font-weight:bold; text-align: center; height: 25px; vertical-align: middle; line-height: 100%}
.containerThird { display: flex; }
.containerThird>div { display: inline-block; width: 100%}
.charsheet .containerFift>label { margin-bottom: 0px; padding-right: 0px; text-align: center;}
.containerFift>label>div {flex-grow: 1; text-align: center; display: inline-block; border: 1px; border-style: solid; padding: 0px; margin: 0px; outline: 0px;}
.containerFift {display: flex; width: 100%}

.containerFiveRows {display: block; padding: 1em; flex-grow: 1;}

.characterviewer label {font-weight: bold; font-size: 1.2em; margin-bottom: 0px;}

.skill {display: block; width: 100%;}
.skill>p {width: 100%;}
.skillSelect {display: flex; flex-grow: 1; width: 100%; height: 100%}
.skillSelect>label { margin-bottom: 0px; padding-right: 0px;}
.skillVocationSelect {display: flex; flex-grow: 1; width: 100%;justify-content: space-around;}
/*.skillSelect>label>div {container-type: inline-size; font-size: 1cqw}*/

.skillSum {display: block; }
.skillSum>input {text-align: center; }

.settingsBody {display: flex; }

.alignLeft {text-align: left}
.flex {display: flex; width: 100%}
.noPad { padding: 0px; margin: 0px; outline: 0px;}
.calcBox {line-height: 3em}
.largeText {font-size: larger;}
.largedialog label {width: 100%; text-align: left; float: none; display: block; padding-right: 0px;}
    
.VocationSkill {width: 50%; }
.VocationSkillType>label { margin-bottom: 0px; padding-right: 0px; text-align: center;padding: 0.1em}
.VocationSkillType>label>div {container-type: inline-size; font-size: 1cqw}
.VocationSkillDescribtion>input {width: 100%}
.VocationSkillDescribtion>p {padding: 0.5em}
.containerVocationSkills {display: flex; flex-wrap: wrap; flex-direction: row;padding: 0}
.containerVocation {display: inline-block; padding:0.5em;}
.containerVocation>div {padding: 1em;}
.Green {padding: 1em; box-sizing: border-box;}

.Basics {display: flex;}
.left {width: 40%; padding: 1em}
.left>label {padding: 0.5em}
.right {display: block; width: 40%}
.right>label>input {width: 100%}
.avatar {width: 20%}
.flex-grow {flex-grow: 1}
.halved {display: flex;}
.destiny {height: 20%; padding: 1em; width: 50%; flex-grow: 1}
.commerce {height: 20%; padding: 1em; width: 50%; flex-grow: 1}
.midrightMain {display: flex; padding: 1em}
.midright {display: block}
.padding {padding: 1em}
.auto {width: auto}
.button {border: 0px; width: 100%; text-align: center; height: 100%}
.button>p {text-align: center}
.buttonVocation {border: 0px;}
.buttonVocation>p {text-align: center}
.vocationskillresult {width: 50%}

.repcontainer>.repitem{display:flex}

.sheet-rolltemplate-test .sheet-goodDie {font-family: dicefontd6; color: forestgreen; font-size: 2em; line-height: normal;}
.sheet-rolltemplate-test .sheet-challangedie {font-family: dicefontd6; color: grey; font-size: 2em; line-height: normal;}

.sheet-rolltemplate-test .sheet-badDie  {font-family: dicefontd6; color: darkred; font-size: 2em; line-height: normal;}
/*.sheet-rolltemplate-test .sheet-badDie>p>span {text-align: center; background-color: transparent; border: 0px}*/

.sheet-rolltemplate-test .sheet-diceDisplay {display: flex; flex-wrap: wrap; background-color: white; padding: 1em;  }

.sheet-rolltemplate-test .sheet-title {display: flex; background-color: midnightblue; color: white; text-align: center; justify-content: center; }
.sheet-rolltemplate-test .sheet-title>* { color: white; text-align: center;}
.sheet-rolltemplate-test .sheet-title>h4>span { color: white; text-align: center; background-color: transparent; border: 0px}

.sheet-rolltemplate-test .sheet-infoBox {display: none; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: flex-start; background-color: lightgrey; }
.sheet-rolltemplate-test .sheet-infoBox>div {margin: 0.5em; display: flex;}
.sheet-rolltemplate-test .sheet-infoBox>div>div>* {size: 0.5em;}
.sheet-rolltemplate-test .sheet-infoBox>div>div>p {font-size: 0.7em;}
.sheet-rolltemplate-test .sheet-infoBox>div>div>span {font-size: 0.7em;}

.sheet-rolltemplate-test .textchatcontainer .inlinerollresult {background-color: transparent !important; border: 0px !important;}

.sheet-rolltemplate-test .sheet-resolution {border: 0px; padding: 1em; background-color: lightgrey; display: flex; }
.sheet-rolltemplate-test .sheet-resolution>p {font-size: 2em;}
.sheet-template-container {border: 1px; border-color: black;}

.sheet-rolltemplate-test .sheet-goodAndChallangeDie {display: flex; flex-wrap: wrap; flex-flow: nowrap; overflow-wrap: anywhere;}
.sheet-rolltemplate-test .sheet-goodAndChallangeDie>p>span {border: 0px; padding: 0px; background-color: white; overflow-wrap: anywhere; line-height: normal;}







.sheet-rolltemplate-injury .sheet-goodDie {font-family: dicefontd6; color: forestgreen; font-size: 2em; line-height: normal;}
.sheet-rolltemplate-injury .sheet-challangedie {font-family: dicefontd6; color: grey; font-size: 2em; line-height: normal;}
.sheet-rolltemplate-injury .sheet-badDie  {font-family: dicefontd6; color: darkred; font-size: 2em; overflow-wrap: anywhere; line-height: normal; background-color: transparent; line-height: normal;}
/*.sheet-rolltemplate-injury .sheet-badDie>span {text-align: center; background-color: transparent; border: 0px}*/
.sheet-rolltemplate-injury .sheet-diceDisplay {display: flex; flex-wrap: wrap; background-color: white; padding: 1em; }
.sheet-rolltemplate-injury .sheet-title-red {display: flex; background-color: darkred; color: white; text-align: center; justify-content: center; }
.sheet-rolltemplate-injury .sheet-title-red>* { color: white; text-align: center;}
.sheet-rolltemplate-injury .sheet-title-red>h4>span { color: white; text-align: center; background-color: transparent; border: 0px}
.sheet-rolltemplate-injury .sheet-infoBox {display: none; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: flex-start; background-color: lightgrey; }
.sheet-rolltemplate-injury .sheet-infoBox>div {margin: 0.5em; display: flex;}
.sheet-rolltemplate-injury .sheet-infoBox>div>div>* {size: 0.5em;}
.sheet-rolltemplate-injury .sheet-infoBox>div>div>p {font-size: 0.7em;}
.sheet-rolltemplate-injury .sheet-infoBox>div>div>span {font-size: 0.7em;}
.sheet-rolltemplate-injury .textchatcontainer .inlinerollresult {background-color: transparent !important; border: 0px !important;}
.sheet-rolltemplate-injury .sheet-resolution {border: 0px; padding: 1em; background-color: lightgrey; display: flex; }
.sheet-rolltemplate-injury .sheet-resolution>p {font-size: 2em;}
.sheet-rolltemplate-injury .sheet-goodAndChallangeDie {display: flex; flex-wrap: nowrap; overflow-wrap: anywhere;}
.sheet-rolltemplate-injury .sheet-goodAndChallangeDie>p>span {border: 0px; padding: 0px; background-color: white; overflow-wrap: anywhere; line-height: normal;}



.toggle:checked ~ label{ pointer-events: none; background-color: grey;}//*.VocationSkillType>label { pointer-events: none} *//