@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');

/*Configure the tab buttons*/
.sheet-character,
.sheet-advancement,
.sheet-materials {
	display: none;
}

/* show the selected tab */
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="advancement"] ~ div.sheet-advancement,
.sheet-tabstoggle[value="materials"] ~ div.sheet-materials {
	display: block;
}

.sheet-wrapper {
  background-color: white;
  margin: 2%;
}

.sheet-container {
  display: flex;
  margin-bottom: 2em;
}

.sheet-blockbundle {
  display: flex;
  margin-bottom: 1em;
  text-align: center;
  display: block;
}

.sheet-justify-between {
  justify-content: space-between;
}


.sheet-align-stretch {
  align-items: stretch;
}


.sheet-centeralign {
  vertical-align: middle;
}
      
.sheet-column {
  flex-direction: column;
}

.sheet-row {
  flex-direction: row;
}

.sheet-oneline {
  min-width: 5%;
  max-width: 20%;
}

.sheet-fullwidth {
  min-width: 95%;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.sheet-threefourthswidth {
  min-width: 70%;
  max-width: 70%;
}

.sheet-halfwidth {
  min-width: 45%;
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
}

.sheet-halfwidth-left {
  margin-left: 0;
}

.sheet-halfwidth-right {
  margin-right: 0;
}

.sheet-thirdwidth {
  min-width: 31%;
  max-width: 31%;
  margin-left: auto;
  margin-right: auto;
}

.sheet-quarterwidth {
  min-width: 20%;
  max-width: 20%;
}

.sheet-tenwidth {
  min-width: 10%;
  max-width: 10%;
}

.sheet-fifteenwidth {
  min-width: 15%;
  max-width: 15%;
}

.sheet-margintwo {
  margin-left: 2em;
  margin-right: 2em;
}

.sheet-fillspace {
  width: 100%;
  justify-content: stretch;
}

.sheet-centered {
  margin: 0 auto 1em auto;
  display: block;
}


.sheet-vertcenter{ 
    display: flex;
    align-items:center;
}

.sheet-first {
  margin-top: .25em;
}

.sheet-padded {
  padding: .25em;
}


.sheet-paddedtwo {
  padding: .5em;
}

.sheet-paddedten {
  padding: 2.5em;
}

.sheet-boxesjustify {
  display: flex;
  margin-bottom: 1em;
  text-align: center;
  justify-content: space-evenly;
}

button[type="roll"].sheet-margined, div.sheet-margined {
  margin-top: .25em;
  margin-bottom: .25em;
}


.sheet-field-label {
  font-weight: bold;
  display: inline-block;
  padding-left: 0.5em;
 font-family: 'Roboto Slab', serif;
}

.sheet-rolltemplate-default caption {
  text-transform: uppercase;
  font-weight: bold;
  background-color: black;
  color: white;
 font-family: 'Roboto Slab', serif;
}

.sheet-label-centered, .sheet-rolltemplate-default caption {
  text-align: center;
}

.sheet-blackbg {
  background-color: black;
  color: white;
  display: block;
  font-size: large;
}

.sheet-largefont {
  font-size: 150%;
}

.sheet-bordered {
  border: 3px solid black;
}

.sheet-no-display {
  display: none;
}

textarea {
  max-width: 98%;
}

span.sheet-unifraktur {
  /* font-family: 'UnifrakturCook', serif; */
  font-family: 'Roboto Slab', serif;
  font-size: 1.5em;
}