.sheet-wrapper { background-color: white; margin: 2%; } .sheet-container { display: flex; margin-bottom: 2em; } .sheet-justify-between { justify-content: space-between; } .sheet-content-stretch { align-content: stretch; } .sheet-align-stretch { align-items: stretch; } .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-quarterwidth { min-width: 20%; max-width: 20%; } .sheet-tenwidth { min-width: 10%; max-width: 10%; } .sheet-fillspace { width: 100%; justify-content: stretch; } .sheet-centered { margin: 0 auto 1em auto; display: block; } .sheet-centered-text { text-align: center; } .sheet-first { margin-top: .25em; } .sheet-padded { padding: .25em; } button[type="roll"].sheet-margined, div.sheet-margined { margin-top: .25em; margin-bottom: .25em; } .sheet-field-label { text-transform: uppercase; font-weight: bold; display: inline-block; padding-left: 0.5em; font-family: 'Candal', sans-serif; } .sheet-rolltemplate-default caption { text-transform: uppercase; font-weight: bold; background-color: black; color: white; font-family: 'Candal', sans-serif; } .sheet-label-centered, .sheet-rolltemplate-default caption { text-align: center; } .sheet-blackbg { background-color: black; color: white; display: block; font-size: large; } .sheet-bordered { border: 3px solid black; } textarea { max-width: 98%; }