roll20-character-sheets-tester/Draci Hlidka/Draci Hlidka.css

@font-face {
  font-family: "Patrick Hand SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/PatrickHandSC-Regular-v8-0nkwC9f7MfsBiWcLtY65AWDK873lgSK7FQc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Patrick Hand SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/PatrickHandSC-Regular-v8-0nkwC9f7MfsBiWcLtY65AWDK873lgCK7FQc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Patrick Hand SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/PatrickHandSC-Regular-v8-0nkwC9f7MfsBiWcLtY65AWDK873ljiK7.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.ui-dialog {
  overflow-y: scroll !important;
}
.ui-dialog .charsheet {
  padding: 0;
}
.ui-dialog .charsheet button[type=action],
.ui-dialog .charsheet button[type=roll],
.ui-dialog .charsheet button[type=compendium] {
  background: #EEEEEE;
  background: rgba(238, 238, 238, 0.9);
  padding: 0;
  font-size: 1em;
  margin: 0 2px;
}
.ui-dialog .charsheet button[type=action]:hover,
.ui-dialog .charsheet button[type=roll]:hover,
.ui-dialog .charsheet button[type=compendium]:hover {
  background: #E0E0E0;
  background: rgba(224, 224, 224, 0.9);
}
.ui-dialog .charsheet button[type=action]:active,
.ui-dialog .charsheet button[type=roll]:active,
.ui-dialog .charsheet button[type=compendium]:active {
  background: #BDBDBD;
  background: rgba(189, 189, 189, 0.9);
}
.ui-dialog .charsheet button[type=action].dh_equipButton:hover,
.ui-dialog .charsheet button[type=roll].dh_equipButton:hover,
.ui-dialog .charsheet button[type=compendium].dh_equipButton:hover {
  background: rgba(75, 74, 68, 0.8);
}
.ui-dialog .charsheet button[type=action].dh_equipButton:active,
.ui-dialog .charsheet button[type=roll].dh_equipButton:active,
.ui-dialog .charsheet button[type=compendium].dh_equipButton:active {
  background: rgba(75, 74, 68, 0.9);
}
.ui-dialog .charsheet button[type=action].dh_equipButton.dh_none:hover,
.ui-dialog .charsheet button[type=roll].dh_equipButton.dh_none:hover,
.ui-dialog .charsheet button[type=compendium].dh_equipButton.dh_none:hover {
  background: rgba(0, 0, 0, 0.1);
}
.ui-dialog .charsheet button[type=action].dh_equipButton.dh_none:active,
.ui-dialog .charsheet button[type=roll].dh_equipButton.dh_none:active,
.ui-dialog .charsheet button[type=compendium].dh_equipButton.dh_none:active {
  background: rgba(0, 0, 0, 0.2);
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
  background-color: rgba(250, 0, 0, 0.2);
  z-index: 10;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_del {
  visibility: visible;
  font-family: pictos;
  border: 1px groove #41403e4a;
  border-radius: 4px;
  width: 22px;
  height: 22px;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_move {
  visibility: visible;
  font-family: pictos;
  border: 1px groove #41403e4a;
  border-radius: 4px;
  float: left;
  width: 22px;
  height: 22px;
}
.repcontrol {
  display: block;
  padding: 4px;
}
.repcontrol .btn {
  border: none;
  color: transparent;
  background: #EEEEEE;
  background: rgba(238, 238, 238, 0.9);
  box-shadow: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  display: flex;
  flex: 0 1;
  margin: 0px;
  padding: 0px;
  float: left;
  font-size: 0;
  border: 1px solid #4b4a44;
  margin-top: 2px;
}
.repcontrol .btn:hover {
  background: #E0E0E0;
  background: rgba(224, 224, 224, 0.9);
}
.repcontrol .btn:active {
  background: #BDBDBD;
  background: rgba(189, 189, 189, 0.9);
}
.repcontrol .btn:focus {
  outline: 0;
}
.repcontrol .btn.repcontrol_add {
  margin-left: 2px;
}
.repcontrol .btn.repcontrol_add:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/plus.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  visibility: visible;
  font-family: pictos;
  background-color: transparent;
  color: #41403e4a;
}
.repcontrol .btn.repcontrol_edit {
  position: sticky;
  float: right;
  margin-right: 2px;
}
.repcontrol .btn.repcontrol_edit:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/change.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  visibility: visible;
  font-family: pictos;
  background-color: transparent;
  color: #41403e4a;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
  content: "";
  transform: rotate(-90deg);
}
.dh_main *,
.dh_main ::before,
.dh_main ::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
  line-height: normal;
}
.dh_main ::before,
.dh_main ::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
.dh_main * {
  font-size: 16px;
  font-weight: 400;
  color: #191813;
  font-family: "Patrick Hand SC", cursive;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  text-align: center;
  padding: 0;
  margin: 0;
}
.dh_main hr {
  overflow: visible;
  height: 0;
}
.dh_main span {
  height: 100%;
  padding: 0px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  border: none;
}
.dh_main details,
.dh_main main {
  display: block;
}
.dh_main summary {
  display: list-item;
}
.dh_main small {
  font-size: 80%;
}
.dh_main [hidden] {
  display: none;
}
.dh_main abbr[title] {
  border-bottom: none;
  -webkit-text_decoration: underline dotted;
}
.dh_main a {
  background-color: transparent;
}
.dh_main a:active,
.dh_main a:hover {
  outline-width: 0;
}
.dh_main code,
.dh_main kbd,
.dh_main pre,
.dh_main samp {
  font-family: monospace, monospace;
}
.dh_main pre {
  font-size: 1em;
}
.dh_main b,
.dh_main strong {
  font-weight: bolder;
}
.dh_main sub,
.dh_main sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.dh_main sub {
  bottom: -0.25em;
}
.dh_main sup {
  top: -0.5em;
}
.dh_main input {
  width: auto;
  padding-left: 4px;
  border-radius: 4px;
}
.dh_main label {
  float: left;
  width: auto;
}
.dh_main [disabled] {
  cursor: default;
}
.dh_main [type=number]::-webkit-inner-spin-button,
.dh_main [type=number]::-webkit-outer-spin-button {
  height: auto;
  background-color: transparent;
}
.dh_main [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.dh_main [type=search]::-webkit-search-cancel-button,
.dh_main [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.dh_main textarea {
  outline: none;
  padding-left: 4px;
  height: auto;
  text-align: left;
  overflow: auto;
  resize: vertical;
  width: 100%;
}
.dh_main button,
.dh_main input,
.dh_main optgroup,
.dh_main select,
.dh_main textarea {
  font: inherit;
}
.dh_main optgroup {
  font-weight: bold;
}
.dh_main button {
  overflow: visible;
}
.dh_main button,
.dh_main select {
  width: auto;
  text-transform: none;
}
.dh_main button option,
.dh_main select option {
  padding: 0 0 0 4px;
  text-align: left;
}
.dh_main select {
  display: block;
  box-sizing: content-box;
  font-size: 0.9em;
  height: 1.25em;
  max-height: 1.25em;
}
.dh_main select:after {
  display: inline-block;
  height: 1em;
  max-height: 1em;
}
.dh_main button,
.dh_main [type=button],
.dh_main [type=reset],
.dh_main [type=submit],
.dh_main [role=button] {
  cursor: pointer;
  color: inherit;
}
.dh_main button::-moz-focus-inner,
.dh_main [type=button]::-moz-focus-inner,
.dh_main [type=reset]::-moz-focus-inner,
.dh_main [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.dh_main button:-moz-focusring,
.dh_main [type=button]::-moz-focus-inner,
.dh_main [type=reset]::-moz-focus-inner,
.dh_main [type=submit]::-moz-focus-inner {
  outline: 1px dotted transparent;
}
.dh_main button,
.dh_main html [type=button],
.dh_main [type=reset],
.dh_main [type=submit] {
  -webkit-appearance: button;
}
.dh_main button,
.dh_main select,
.dh_main textarea,
.dh_main input {
  background-color: #EEEEEE;
  border: 1px solid #41403e4a;
  border-radius: 4px;
}
.dh_main input {
  display: table-cell;
  text-align: left;
}
.dh_main input[type=number] {
  padding: 0 0 0 4px !important;
}
.dh_main input[type=radio] {
  padding: 0 0 0 4px !important;
}
.dh_main input[type=checkbox] {
  height: 1em;
  min-width: 1em;
  width: 1em;
}
.dh_main input[type=number]::-webkit-inner-spin-button,
.dh_main input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
  background-color: transparent;
}
.dh_main select:focus,
.dh_main input[type=text]:hover,
.dh_main input[type=number]:hover,
.dh_main input[type=text]:focus,
.dh_main input[type=number]:focus {
  outline: none;
}
.dh_main legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  max-width: 100%;
}
.dh_main ::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}
.dh_main img {
  border-style: none;
}
.dh_main progress {
  vertical-align: baseline;
}
.dh_main {
}
.dh_main .dh_label {
  font-size: 0.8125em;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #4b4a44;
  font-weight: 700;
  padding: 0px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  border: none;
}
.dh_main .dh_label span {
  font-size: 0.8125em;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #4b4a44;
  font-weight: 700;
  padding: 0px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  border: none;
}
.dh_main select,
.dh_main input[type=text],
.dh_main input[type=number] {
  display: flex;
  height: 1.25em;
  border-radius: 4px;
  width: 100%;
}
.dh_main select.dh_input,
.dh_main input[type=text].dh_input,
.dh_main input[type=number].dh_input {
  display: flex;
  height: 1.25em;
  border-radius: 4px;
  width: 100%;
}
.dh_main select.dh_grow_input,
.dh_main input[type=text].dh_grow_input,
.dh_main input[type=number].dh_grow_input {
  display: flex;
  height: 1.25em;
  border-radius: 4px;
  min-width: auto;
  width: 100%;
}
.dh_main select.dh_input {
  display: block;
}
.dh_main input[type=radio].dh_radio_input {
  display: flex;
  height: 1em;
  width: 1em;
}
.dh_main span.dh_span_input {
  background-color: #EEEEEE;
  box-sizing: border-box;
  border: 1px solid #41403e4a;
  border-radius: 4px;
  text-align: left;
  padding: 0 0 0 4px;
  display: flex;
  height: 1.25em;
  max-height: 1.25em;
  width: 100%;
  align-items: center;
}
.dh_main span.dh_input {
  display: flex;
  height: 1.25em;
  border-radius: 4px;
  width: 100%;
  background-color: #EEEEEE;
  box-sizing: border-box;
  border: 1px solid #41403e4a;
  text-align: left;
  padding: 0 0 0 4px;
  height: 1.25em;
  max-height: 1.25em;
  align-items: center;
}
.dh_main span.dh_grow_input {
  background-color: #EEEEEE;
  box-sizing: border-box;
  border: 1px solid #41403e4a;
  border-radius: 4px;
  text-align: left;
  padding: 0 0 0 4px;
  display: flex;
  height: 1.25em;
  max-height: 1.25em;
  min-width: auto;
  width: 100%;
  align-items: center;
}
.dh_main .dh_hidden {
  display: none !important;
}
.dh_main .dh_disabled {
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  opacity: 0.9;
}
.dh_main .dh_text_truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dh_main .dh_text_left {
  text-align: left !important;
}
.dh_main .dh_text_center {
  text-align: center !important;
}
.dh_main .dh_text_right {
  text-align: right !important;
}
.dh_main .dh_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-items: stretch;
  justify-items: stretch;
  align-content: center;
  justify-content: center;
}
.dh_main .dh_fill_height {
  height: 100%;
}
.dh_main .dh_wrap {
  flex-wrap: wrap;
}
.dh_main .dh_nowrap {
  flex-wrap: nowrap;
}
.dh_main .dh_justify_center {
  justify-items: center !important;
}
.dh_main .dh_justify_start {
  justify-items: flex-start !important;
}
.dh_main .dh_justify_end {
  justify-items: flex-end !important;
}
.dh_main .dh_justify_stretch {
  justify-items: stretch !important;
}
.dh_main .dh_justify_self_center {
  justify-self: center !important;
}
.dh_main .dh_justify_self_start {
  justify-self: flex-start !important;
}
.dh_main .dh_justify_self_end {
  justify-self: flex-end !important;
}
.dh_main .dh_justify_self_stretch {
  justify-self: stretch !important;
}
.dh_main .dh_justify_content_start {
  justify-content: flex-start !important;
}
.dh_main .dh_justify_content_stretch {
  justify-content: stretch !important;
}
.dh_main .dh_justify_content_end {
  justify-content: flex-end !important;
}
.dh_main .dh_justify_content_center {
  justify-content: center !important;
}
.dh_main .dh_justify_content_space_between {
  justify-content: space-between !important;
}
.dh_main .dh_justify_content_space_around {
  justify-content: space-around !important;
}
.dh_main .dh_justify_content_space_evenly {
  justify-content: space-evenly !important;
}
.dh_main .dh_align_center {
  align-items: center !important;
}
.dh_main .dh_align_start {
  align-items: flex-start !important;
}
.dh_main .dh_align_end {
  align-items: flex-end !important;
}
.dh_main .dh_align_baseline {
  align-items: baseline !important;
}
.dh_main .dh_align_stretch {
  align-items: stretch !important;
}
.dh_main .dh_align_content_start {
  align-content: flex-start !important;
}
.dh_main .dh_align_content_end {
  align-content: flex-end !important;
}
.dh_main .dh_align_content_center {
  align-content: center !important;
}
.dh_main .dh_align_content_space_between {
  align-content: space-between !important;
}
.dh_main .dh_align_content_space_around {
  align-content: space-around !important;
}
.dh_main .dh_align_content_space_evenly {
  align-content: space-evenly !important;
}
.dh_main .dh_align_content_stretch {
  align-content: stretch !important;
}
.dh_main .dh_align_self_auto {
  align-self: auto !important;
}
.dh_main .dh_align_self_start {
  align-self: flex-start !important;
}
.dh_main .dh_align_self_end {
  align-self: flex-end !important;
}
.dh_main .dh_align_self_center {
  align-self: center !important;
}
.dh_main .dh_align_self_baseline {
  align-self: baseline !important;
}
.dh_main .dh_align_self_stretch {
  align-self: stretch !important;
}
.dh_main .dh_overflow_hidden {
  overflow: hidden;
}
.dh_main .dh_float_left {
  float: left;
}
.dh_main .dh_float_right {
  float: right;
}
.dh_main .dh_100_width {
  width: 100%;
}
.dh_main .dh_0_width {
  width: 0;
}
.dh_main .dh_col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.dh_main .dh_col_1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.dh_main .dh_col_2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.dh_main .dh_col_3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.dh_main .dh_col_4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.dh_main .dh_col_5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.dh_main .dh_col_6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.dh_main .dh_col_7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.dh_main .dh_col_8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.dh_main .dh_col_9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.dh_main .dh_col_10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.dh_main .dh_col_11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.dh_main .dh_col_12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.dh_main .dh_col_auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.dh_main .dh_col_fill {
  flex: 1 1 100% !important;
}
.dh_main .dh_shrink {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
}
.dh_main .dh_grow_shrink_auto {
  flex: 1 1 auto;
}
.dh_main .dh_grow {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
}
.dh_main .dh_pa_0 {
  padding: 0 !important;
}
.dh_main .dh_pa {
  padding: 2px;
}
.dh_main .dh_py {
  padding: 2px 0;
}
.dh_main .dh_px {
  padding: 0 2px;
}
.dh_main .dh_pl {
  padding-left: 2px;
}
.dh_main .dh_pr {
  padding-right: 2px;
}
.dh_main .dh_pt {
  padding-top: 2px;
}
.dh_main .dh_pb {
  padding-bottom: 2px;
}
.dh_main .dh_ma {
  margin: 2px;
}
.dh_main .dh_my {
  margin: 2px 0;
}
.dh_main .dh_mx {
  margin: 0 2px;
}
.dh_main .dh_ml {
  margin-left: 2px;
}
.dh_main .dh_mr {
  margin-right: 2px;
}
.dh_main .dh_mt {
  margin-top: 2px;
}
.dh_main .dh_mb {
  margin-bottom: 2px;
}
.dh_main .dh_value_large * {
  font-size: 1.875em;
  font-weight: 700;
}
.dh_main .dh_value_large span {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dh_main .dh_value_medium * {
  font-size: 1.375em;
  font-weight: 600;
}
.dh_main .dh_value_medium span {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dh_main .dh_value * {
  font-size: 1em;
  font-weight: 400;
}
.dh_main .dh_value span {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dh_main .dh_value_small * {
  font-size: 0.8125em;
  font-weight: 400;
}
.dh_main .dh_value_small span {
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dh_main .dh_grid {
  display: grid;
  grid-template-rows: auto;
  -moz-column-gap: 2px;
       column-gap: 2px;
  row-gap: 2px;
  align-items: stretch;
  justify-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  width: 100%;
}
.dh_main .dh_section {
  position: relative;
  border: 2px groove #41403e;
  border-radius: 12px 4px 12px 5px/15px 42px 9px 125px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  text-align: center;
  height: auto;
  min-width: 105px;
}
.dh_main .dh_section > .dh_pencil {
  display: none;
  position: absolute;
  right: -1px;
  top: 1px;
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
  border: 1px solid #4b4a44;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  margin: 0;
}
.dh_main .dh_section:focus-within > .dh_pencil, .dh_main .dh_section:hover > .dh_pencil {
  display: flex;
}
.dh_main .dh_section [class*=display] {
  display: none;
  flex-direction: column;
  align-self: stretch;
  align-items: stretch;
  justify-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  justify-self: stretch;
  text-align: center;
  flex-grow: 1;
  padding: 1px 2px 2px 2px;
  min-width: 0;
  width: 100%;
}
.dh_main .dh_section [class*=modify] {
  display: none;
  flex-direction: column;
  align-self: stretch;
  align-items: stretch;
  justify-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  justify-self: stretch;
  text-align: center;
  color: #191813;
  box-shadow: 1px 1px 8px 1px black;
  border-radius: 12px 4px 12px 5px/15px 42px 9px 125px;
  min-width: 0;
  flex-grow: 1;
  padding: 1px 2px 2px 2px;
}
.dh_main input.dh_remove_number_arrows::-webkit-outer-spin-button,
.dh_main input.dh_remove_number_arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  background-color: transparent;
}
.dh_main input[type=number].dh_remove_number_arrows {
  -moz-appearance: textfield;
  width: 0;
  margin: 0px 3px 3px 3px;
}
.dh_main .dh_icon {
  height: 1em;
  width: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
  border: none;
}
.dh_main .dh_icon::before {
  content: "" !important;
}
.dh_main .dh_icon.dh_icon_ammunition {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/ammunition.svg);
}
.dh_main .dh_icon.dh_icon_armor {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/armor.svg);
}
.dh_main .dh_icon.dh_icon_bag {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/bag.svg);
}
.dh_main .dh_icon.dh_icon_bothHands {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/bothhands.svg);
}
.dh_main .dh_icon.dh_icon_caretdown {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/caret-down.svg);
}
.dh_main .dh_icon.dh_icon_caretup {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/caret-up.svg);
}
.dh_main .dh_icon.dh_icon_coinBag {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/coinbag.svg);
}
.dh_main .dh_icon.dh_icon_coins {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/coins.svg);
}
.dh_main .dh_icon.dh_icon_copper {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/copper.svg);
}
.dh_main .dh_icon.dh_icon_counter {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/counter.svg);
}
.dh_main .dh_icon.dh_icon_gold {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/gold.svg);
}
.dh_main .dh_icon.dh_icon_changeGrey {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/change-grey.svg);
}
.dh_main .dh_icon.dh_icon_change {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/change.svg);
}
.dh_main .dh_icon.dh_icon_chest {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/chest.svg);
}
.dh_main .dh_icon.dh_icon_d6 {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/k6.svg);
}
.dh_main .dh_icon.dh_icon_d10 {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/k10.svg);
}
.dh_main .dh_icon.dh_icon_leftHand {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/lefthand.svg);
}
.dh_main .dh_icon.dh_icon_melee {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/melee.svg);
}
.dh_main .dh_icon.dh_icon_oneHanded {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/onehanded.svg);
}
.dh_main .dh_icon.dh_icon_pencilOutlined {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
}
.dh_main .dh_icon.dh_icon_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil.svg);
}
.dh_main .dh_icon.dh_icon_plusGrey {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/plus-grey.svg);
}
.dh_main .dh_icon.dh_icon_plus {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/plus.svg);
}
.dh_main .dh_icon.dh_icon_ranged {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/ranged.svg);
}
.dh_main .dh_icon.dh_icon_rightHand {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/righthand.svg);
}
.dh_main .dh_icon.dh_icon_ruler {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/ruler.svg);
}
.dh_main .dh_icon.dh_icon_save {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
}
.dh_main .dh_icon.dh_icon_scale {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/scale.svg);
}
.dh_main .dh_icon.dh_icon_scroll {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/scroll.svg) !important;
}
.dh_main .dh_icon.dh_icon_shield {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/shield.svg);
}
.dh_main .dh_icon.dh_icon_silver {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/silver.svg);
}
.dh_main .dh_icon.dh_icon_throwing {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/throwing.svg);
}
.dh_main .dh_icon.dh_icon_twoHanded {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/twohanded.svg);
}
.dh_main .dh_icon.dh_icon_person {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/user.svg);
}
.dh_main .dh_icon.dh_icon_write {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/write.svg);
}
.dh_main .dh_isEditing,
.dh_main *.dh_read,
.dh_main *.dh_modify {
  display: none;
}
.dh_main .dh_isEditing:checked ~ div[class*=modify] .dh_edit_checkmark, .dh_main div[class*=dh_edit] .dh_edit_checkmark {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
}
.dh_main .dh_isEditing:not(:checked) ~ div[class*=dh_read] .dh_edit_checkmark, .dh_main div[class*=display] .dh_edit_checkmark {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
}
.dh_main .dh_isEditing:not(:checked) ~ *.dh_read {
  display: flex;
}
.dh_main .dh_isEditing:checked ~ *.dh_modify {
  display: flex;
  border-radius: 0px;
}
.dh_main .dh_table {
  margin-left: 2px;
}
.dh_main .dh_table.dh_header {
  margin-top: 2px;
  margin-bottom: none;
}
.dh_main .dh_table.dh_header .dh_cell {
  background-color: rgba(0, 0, 0, 0.05);
}
.dh_main .dh_table .dh_cell {
  margin-top: 2px;
  display: flex;
  margin-right: 2px;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.05);
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
}
.dh_main .dh_table .dh_cell input,
.dh_main .dh_table .dh_cell input[type=number] {
  border: none;
  height: auto;
  background-color: transparent;
}
.dh_main .dh_table .dh_cell input[type=radio] {
  border: none;
  height: 1em;
  background-color: transparent;
}
.dh_main .dh_table .dh_cell input[type=checkbox] {
  height: 1em;
  background-color: transparent;
}
.dh_main .dh_table .dh_cell input[type=text].dh_disabled {
  text-align: center;
}
.dh_main .dh_table .dh_cell.dh_isTwoHanded .dh_checkbox, .dh_main .dh_table .dh_cell.dh_attribute .dh_checkbox {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.dh_main .dh_table .dh_cell.dh_isTwoHanded select, .dh_main .dh_table .dh_cell.dh_attribute select {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.dh_main .dh_button {
  font-size: 1em;
  padding: 0px;
  margin: 0 2px;
  background: #EEEEEE;
  background: #eeeeee;
  font-weight: normal;
  align-items: center;
  align-content: center;
  justify-content: center;
  white-space: nowrap;
  display: flex;
  border: solid 1px #41403e;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  outline: none;
  width: auto;
}
.dh_main .dh_button * {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_button:hover {
  background: #E0E0E0;
  background: rgba(224, 224, 224, 0.9);
}
.dh_main .dh_button:active {
  background: #BDBDBD;
  background: rgba(189, 189, 189, 0.9);
}
.dh_main .dh_button::before {
  font-family: "Patrick Hand SC" !important;
  content: "" !important;
}
.dh_main .dh_button.dh_bottom_right {
  position: absolute;
  right: 0;
  bottom: 2px;
}
.dh_main .dh_button.dh_npcStrength, .dh_main .dh_button.dh_npcDexterity, .dh_main .dh_button.dh_npcConstitution, .dh_main .dh_button.dh_npcIntelligence, .dh_main .dh_button.dh_npcCharisma, .dh_main .dh_button.dh_npcInitiative, .dh_main .dh_button.dh_npcAttack, .dh_main .dh_button.dh_npcBasicDefense {
  float: right;
}
.dh_main .dh_button.dh_checkbox {
  border: 2px solid #4b4a44;
  border-radius: 4px;
  background-color: white;
}
.dh_main .dh_button .dh_icon_d10 {
  height: 1.25em;
  width: 1.25em;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_button .dh_icon_d6 {
  height: 1.25em;
  width: 1.25em;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_checkbox {
  background-color: transparent;
  display: inline-flex;
  vertical-align: middle;
  margin: 0 2px;
  padding: 0 2px;
  position: relative;
  cursor: pointer;
  font-size: 1em;
  height: 1em;
  max-height: 1em;
}
.dh_main .dh_checkbox * {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_checkbox:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_checkbox.dh_equipButton {
  background-color: white;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  flex-direction: row;
  position: relative;
  width: 1em;
  min-height: 1em;
  height: 1em;
  max-height: 1em;
  padding: 0;
  margin: 0;
  border: 2px solid #4b4a44;
  border-radius: 4px;
  font-size: 0.8125em;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: none;
}
.dh_main .dh_checkbox.dh_equipButton:hover {
  background: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_checkbox.dh_equipButton:active {
  background: rgba(0, 0, 0, 0.2);
}
.dh_main .dh_checkbox.dh_equipButton span {
  font-size: 0.8125em;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: white;
  font-weight: 700;
  padding: 0px;
  height: auto;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: none;
  border: none;
}
.dh_main .dh_checkbox.dh_equipButton.dh_none {
  width: 1em;
  height: 1em;
}
.dh_main .dh_checkbox.dh_equipButton.dh_left, .dh_main .dh_checkbox.dh_equipButton.dh_right, .dh_main .dh_checkbox.dh_equipButton.dh_both {
  background-color: #4b4a44;
  border: 2px solid #4b4a44;
  border-radius: 4px;
  min-width: 1em;
  min-height: 1em;
}
.dh_main .dh_checkbox.dh_button {
  display: inline-flex;
  min-width: 1.25em;
  min-height: 1.25em;
  height: 1em;
  padding: 0 2px;
  margin: 0;
  background: #EEEEEE;
  background: rgba(238, 238, 238, 0.9);
  border: 1px solid #4b4a44;
}
.dh_main .dh_checkbox.dh_button.dh_transparent {
  background: transparent;
}
.dh_main .dh_checkbox.dh_button.dh_transparent:hover {
  background: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_checkbox.dh_button.dh_transparent:active {
  background: rgba(0, 0, 0, 0.2);
}
.dh_main .dh_checkbox.dh_button:hover {
  background: #E0E0E0;
  background: rgba(224, 224, 224, 0.9);
}
.dh_main .dh_checkbox.dh_button:active {
  background: #BDBDBD;
  background: rgba(189, 189, 189, 0.9);
}
.dh_main .dh_checkbox span {
  height: auto;
  padding: 0;
}
.dh_main .dh_checkbox span :nth-child(2) {
  padding-left: 1em;
}
.dh_main .dh_checkbox .dh_checkbox_text {
  margin-left: 2px;
}
.dh_main .dh_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.dh_main .dh_checkbox .dh_checkmark {
  background-color: white;
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: row;
  position: relative;
  width: 1em;
  min-height: 1em;
  height: 1em;
  max-height: 1em;
  padding: 0;
  margin: 0;
  border: 2px solid #4b4a44;
  border-radius: 4px;
}
.dh_main .dh_checkbox:hover input ~ .dh_checkmark {
  background-color: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_checkbox input:checked ~ .dh_checkmark {
  background-color: #4b4a44;
  vertical-align: middle;
}
.dh_main .dh_checkbox .dh_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.dh_main .dh_checkbox input:checked ~ .dh_checkmark:after {
  display: inline-flex;
}
.dh_main .dh_checkbox .dh_checkmark:after {
  left: 0.23em;
  top: 0.08em;
  width: 0.3em;
  height: 0.5em;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.dh_main .dh_checkbox .dh_checkmark.dh_twoHanded {
  min-width: 1.25em;
  width: 1.25em;
  min-height: 1.25em;
  height: 1.25em;
  border: none;
  background-color: transparent;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/onehanded.svg);
}
.dh_main .dh_checkbox .dh_checkmark.dh_pencil {
  min-width: 1.25em;
  width: 1.25em;
  min-height: 1.25em;
  height: 1.25em;
  border: none;
  background-color: transparent;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
}
.dh_main .dh_checkbox:hover input ~ .dh_checkmark.dh_pencil, .dh_main .dh_checkbox:hover input ~ .dh_checkmark.dh_twoHanded {
  background-color: transparent;
}
.dh_main .dh_checkbox input:checked ~ .dh_checkmark.dh_pencil,
.dh_main .dh_checkbox input:checked ~ .dh_checkmark.dh_twoHanded {
  background-color: transparent;
  background-image: none;
}
.dh_main .dh_checkbox input:checked ~ .dh_checkmark.dh_pencil:after {
  position: initial;
  transform: none;
  border: none;
  margin: 0;
  width: 1.25em;
  height: 1.25em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 80%;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
}
.dh_main .dh_checkbox input:checked ~ .dh_checkmark.dh_twoHanded:after {
  position: initial;
  width: 1.25em;
  height: 1.25em;
  transform: none;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 80%;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/twohanded.svg);
}
.dh_main .dh_radio {
  background-color: transparent;
  display: inline-flex;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  font-size: 1em;
  min-width: 1em;
  height: 1em;
}
.dh_main .dh_radio * {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_radio:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_radio.dh_button {
  display: inline-flex;
  height: 1.25em;
  flex-direction: row;
  margin: 0 2px;
  padding: 0 2px;
  background: #EEEEEE;
  background: rgba(238, 238, 238, 0.9);
  border: 1px solid #4b4a44;
}
.dh_main .dh_radio.dh_button.dh_transparent {
  background: transparent;
}
.dh_main .dh_radio.dh_button.dh_transparent:hover {
  background: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_radio.dh_button.dh_transparent:active {
  background: rgba(0, 0, 0, 0.2);
}
.dh_main .dh_radio.dh_button:hover {
  background: #E0E0E0;
  background: rgba(224, 224, 224, 0.9);
}
.dh_main .dh_radio.dh_button:active {
  background: #BDBDBD;
  background: rgba(189, 189, 189, 0.9);
}
.dh_main .dh_radio span {
  height: auto;
  padding: 0;
}
.dh_main .dh_radio span :nth-child(2) {
  padding-left: 1em;
}
.dh_main .dh_radio .dh_radio_text {
  margin-left: 2px;
}
.dh_main .dh_radio .dh_radio_text {
  margin-left: 5px;
}
.dh_main .dh_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.dh_main .dh_radio .dh_checkmark {
  background-color: white;
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: row;
  position: relative;
  width: 1em;
  min-height: 1em;
  height: 1em;
  max-height: 1em;
  padding: 0;
  margin: 0;
  border: 2px solid #4b4a44;
  border-radius: 50%;
}
.dh_main .dh_radio:hover input ~ .dh_checkmark {
  background-color: rgba(0, 0, 0, 0.1);
}
.dh_main .dh_radio input:checked ~ .dh_checkmark {
  background-color: white;
  display: inline-flex;
  vertical-align: middle;
}
.dh_main .dh_radio .dh_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.dh_main .dh_radio input:checked ~ .dh_checkmark:after {
  display: inline-flex;
}
.dh_main .dh_radio .dh_checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4b4a44;
}
.dh_main .dh_background {
  background-image: none;
  padding: 30px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  min-width: 775px;
}
.dh_main .dh_isBackground[value*="1"] ~ .dh_background {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pergamen.png);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: inherit;
}
.dh_main .dh_pc,
.dh_main .dh_npc,
.dh_main .dh_sheet_type_modal {
  display: none;
}
.dh_main .dh_settings[value*='"sheetType":"pc"'] ~ * .dh_pc,
.dh_main .dh_settings[value*='"sheetType":"npc"'] ~ * .dh_npc {
  display: flex;
}
.dh_main .dh_settings[value*='"sheetTypeModal":true'] ~ * .dh_sheet_type_modal {
  display: block;
  position: fixed;
  top: 50%;
  background: white;
  left: 50%;
  z-index: 100;
  border: 2px solid #41403e4a;
  width: 320px;
  text-align: center;
  margin: -70px 0 0 -170px;
  padding: 5px;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.12);
}
.dh_main .dh_settings[value*='"sheetTypeModal":true'] ~ * .dh_pc,
.dh_main .dh_settings[value*='"sheetTypeModal":true'] ~ * .dh_npc {
  filter: blur(1px) brightness(0.9);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.dh_main .dh_grid.dh_pc_main_container {
  grid-template-columns: 1fr;
  grid-template-areas: "pc_header" "pc_tabs" "pc_content";
  -moz-column-gap: 0;
       column-gap: 0;
}
.dh_main .dh_grid.dh_pc_header_container {
  grid-area: pc_header;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "header_image header_character_name header_character_name header_character_name header_character_name header_experience header_level" "header_image header_race_profession header_race_profession header_race_profession header_size header_fatigue header_load" "header_deathLimit header_hp header_mana header_resources header_speed header_fatigueLevel header_loadLevel";
}
.dh_main .dh_section.dh_header_image {
  grid-area: header_image;
}
.dh_main .dh_section.dh_header_image .dh_header_image_show {
  height: 100%;
}
.dh_main .dh_section.dh_header_character_name {
  grid-area: header_character_name;
  align-items: start;
}
.dh_main .dh_section.dh_header_level {
  grid-area: header_level;
}
.dh_main .dh_section.dh_header_experience {
  grid-area: header_experience;
}
.dh_main .dh_section.dh_grid.dh_header_race_profession_container {
  display: grid;
  grid-area: header_race_profession;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2px;
       column-gap: 2px;
  row-gap: 2px;
  grid-template-areas: "header_race header_profession";
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.dh_main .dh_section.dh_grid.dh_header_race_profession_container .dh_section.dh_header_race {
  grid-area: header_race;
  display: flex;
}
.dh_main .dh_section.dh_grid.dh_header_race_profession_container .dh_section.dh_header_profession {
  grid-area: header_profession;
  display: flex;
}
.dh_main .dh_section.dh_header_size {
  grid-area: header_size;
}
.dh_main .dh_section.dh_header_load {
  grid-area: header_load;
}
.dh_main .dh_section.dh_header_fatigue {
  grid-area: header_fatigue;
}
.dh_main .dh_section.dh_header_hp {
  grid-area: header_hp;
}
.dh_main .dh_section.dh_header_deathLimit {
  grid-area: header_deathLimit;
}
.dh_main .dh_section.dh_header_mana {
  grid-area: header_mana;
}
.dh_main .dh_section.dh_header_resources {
  grid-area: header_resources;
}
.dh_main .dh_section.dh_header_speed {
  grid-area: header_speed;
}
.dh_main .dh_section.dh_header_loadLevel {
  grid-area: header_loadLevel;
  display: flex;
}
.dh_main .dh_section.dh_header_fatigueLevel {
  grid-area: header_fatigueLevel;
  display: flex;
}
.dh_main .dh_headerImage[value*=default] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_default.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=alchymista] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_alchymista.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=hranicar] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_hranicar.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=klerik] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_klerik.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=kouzelnik] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_kouzelnik.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=valecnik] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_valecnik.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_headerImage[value*=zlodej] ~ * .dh_header_image_show {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_zlodej.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editCharacterName":false'] ~ * .dh_character_name_display,
.dh_main .dh_settings[value*='"editCharacterName":true'] ~ * .dh_character_name_modify,
.dh_main .dh_settings[value*='"editXp":false'] ~ * .dh_xp_display,
.dh_main .dh_settings[value*='"editXp":true'] ~ * .dh_xp_modify,
.dh_main .dh_settings[value*='"editLevel":false'] ~ * .dh_level_display,
.dh_main .dh_settings[value*='"editLevel":true'] ~ * .dh_level_modify,
.dh_main .dh_settings[value*='"editRace":false'] ~ * .dh_race_display,
.dh_main .dh_settings[value*='"editRace":true'] ~ * .dh_race_modify,
.dh_main .dh_settings[value*='"editProfession":false'] ~ * .dh_profession_display,
.dh_main .dh_settings[value*='"editProfession":true'] ~ * .dh_profession_modify,
.dh_main .dh_settings[value*='"editSize":false'] ~ * .dh_size_display,
.dh_main .dh_settings[value*='"editSize":true'] ~ * .dh_size_modify,
.dh_main .dh_settings[value*='"editHeaderImage":false'] ~ * .dh_header_image_display,
.dh_main .dh_settings[value*='"editHeaderImage":true'] ~ * .dh_header_image_modify,
.dh_main .dh_settings[value*='"editFatigue":false'] ~ * .dh_fatigue_display,
.dh_main .dh_settings[value*='"editFatigue":true'] ~ * .dh_fatigue_modify,
.dh_main .dh_settings[value*='"editLoad":false'] ~ * .dh_load_display,
.dh_main .dh_settings[value*='"editLoad":true'] ~ * .dh_load_modify,
.dh_main .dh_settings[value*='"editDeathLimit":false'] ~ * .dh_deathLimit_display,
.dh_main .dh_settings[value*='"editDeathLimit":true'] ~ * .dh_deathLimit_modify,
.dh_main .dh_settings[value*='"editHp":false'] ~ * .dh_hp_display,
.dh_main .dh_settings[value*='"editHp":true'] ~ * .dh_hp_modify,
.dh_main .dh_settings[value*='"editMana":false'] ~ * .dh_mana_display,
.dh_main .dh_settings[value*='"editMana":true'] ~ * .dh_mana_modify,
.dh_main .dh_settings[value*='"editResources":false'] ~ * .dh_resources_display,
.dh_main .dh_settings[value*='"editResources":true'] ~ * .dh_resources_modify,
.dh_main .dh_settings[value*='"editSpeed":false'] ~ * .dh_speed_display,
.dh_main .dh_settings[value*='"editSpeed":true'] ~ * .dh_speed_modify {
  display: flex;
}
.dh_main .dh_settings[value*='"editCharacterName":false'] ~ * .dh_character_name_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editXp":false'] ~ * .dh_xp_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editLevel":false'] ~ * .dh_level_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editRace":false'] ~ * .dh_race_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editProfession":false'] ~ * .dh_profession_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editSize":false'] ~ * .dh_size_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editHeaderImage":false'] ~ * .dh_header_image_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editFatigue":false'] ~ * .dh_fatigue_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editLoad":false'] ~ * .dh_load_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editDeathLimit":false'] ~ * .dh_deathLimit_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editHp":false'] ~ * .dh_hp_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editMana":false'] ~ * .dh_mana_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editResources":false'] ~ * .dh_resources_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editSpeed":false'] ~ * .dh_speed_display ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editCharacterName":true'] ~ * .dh_character_name_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editXp":true'] ~ * .dh_xp_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editLevel":true'] ~ * .dh_level_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editRace":true'] ~ * .dh_race_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editProfession":true'] ~ * .dh_profession_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editSize":true'] ~ * .dh_size_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editHeaderImage":true'] ~ * .dh_header_image_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editFatigue":true'] ~ * .dh_fatigue_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editLoad":true'] ~ * .dh_load_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editDeathLimit":true'] ~ * .dh_deathLimit_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editHp":true'] ~ * .dh_hp_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editMana":true'] ~ * .dh_mana_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editResources":true'] ~ * .dh_resources_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editSpeed":true'] ~ * .dh_speed_modify ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main input.dh_race,
.dh_main input.dh_profession,
.dh_main .dh_race_attributes_name,
.dh_main .dh_profession_attributes_name,
.dh_main .dh_race_attributes_editing,
.dh_main .dh_profession_attributes_editing {
  display: none;
}
.dh_main input.dh_selected_race[value=vlastni] ~ * .dh_race,
.dh_main input.dh_selected_profession[value=vlastni] ~ * .dh_profession {
  display: flex;
}
.dh_main input.dh_selected_race[value=vlastni] ~ div.dh_race_attributes,
.dh_main input.dh_selected_profession[value=vlastni] ~ div.dh_profession_attributes {
  display: none;
}
.dh_main input.dh_selected_race[value=vlastni] ~ div.dh_race_attributes_name,
.dh_main input.dh_selected_race[value=vlastni] ~ div.dh_race_attributes_editing,
.dh_main input.dh_selected_profession[value=vlastni] ~ div.dh_profession_attributes_name,
.dh_main input.dh_selected_profession[value=vlastni] ~ div.dh_profession_attributes_editing {
  display: flex;
}
.dh_main .dh_adrenalin,
.dh_main .dh_mentalStrength,
.dh_main .dh_goodwill {
  display: none;
}
.dh_main .dh_mana {
  display: block;
}
.dh_main input.dh_selected_profession[value=Warrior] ~ div .dh_adrenalin,
.dh_main input.dh_selected_profession[value=Ranger] ~ div .dh_mentalStrength,
.dh_main input.dh_selected_profession[value=Priest] ~ div .dh_goodwill {
  display: block;
}
.dh_main input.dh_selected_profession[value=Warrior] ~ div .dh_mana,
.dh_main input.dh_selected_profession[value=Ranger] ~ div .dh_mana,
.dh_main input.dh_selected_profession[value=Priest] ~ div .dh_mana {
  display: none;
}
.dh_main span.dh_profession_text:not(:empty) ~ .dh_profession_placeholder,
.dh_main span.dh_profession_text:empty,
.dh_main span.dh_race_text:not(:empty) ~ .dh_race_placeholder,
.dh_main span.dh_race_text:empty,
.dh_main span.dh_character_name_text:not(:empty) ~ .dh_character_name_placeholder,
.dh_main span.dh_character_name_text {
  display: none;
}
.dh_main span.dh_profession_text:empty ~ .dh_profession_placeholder,
.dh_main span.dh_profession_text:not(:empty),
.dh_main span.dh_race_text:empty ~ .dh_race_placeholder,
.dh_main span.dh_race_text:not(:empty),
.dh_main span.dh_character_name_text:empty ~ .dh_character_name_placeholder,
.dh_main span.dh_character_name_text:not(:empty) {
  display: flex;
}
.dh_main .dh_profession_placeholder,
.dh_main .dh_race_placeholder,
.dh_main .dh_character_name_placeholder {
  color: #000;
  color: rgba(0, 0, 0, 0.5);
}
.dh_main .dh_grid.dh_pc_tabs_container {
  grid-area: pc_tabs;
  grid-template-columns: 1fr;
  padding: 0;
  margin-bottom: 0px;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 0;
}
.dh_main .dh_grid.dh_pc_tabs_container > .dh_section {
  background-color: transparent;
}
.dh_main .dh_grid.dh_pc_tabs_container > .dh_section.dh_tabs {
  box-shadow: none;
  border: none;
  flex-direction: row;
  justify-content: start;
  margin-left: 2px;
}
.dh_main .dh_grid.dh_pc_tabs_container > .dh_section.dh_tabs * {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_grid.dh_pc_tabs_container > .dh_section.dh_tabs .dh_tab {
  border: solid 2px #41403e;
  border-radius: 12px 40px 12px 5px/15px 145px 9px 125px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  margin: 4px -5px 0 0;
  padding: 0 8px;
  background: #c8c8c8;
  outline: none;
}
.dh_main .dh_grid.dh_pc_tabs_container > .dh_section.dh_tabs .dh_tab:hover {
  background: #e6e6e6;
}
.dh_main .dh_settings[value*='"activeTab":"character"'] ~ * .dh_tab.dh_character_tab,
.dh_main .dh_settings[value*='"activeTab":"inventory"'] ~ * .dh_tab.dh_inventory_tab,
.dh_main .dh_settings[value*='"activeTab":"notes"'] ~ * .dh_tab.dh_notes_tab,
.dh_main .dh_settings[value*='"activeTab":"settings"'] ~ * .dh_tab.dh_settings_tab {
  background-color: #3c3c3c !important;
  color: white;
}
.dh_main .dh_grid .dh_pc_content_container {
  grid-area: pc_content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  border-radius: 12px 4px 12px 5px/15px 42px 9px 125px;
  border: none;
}
.dh_main .dh_grid .dh_pc_content_container .dh_character_tab_content,
.dh_main .dh_grid .dh_pc_content_container .dh_inventory_tab_content,
.dh_main .dh_grid .dh_pc_content_container .dh_notes_tab_content,
.dh_main .dh_grid .dh_pc_content_container .dh_settings_tab_content {
  display: none;
}
.dh_main .dh_settings[value*='"activeTab":"character"'] ~ * .dh_character_tab_content,
.dh_main .dh_settings[value*='"activeTab":"inventory"'] ~ * .dh_inventory_tab_content,
.dh_main .dh_settings[value*='"activeTab":"notes"'] ~ * .dh_notes_tab_content,
.dh_main .dh_settings[value*='"activeTab":"settings"'] ~ * .dh_settings_tab_content {
  display: grid;
}
.dh_main .dh_grid.dh_character_tab_content {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "left_panel center_panel center_panel center_panel center_panel right_panel right_panel";
}
.dh_main .dh_grid.dh_character_tab_content .dh_col_combat {
  flex: 0 0 100%;
}
.dh_main .dh_grid.dh_character_tab_content > .dh_section {
  border: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: none;
  align-content: flex-start;
}
.dh_main .dh_grid.dh_character_tab_content > .dh_section.dh_left_panel {
  grid-area: left_panel;
  background-color: transparent;
}
.dh_main .dh_grid.dh_character_tab_content > .dh_section.dh_center_panel {
  grid-area: center_panel;
  background-color: transparent;
}
.dh_main .dh_grid.dh_character_tab_content > .dh_section.dh_right_panel {
  grid-area: right_panel;
  background-color: transparent;
}
.dh_main .dh_attributes_container {
  border: none;
  display: flex;
  flex-direction: column;
  text-align: center;
  box-shadow: none;
}
.dh_main .dh_settings[value*='"editStrength":true'] ~ * .dh_strength_modify,
.dh_main .dh_settings[value*='"editStrength":false'] ~ * .dh_strength_display,
.dh_main .dh_settings[value*='"editDexterity":true'] ~ * .dh_dexterity_modify,
.dh_main .dh_settings[value*='"editDexterity":false'] ~ * .dh_dexterity_display,
.dh_main .dh_settings[value*='"editConstitution":true'] ~ * .dh_constitution_modify,
.dh_main .dh_settings[value*='"editConstitution":false'] ~ * .dh_constitution_display,
.dh_main .dh_settings[value*='"editIntelligence":true'] ~ * .dh_intelligence_modify,
.dh_main .dh_settings[value*='"editIntelligence":false'] ~ * .dh_intelligence_display,
.dh_main .dh_settings[value*='"editCharisma":true'] ~ * .dh_charisma_modify,
.dh_main .dh_settings[value*='"editCharisma":false'] ~ * .dh_charisma_display {
  display: flex;
}
.dh_main .dh_settings[value*='"editStrength":false'] ~ * .dh_strength_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editDexterity":false'] ~ * .dh_dexterity_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editConstitution":false'] ~ * .dh_constitution_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editIntelligence":false'] ~ * .dh_intelligence_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editCharisma":false'] ~ * .dh_charisma_display ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editStrength":true'] ~ * .dh_strength_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editDexterity":true'] ~ * .dh_dexterity_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editConstitution":true'] ~ * .dh_constitution_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editIntelligence":true'] ~ * .dh_intelligence_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editCharisma":true'] ~ * .dh_charisma_modify ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_melee,
.dh_main .dh_throwing,
.dh_main .dh_ranged,
.dh_main .dh_shields,
.dh_main .dh_armors {
  display: none;
}
.dh_main .dh_settings[value*='"melee":true'] ~ * .dh_melee,
.dh_main .dh_settings[value*='"throwing":true'] ~ * .dh_throwing,
.dh_main .dh_settings[value*='"ranged":true'] ~ * .dh_ranged,
.dh_main .dh_settings[value*='"shields":true'] ~ * .dh_shields,
.dh_main .dh_settings[value*='"armors":true'] ~ * .dh_armors {
  display: flex;
}
.dh_main .dh_grid.dh_combat {
  grid-template-columns: 1fr;
  grid-template-areas: "pc_rollButtons" "pc_weapons" "pc_modifiers";
}
.dh_main .dh_grid.dh_combat .dh_section.dh_initiative, .dh_main .dh_grid.dh_combat .dh_section.dh_attack, .dh_main .dh_grid.dh_combat .dh_section.dh_defense, .dh_main .dh_grid.dh_combat .dh_section.dh_defenseRanged {
  margin-right: 2px;
  min-width: 65px;
}
.dh_main .dh_grid.dh_combat .dh_section.dh_buttons {
  grid-area: pc_rollButtons;
  border: none;
}
.dh_main .dh_grid.dh_combat .dh_section.dh_weapons {
  grid-area: pc_weapons;
}
.dh_main .dh_grid.dh_combat .dh_section.dh_weapons button.repcontrol_add {
  display: none !important;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_grid.dh_combat .dh_section.dh_modifiers {
  grid-area: pc_modifiers;
}
.dh_main .dh_grid.dh_combat .dh_none,
.dh_main .dh_grid.dh_combat .dh_left,
.dh_main .dh_grid.dh_combat .dh_right,
.dh_main .dh_grid.dh_combat .dh_both {
  display: none;
}
.dh_main .dh_grid.dh_combat .dh_hands[value*=none] ~ * .dh_none,
.dh_main .dh_grid.dh_combat .dh_hands[value*=left] ~ * .dh_left,
.dh_main .dh_grid.dh_combat .dh_hands[value*=right] ~ * .dh_right,
.dh_main .dh_grid.dh_combat .dh_hands[value*=both] ~ * .dh_both {
  display: flex;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_isEqquiped {
  flex: 1 0 22px;
  max-width: 22px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_count {
  flex: 1 0 45px;
  max-width: 45px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_name {
  flex: 1 0 auto;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_isTwoHanded {
  flex: 1 0 25px;
  max-width: 25px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_attack {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_damage {
  flex: 1 0 48px;
  max-width: 48px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_defense {
  flex: 1 0 48px;
  max-width: 48px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_damageType {
  flex: 1 0 50px;
  max-width: 50px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_quality {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_size {
  flex: 1 0 49px;
  max-width: 49px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_reach {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_reachRange {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_isActive {
  flex: 1 0 22px;
  max-width: 22px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_modifier {
  flex: 1 0 45px;
  max-width: 45px;
}
.dh_main .dh_grid.dh_combat .dh_table .dh_attribute {
  flex: 1 0 150px;
  max-width: 150px;
}
.dh_main .dh_grid.dh_inventory_tab_content {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "pc_load pc_load pc_load pc_wealth pc_money pc_money pc_money" "pc_inventory pc_inventory pc_inventory pc_inventory pc_inventory pc_inventory pc_inventory";
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_load {
  grid-area: pc_load;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_wealth {
  grid-area: pc_wealth;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_money {
  grid-area: pc_money;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory {
  grid-area: pc_inventory;
  padding: 6px;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_itemType {
  display: none;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory input.dh_itemId:not([value="0"]) ~ *.dh_itemType {
  display: flex;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isMelee:not(:checked) ~ .dh_row .dh_meleeWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isRanged:not(:checked) ~ .dh_row .dh_rangedWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isThrowing:not(:checked) ~ .dh_row .dh_throwingWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isAmmunition:not(:checked) ~ .dh_row .dh_ammunition,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isShield:not(:checked) ~ .dh_row .dh_shield,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isArmor:not(:checked) ~ .dh_row .dh_armor {
  display: none;
}
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isMelee:checked ~ .dh_row .dh_meleeWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isRanged:checked ~ .dh_row .dh_rangedWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isThrowing:checked ~ .dh_row .dh_throwingWeapon,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isAmmunition:checked ~ .dh_row .dh_ammunition,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isShield:checked ~ .dh_row .dh_shield,
.dh_main .dh_grid.dh_inventory_tab_content .dh_section.dh_inventory .dh_isArmor:checked ~ .dh_row .dh_armor {
  display: flex;
}
.dh_main .dh_table .dh_edit_header {
  flex: 1 0 22px;
  max-width: 22px;
}
.dh_main .dh_table .dh_count {
  display: flex;
  flex: 1 0 52px;
  max-width: 52px;
}
.dh_main .dh_table .dh_name {
  display: flex;
}
.dh_main .dh_table .dh_category {
  flex: 1 0 120px;
  max-width: 120px;
}
.dh_main .dh_table .dh_placement {
  flex: 1 0 86px;
  max-width: 86px;
}
.dh_main .dh_table .dh_type {
  flex: 1 0 182px;
  max-width: 182px;
}
.dh_main .dh_table .dh_price {
  flex: 1 0 60px;
  max-width: 60px;
  align-items: center;
}
.dh_main .dh_table .dh_weight {
  flex: 1 0 60px;
  max-width: 60px;
}
.dh_main .dh_activeAbilities {
  margin-bottom: 2px;
}
.dh_main .dh_activeAbilities .dh_nameLabel {
  padding-left: 20px;
}
.dh_main .dh_activeAbilities .dh_warrior,
.dh_main .dh_activeAbilities .dh_ranger,
.dh_main .dh_activeAbilities .dh_alchemist,
.dh_main .dh_activeAbilities .dh_mage,
.dh_main .dh_activeAbilities .dh_priest {
  display: none;
}
.dh_main .dh_activeAbilities input.dh_selected_profession[value=vlastni] ~ div .dh_custom,
.dh_main .dh_activeAbilities input.dh_selected_profession[value=Warrior] ~ div .dh_warrior,
.dh_main .dh_activeAbilities input.dh_selected_profession[value=Ranger] ~ div .dh_ranger,
.dh_main .dh_activeAbilities input.dh_selected_profession[value=Mage] ~ div .dh_mage,
.dh_main .dh_activeAbilities input.dh_selected_profession[value=Alchemist] ~ div .dh_alchemist,
.dh_main .dh_activeAbilities input.dh_selected_profession[value=Priest] ~ div .dh_priest {
  display: flex;
}
.dh_main .dh_activeAbilities .dh_table .dh_printText {
  flex: 1 0 12px;
  max-width: 12px;
}
.dh_main .dh_activeAbilities .dh_table .dh_printText button {
  border: none;
}
.dh_main .dh_passiveAbilities {
  margin-bottom: 2px;
}
.dh_main .dh_passiveAbilities .dh_nameLabel {
  padding-left: 20px;
}
.dh_main .dh_passiveAbilities .dh_table .dh_printText {
  flex: 1 0 12px;
  max-width: 12px;
}
.dh_main .dh_passiveAbilities .dh_table .dh_printText button {
  border: none;
}
.dh_main .dh_right_panel > div.dh_grid {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "pc_skills pc_skills" "pc_activeAbilities pc_activeAbilities" "pc_passiveAbilities pc_passiveAbilities";
}
.dh_main .dh_right_panel > div.dh_grid .pc_skills {
  grid-area: pc_skills;
}
.dh_main .dh_right_panel > div.dh_grid .pc_activeAbilities {
  grid-area: pc_activeAbilities;
}
.dh_main .dh_right_panel > div.dh_grid .pc_passiveAbilities {
  grid-area: pc_passiveAbilities;
}
.dh_main .dh_skills {
  margin-bottom: 2px;
}
.dh_main .dh_skills .dh_nameLabel {
  padding-left: 20px;
}
.dh_main .dh_skills button.repcontrol_add {
  display: none !important;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_skills .dh_generalSkills,
.dh_main .dh_skills .dh_warriorSkills,
.dh_main .dh_skills .dh_rangerSkills,
.dh_main .dh_skills .dh_alchemistSkills,
.dh_main .dh_skills .dh_mageSkills,
.dh_main .dh_skills .dh_priestSkills,
.dh_main .dh_skills .dh_thiefSkills {
  display: none;
}
.dh_main .dh_skills input.dh_selected_profession[value=nevybrano] ~ div select.dh_skillType,
.dh_main .dh_skills input.dh_selected_profession[value=vlastni] ~ div input.dh_skillTypeInput[value=professionBased] ~ .dh_addSKillButton,
.dh_main .dh_skills input.dh_selected_profession[value=nevybrano] ~ div button.dh_addSKillButton,
.dh_main .dh_skills input.dh_selected_profession[value=nevybrano] ~ div.dh_col.dh_addSkillSectionLabel {
  display: none;
}
.dh_main .dh_skills input.dh_selected_profession[value=vlastni] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Warrior] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Ranger] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Alchemist] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Mage] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Priest] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Thief] ~ div input.dh_skillTypeInput[value=general] ~ select.dh_generalSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Warrior] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_warriorSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Ranger] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_rangerSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Alchemist] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_alchemistSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Mage] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_mageSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Priest] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_priestSkills,
.dh_main .dh_skills input.dh_selected_profession[value=Thief] ~ div input.dh_skillTypeInput[value=professionBased] ~ select.dh_thiefSkills {
  display: flex;
}
.dh_main .dh_skills .dh_selected_profession,
.dh_main .dh_skills .dh_isStrengthCondition,
.dh_main .dh_skills .dh_isDexterityCondition,
.dh_main .dh_skills .dh_isConstitutionCondition,
.dh_main .dh_skills .dh_isIntelligenceCondition,
.dh_main .dh_skills .dh_isCharismaCondition,
.dh_main .dh_skills .dh_skill_strength,
.dh_main .dh_skills .dh_skill_dexterity,
.dh_main .dh_skills .dh_skill_constitution,
.dh_main .dh_skills .dh_skill_intelligence,
.dh_main .dh_skills .dh_skill_charisma {
  display: none;
}
.dh_main .dh_skills .dh_isStrengthCondition:checked ~ .dh_button.dh_skill_strength,
.dh_main .dh_skills .dh_isDexterityCondition:checked ~ .dh_button.dh_skill_dexterity,
.dh_main .dh_skills .dh_isConstitutionCondition:checked ~ .dh_button.dh_skill_constitution,
.dh_main .dh_skills .dh_isIntelligenceCondition:checked ~ .dh_button.dh_skill_intelligence,
.dh_main .dh_skills .dh_isCharismaCondition:checked ~ .dh_button.dh_skill_charisma {
  display: flex;
}
.dh_main .dh_skills .dh_table .dh_printText {
  flex: 1 0 12px;
  max-width: 12px;
}
.dh_main .dh_skills .dh_table .dh_printText button {
  border: none;
}
.dh_main .dh_skills .dh_table .dh_skillLevel {
  flex: 1 0 18px;
  max-width: 18px;
}
.dh_main .dh_grid.dh_notes_tab_content {
  grid-template-columns: 1fr;
  grid-template-areas: "notes_center_panel";
}
.dh_main .dh_grid.dh_notes_tab_content .dh_section.dh_notes_center {
  grid-area: notes_center_panel;
}
.dh_main .dh_grid.dh_settings_tab_content {
  grid-template-columns: 1fr;
  grid-template-areas: "settings_center_panel";
}
.dh_main .dh_grid.dh_settings_tab_content .dh_section.dh_settings_center {
  grid-area: settings_center_panel;
}
.dh_main .dh_grid.dh_npc_main_container {
  grid-template-columns: 1fr;
  grid-template-areas: "npc_header" "npc_tabs" "npc_content";
  -moz-column-gap: 0;
       column-gap: 0;
}
.dh_main .dh_grid.dh_npc_header_container {
  grid-area: npc_header;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "npc_header_image npc_header_character_name npc_header_character_name npc_header_character_name npc_header_character_name npc_header_size" "npc_header_image npc_header_type npc_header_hp npc_header_mana npc_header_resources npc_header_speed";
}
.dh_main .dh_section.dh_npc_header_image {
  display: flex;
  grid-area: npc_header_image;
}
.dh_main .dh_section.dh_npc_header_image .dh_npc_header_image_show {
  height: 100%;
  width: 100%;
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/profession_default.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_section.dh_npc_header_character_name {
  grid-area: npc_header_character_name;
  align-items: start;
}
.dh_main .dh_section.dh_npc_header_size {
  grid-area: npc_header_size;
}
.dh_main .dh_section.dh_npc_header_type {
  grid-area: npc_header_type;
}
.dh_main .dh_section.dh_npc_header_hp {
  grid-area: npc_header_hp;
}
.dh_main .dh_section.dh_npc_header_mana {
  grid-area: npc_header_mana;
}
.dh_main .dh_section.dh_npc_header_resources {
  grid-area: npc_header_resources;
}
.dh_main .dh_section.dh_npc_header_speed {
  grid-area: npc_header_speed;
}
.dh_main .dh_settings[value*='"editNpcCharacterName":false'] ~ * .dh_npc_character_name_display,
.dh_main .dh_settings[value*='"editNpcCharacterName":true'] ~ * .dh_npc_character_name_modify,
.dh_main .dh_settings[value*='"editNpcSize":false'] ~ * .dh_npc_size_display,
.dh_main .dh_settings[value*='"editNpcSize":true'] ~ * .dh_npc_size_modify,
.dh_main .dh_settings[value*='"editNpcType":false'] ~ * .dh_npc_type_display,
.dh_main .dh_settings[value*='"editNpcType":true'] ~ * .dh_npc_type_modify,
.dh_main .dh_settings[value*='"editNpcHp":false'] ~ * .dh_npc_hp_display,
.dh_main .dh_settings[value*='"editNpcHp":true'] ~ * .dh_npc_hp_modify,
.dh_main .dh_settings[value*='"editNpcMana":false'] ~ * .dh_npc_mana_display,
.dh_main .dh_settings[value*='"editNpcMana":true'] ~ * .dh_npc_mana_modify,
.dh_main .dh_settings[value*='"editNpcResources":false'] ~ * .dh_npc_resources_display,
.dh_main .dh_settings[value*='"editNpcResources":true'] ~ * .dh_npc_resources_modify,
.dh_main .dh_settings[value*='"editNpcSpeed":false'] ~ * .dh_npc_speed_display,
.dh_main .dh_settings[value*='"editNpcSpeed":true'] ~ * .dh_npc_speed_modify {
  display: flex;
}
.dh_main .dh_settings[value*='"editNpcCharacterName":false'] ~ * .dh_npc_character_name_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcSize":false'] ~ * .dh_npc_size_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcType":false'] ~ * .dh_npc_type_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcHp":false'] ~ * .dh_npc_hp_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcMana":false'] ~ * .dh_npc_mana_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcResources":false'] ~ * .dh_npc_resources_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcSpeed":false'] ~ * .dh_npc_speed_display ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editNpcCharacterName":true'] ~ * .dh_npc_character_name_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcSize":true'] ~ * .dh_npc_size_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcType":true'] ~ * .dh_npc_type_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcHp":true'] ~ * .dh_npc_hp_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcMana":true'] ~ * .dh_npc_mana_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcResources":true'] ~ * .dh_npc_resources_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcSpeed":true'] ~ * .dh_npc_speed_modify ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_npc_adrenalin,
.dh_main .dh_npc_mentalStrength,
.dh_main .dh_npc_goodwill {
  display: none;
}
.dh_main .dh_npc_mana {
  display: block;
}
.dh_main input.dh_npcSelectedManaType[value=adrenalin] ~ div .dh_npc_adrenalin,
.dh_main input.dh_npcSelectedManaType[value=mentalStrength] ~ div .dh_npc_mentalStrength,
.dh_main input.dh_npcSelectedManaType[value=goodwill] ~ div .dh_npc_goodwill {
  display: block;
}
.dh_main input.dh_npcSelectedManaType[value=adrenalin] ~ div .dh_npc_mana,
.dh_main input.dh_npcSelectedManaType[value=mentalStrength] ~ div .dh_npc_mana,
.dh_main input.dh_npcSelectedManaType[value=goodwill] ~ div .dh_npc_mana {
  display: none;
}
.dh_main span.dh_npcType_text:not(:empty) ~ .dh_npcType_placeholder,
.dh_main span.dh_npcType_text span.dh_character_name_text:not(:empty) ~ .dh_character_name_placeholder,
.dh_main span.dh_character_name_text {
  display: none;
}
.dh_main span.dh_npcType_text:empty ~ .dh_npcType_placeholder,
.dh_main span.dh_npcType_text:not(:empty) span.dh_character_name_text:empty ~ .dh_character_name_placeholder,
.dh_main span.dh_character_name_text:not(:empty) {
  display: flex;
}
.dh_main .dh_character_name_placeholder {
  color: #000;
  color: rgba(0, 0, 0, 0.5);
}
.dh_main .dh_grid.dh_npc_tabs_container {
  grid-area: npc_tabs;
  grid-template-columns: 1fr;
  padding: 0;
  margin-bottom: 0px;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 0;
}
.dh_main .dh_grid.dh_npc_tabs_container > .dh_section {
  background-color: transparent;
}
.dh_main .dh_grid.dh_npc_tabs_container > .dh_section.dh_tabs {
  box-shadow: none;
  border: none;
  flex-direction: row;
  justify-content: start;
  margin-left: 1em;
}
.dh_main .dh_grid.dh_npc_tabs_container > .dh_section.dh_tabs * {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_grid.dh_npc_tabs_container > .dh_section.dh_tabs .dh_tab {
  border: solid 2px #41403e;
  border-radius: 12px 40px 12px 5px/15px 145px 9px 125px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  margin: 4px -5px 0 0;
  padding: 0 12px;
  background: #c8c8c8;
  outline: none;
}
.dh_main .dh_grid.dh_npc_tabs_container > .dh_section.dh_tabs .dh_tab:hover {
  background: #e6e6e6;
}
.dh_main .dh_settings[value*='"npcActiveTab":"npc"'] ~ * .dh_tab.dh_npc_tab,
.dh_main .dh_settings[value*='"npcActiveTab":"settings"'] ~ * .dh_tab.dh_npc_settings_tab {
  background-color: #3c3c3c !important;
  color: white;
}
.dh_main .dh_grid .dh_npc_content_container {
  grid-area: npc_content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: stretch;
  border-radius: 12px 4px 12px 5px/15px 42px 9px 125px;
  border: none;
}
.dh_main .dh_grid .dh_npc_content_container .dh_npc_tab_content,
.dh_main .dh_grid .dh_npc_content_container .dh_npc_settings_tab_content {
  display: none;
}
.dh_main .dh_settings[value*='"npcActiveTab":"npc"'] ~ * .dh_npc_tab_content,
.dh_main .dh_settings[value*='"npcActiveTab":"settings"'] ~ * .dh_npc_settings_tab_content {
  display: grid;
}
.dh_main .dh_grid.dh_npc_tab_content {
  grid-template-columns: 1.5fr 2fr 1.5fr;
  grid-template-areas: "npc_left_panel npc_center_panel npc_right_panel";
}
.dh_main .dh_grid.dh_npc_tab_content > .dh_section {
  border: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: none;
  align-content: flex-start;
}
.dh_main .dh_grid.dh_npc_tab_content > .dh_section.dh_npc_left_panel {
  grid-area: npc_left_panel;
  background-color: transparent;
}
.dh_main .dh_grid.dh_npc_tab_content > .dh_section.dh_npc_center_panel {
  grid-area: npc_center_panel;
  background-color: transparent;
}
.dh_main .dh_grid.dh_npc_tab_content > .dh_section.dh_npc_right_panel {
  grid-area: npc_right_panel;
  background-color: transparent;
}
.dh_main .dh_npc_attributes_container {
  grid-template-columns: 1fr;
  grid-template-areas: "npc_attributes" "npc_notes";
}
.dh_main .dh_npcAttributes {
  grid-area: npc_attributes;
}
.dh_main .dh_npcNotes {
  grid-area: npc_notes;
}
.dh_main .dh_settings[value*='"editNpcAttributes":true'] ~ * .dh_npcAttributes_modify,
.dh_main .dh_settings[value*='"editNpcAttributes":false'] ~ * .dh_npcAttributes_display,
.dh_main .dh_settings[value*='"editNpcNotes":true'] ~ * .dh_npcNotes_modify,
.dh_main .dh_settings[value*='"editNpcNotes":false'] ~ * .dh_npcNotes_display {
  display: flex;
}
.dh_main .dh_settings[value*='"editNpcAttributes":false'] ~ * .dh_npcAttributes_display ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcNotes":false'] ~ * .dh_npcNotes_display ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editNpcAttributes":true'] ~ * .dh_npcAttributes_modify ~ .dh_pencil,
.dh_main .dh_settings[value*='"editNpcNotes":true'] ~ * .dh_npcNotes_modify ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_npc_combat_container {
  grid-template-columns: 1fr;
  grid-template-areas: "npc_combat" "npc_modifiers" "npc_resistance" "npc_immunity" "npc_weakness";
}
.dh_main .dh_npcCombat {
  grid-area: npc_combat;
}
.dh_main .dh_npcModifiers {
  grid-area: npc_modifiers;
}
.dh_main .dh_npcResistance {
  grid-area: npc_resistance;
}
.dh_main .dh_npcImmunity {
  grid-area: npc_immunity;
}
.dh_main .dh_npcWeakness {
  grid-area: npc_weakness;
}
.dh_main .dh_settings[value*='"editNpcCombat":true'] ~ * .dh_npcCombat_modify,
.dh_main .dh_settings[value*='"editNpcCombat":false'] ~ * .dh_npcCombat_display {
  display: flex;
}
.dh_main .dh_settings[value*='"editNpcCombat":false'] ~ * .dh_npcCombat_display ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/pencil_outlined.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_settings[value*='"editNpcCombat":true'] ~ * .dh_npcCombat_modify ~ .dh_pencil {
  background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Draci%20Hlidka/assets/save.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.dh_main .dh_npcCombat_display button.repcontrol_add {
  display: none !important;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_npcCombat_display button.repcontrol_edit {
  display: none !important;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_table .dh_isEqquiped {
  flex: 1 0 22px;
  max-width: 22px;
}
.dh_main .dh_table .dh_count {
  flex: 1 0 45px;
  max-width: 45px;
}
.dh_main .dh_table .dh_name {
  flex: 1 0 auto;
}
.dh_main .dh_table .dh_isTwoHanded {
  flex: 1 0 25px;
  max-width: 25px;
}
.dh_main .dh_table .dh_attack {
  flex: 1 0 80px;
  max-width: 80px;
}
.dh_main .dh_table .dh_damage {
  flex: 1 0 48px;
  max-width: 48px;
}
.dh_main .dh_table .dh_defense {
  flex: 1 0 80px;
  max-width: 80px;
}
.dh_main .dh_table .dh_damageType {
  flex: 1 0 50px;
  max-width: 50px;
}
.dh_main .dh_table .dh_quality {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_table .dh_size {
  flex: 1 0 49px;
  max-width: 49px;
}
.dh_main .dh_table .dh_reach {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_table .dh_reachRange {
  flex: 1 0 58px;
  max-width: 58px;
}
.dh_main .dh_table .dh_isActive {
  flex: 1 0 22px;
  max-width: 22px;
}
.dh_main .dh_table .dh_modifier {
  flex: 1 0 45px;
  max-width: 45px;
}
.dh_main .dh_table .dh_attribute {
  flex: 1 0 150px;
  max-width: 150px;
}
.dh_main .dh_npc_right_container {
  grid-template-columns: 1fr;
  grid-template-areas: "npc_skills" "npc_active_abilities" "npc_passive_abilities" "npc_invetory";
}
.dh_main .dh_npcSkills {
  grid-area: npc_skills;
}
.dh_main .dh_npcSkills button.repcontrol_add {
  display: none !important;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.dh_main .dh_npcActiveAbilities {
  grid-area: npc_active_abilities;
}
.dh_main .dh_npcPassiveAbilities {
  grid-area: npc_passive_abilities;
}
.dh_main .dh_npcInventory {
  grid-area: npc_invetory;
}
.dh_main select.dh_input.dh_npcGeneralSkills,
.dh_main select.dh_input.dh_npcWarriorSkills,
.dh_main select.dh_input.dh_npcRangerSkills,
.dh_main select.dh_input.dh_npcAlchemistSkills,
.dh_main select.dh_input.dh_npcMageSkills,
.dh_main select.dh_input.dh_npcThiefSkills,
.dh_main select.dh_input.dh_npcClericSkills {
  display: none;
}
.dh_main .dh_npcSelectedSkillType[value*=general] ~ select.dh_npcGeneralSkills,
.dh_main .dh_npcSelectedSkillType[value*=warrior] ~ select.dh_npcWarriorSkills,
.dh_main .dh_npcSelectedSkillType[value*=ranger] ~ select.dh_npcRangerSkills,
.dh_main .dh_npcSelectedSkillType[value*=alchemist] ~ select.dh_npcAlchemistSkills,
.dh_main .dh_npcSelectedSkillType[value*=mage] ~ select.dh_npcMageSkills,
.dh_main .dh_npcSelectedSkillType[value*=thief] ~ select.dh_npcThiefSkills,
.dh_main .dh_npcSelectedSkillType[value*=cleric] ~ select.dh_npcClericSkills {
  display: block;
}
.dh_main .dh_selected_profession,
.dh_main .dh_isStrengthCondition,
.dh_main .dh_isDexterityCondition,
.dh_main .dh_isConstitutionCondition,
.dh_main .dh_isIntelligenceCondition,
.dh_main .dh_isCharismaCondition,
.dh_main .dh_skill_strength,
.dh_main .dh_skill_dexterity,
.dh_main .dh_skill_constitution,
.dh_main .dh_skill_intelligence,
.dh_main .dh_skill_charisma {
  display: none;
}
.dh_main .dh_isStrengthCondition:checked ~ .dh_button.dh_skill_strength,
.dh_main .dh_isDexterityCondition:checked ~ .dh_button.dh_skill_dexterity,
.dh_main .dh_isConstitutionCondition:checked ~ .dh_button.dh_skill_constitution,
.dh_main .dh_isIntelligenceCondition:checked ~ .dh_button.dh_skill_intelligence,
.dh_main .dh_isCharismaCondition:checked ~ .dh_button.dh_skill_charisma {
  display: flex;
}
.dh_main .dh_table .dh_printText {
  flex: 1 0 12px;
  max-width: 12px;
}
.dh_main .dh_table .dh_printText button {
  border: none;
}
.dh_main .dh_table .dh_skillLevel {
  flex: 1 0 18px;
  max-width: 18px;
}
.dh_main input.dh_npcSelectedManaType[value=adrenalin] ~ * .dh_npc_adrenalin,
.dh_main input.dh_npcSelectedManaType[value=mentalStrength] ~ * .dh_npc_mentalStrength,
.dh_main input.dh_npcSelectedManaType[value=goodwill] ~ * .dh_npc_goodwill {
  display: block;
}
.dh_main input.dh_npcSelectedManaType[value=adrenalin] ~ * .dh_npc_mana,
.dh_main input.dh_npcSelectedManaType[value=mentalStrength] ~ * .dh_npc_mana,
.dh_main input.dh_npcSelectedManaType[value=goodwill] ~ * .dh_npc_mana {
  display: none;
}
.sheet-rolltemplate-custom {
    margin-left: -37px;
    font-family: "Patrick Hand SC", cursive;
}
.sheet-rollTemplate-custom::after {
    text-decoration: inherit;
}
.sheet-rolltemplate-custom .sheet-header {
    background-color: var(--header-bg-color);
    text-align: left;
    color: var(--header-text-color);
    padding: 5px;
}
.sheet-rolltemplate-custom .sheet-title {
    font-size: 1.35em;
}
.sheet-rolltemplate-custom .sheet-subtitle {
    font-size: 1.125em;
}
.sheet-rolltemplate-custom .sheet-container {
    --header-bg-color: rgba(112,32,130,1);
    background-color: #41403e;
    --header-text-color: #FFF;
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
    --header-bg-color: #F00;
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
    --header-bg-color: #0F0;
    --header-text-color: #000;
}
.sheet-rolltemplate-custom .sheet-content > div {
    padding: 5px;
}
.sheet-rolltemplate-custom .sheet-content .sheet-key {
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
}
.sheet-rolltemplate-custom .sheet-desc {
    grid-column: span 2;
    padding: 5px;
    text-align: center;
}
.sheet-rolltemplate-custom .sheet-spanCollumns {
    grid-column: span 2;
}
.sheet-rolltemplate-custom .sheet-textLeft {
    text-align: left;
}
.sheet-rolltemplate-custom .sheet-textRight {
    text-align: right;
}
.sheet-rolltemplate-custom .sheet-textCenter {
    text-align: center;
}
.sheet-rolltemplate-custom .sheet-textJustify {
    text-align: justify;
}
.sheet-rolltemplate-custom .sheet-bold {
    font-weight: bold;
}
.sheet-rolltemplate-custom .sheet-rolls {
    font-size: 1.375em;
}
.sheet-rolltemplate-custom .sheet-rolls span {
    font-size: 1.25em;
}
.sheet-rolltemplate-custom .sheet-modifiers {
    font-size: 1em;
    background:#EEE;
}
.sheet-rolltemplate-custom .sheet-defaultSize {
    font-size: 0.875em;
}
.sheet-rolltemplate-custom .sheet-smallSize {
    font-size: 0.95em;
}
.sheet-rolltemplate-custom .sheet-content {
    display: grid;
    background: #FFF;
    grid-template-columns: auto auto;
    line-height:normal;
}
.sheet-rolltemplate-custom .sheet-content .sheet-modVisibility:not(:empty) {
        display:grid;
    }
.sheet-rolltemplate-custom .sheet-dh_section {
    background-color: #41403e;
    border: 2px groove #41403e;
    overflow: hidden;
    border-radius: 12px 4px 12px 5px/15px 42px 9px 125px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.sheet-rolltemplate-custom .sheet-font {
    letter-spacing: 0.6px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}