.hidden { display: none !important }

.hflex { display: flex }
.vflex { display: flex; flex-direction: column }
.fill { flex: 1 }
.center { align-items: center }
.fstart { align-items: flex-start }
.space { justify-content: space-between }
.center_content { justify-content: center }
.wrap { flex-flow: wrap }

.tcenter { text-align: center }
.tright { text-align: right }
.tleft { text-align: left }

.relative { position: relative }
.absolute { position: absolute }

.w50 {	width: 50% }
.w80 { width: 80px }
.w100 { width: 100% }
.h0 { height: 0px }
.h100 { height: 100% }

.p5 { padding: 5px }
.p0_5 { padding: 0px 5px }
.p0_10 { padding: 0px 10px }
.p10_0 { padding: 10px 0px }
.p10 { padding: 10px }
.p20 { padding: 20px }
.m0 { margin: 0px }
.ml5 { margin-left: 5px}
.m20 { margin: 20px }
.t10 { margin-top: 10px }
.t20 { margin-top: 20px }
.t40 { margin-top: 40px }
.x20 { margin: 0px 20px }
.b10 { margin-bottom: 10px }
.b20 { margin-bottom: 20px }
.mauto { margin: auto }

.r5 { border-radius: 5px }
.r10 { border-radius: 10px }
.r50 { border-radius: 50% }
.r2e { border-radius: 2em }

.vscroll { overflow-y: auto; overflow-x: hidden }

.outline { text-shadow: 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black, 0 0 4px black; color: #fff }

.inline { display: inline-block }
.block { display: block }
.click { cursor: pointer }
.protect { user-select: none }

.f11 { font-size: 11px }
.f14 { font-size: 14px }
.f20 { font-size: 20px }
.f30 { font-size: 30px }
.bold { font-weight: bold }
.italic { font-style: italic }