/* CSS Reset */
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
  margin: 0;
  padding: 0;
  font: inherit;
  box-sizing: border-box;
}

.charsheet .sheet-wrapper {
  width: 900px;
}

/* Button Roll */
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:before,
.charsheet .sheet-wrapper .sheet-abillity button[type="roll"]:before,
.charsheet .sheet-wrapper .sheet-inv button[type="roll"]:before {
  content: "";
  display: none;
}

.charsheet .sheet-wrapper button[type="roll"],
.charsheet .sheet-wrapper .sheet-btn {
  width: 100%;
  height:24px;
  padding: 0;
  margin: 0;
  border-radius: unset;
	background-image: none;
	background-color: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.charsheet .sheet-wrapper button[type="roll"]:hover,
.charsheet .sheet-wrapper .sheet-btn:hover,
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
	background-color: #DAA520;
	border-color: #DAA520;
}

.charsheet .sheet-wrapper button[type="roll"] label,
.charsheet .sheet-wrapper button[type="roll"] input {
	line-height: 24px;
	font-size: 13px;
	text-align:center;
  font-weight:700;
}

.charsheet .sheet-wrapper h3 {
  color: black;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
}

.charsheet .sheet-wrapper textarea {
	resize: vertical;
}

.charsheet .sheet-wrapper input,
.charsheet .sheet-wrapper select,
.charsheet .sheet-wrapper input[type="number"] {
	height: 24px;
	width: 100%;
	font-size: 14px;
  border: none;
  border-bottom: 1px dotted gray;
}

.charsheet .sheet-wrapper input[type="number"] {
  text-align: center;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}

.charsheet .sheet-wrapper input[type="number"]::-webkit-outer-spin-button,
.charsheet .sheet-wrapper input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}

.charsheet .sheet-wrapper input[disabled],
.charsheet .sheet-wrapper select[disabled],
.charsheet .sheet-wrapper textarea[disabled],
.charsheet .sheet-wrapper input[readonly],
.charsheet .sheet-wrapper select[readonly],
.charsheet .sheet-wrapper textarea[readonly] {
  background-color: transparent;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
	width: calc(40% - 9px) ;
	margin-right: 5px ;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2) {
  width: calc(20% - 9px) ;
  margin-right:5px;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
	margin-right: 0 ;
}

.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
	width: calc(50% - 3px) ;
	margin-right: 2px ;
}

.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
	margin-right: 0 ;
}

.charsheet .sheet-wrapper .sheet-1colrow .sheet-col {
  width: calc(100% - 3px) ;
	margin-right: 0 ;
}

.charsheet .sheet-table{
	display: table;
	width: 360px;
}

.charsheet .sheet-tableBody {
	display: table-row-group;
}

.charsheet .sheet-tableRow {
	display: table-row;
}

.charsheet .sheet-tableHeadSkill,
.charsheet .sheet-tableHeadAtt,
.charsheet .sheet-tableHeadValue,
.charsheet .sheet-tableHeadRoll,
.charsheet .sheet-tableCellSkill,
.charsheet .sheet-tableCellAtt,
.charsheet .sheet-tableCellValue,
.charsheet .sheet-tableCellRoll {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}

.charsheet .sheet-tableHeadSkill,
.charsheet .sheet-tableHeadAtt,
.charsheet .sheet-tableHeadValue,
.charsheet .sheet-tableHeadRoll {
	background-color: #EEE;
	font-weight: bold;
}

.charsheet .sheet-tableHeadSkill,
.charsheet .sheet-tableHeadAtt,
.charsheet .sheet-tableHeadValue,
.charsheet .sheet-tableHeadRoll,
.charsheet .sheet-tableCellAtt {
	text-align: center;
}

.charsheet .sheet-tableCellSkill {
	padding-left: 5px;
}

.charsheet .sheet-tableHeadSkill,
.charsheet .sheet-tableCellSkill {
	width: 200px;
}

.charsheet .sheet-tableHeadAtt,
.charsheet .sheet-tableCellAtt {
	width: 30px;
}

.charsheet .sheet-tableHeadValue,
.charsheet .sheet-tableCellValue {
	width: 50px;
}

.charsheet .sheet-tableHeadRoll,
.charsheet .sheet-tableCellRoll {
	width: 30px;
}

.charsheet .sheet-wrapper .sheet-rolllable {
  text-align: left;
  font-size: 1em;
}

.charsheet .sheet-wrapper .sheet-rolllable::before {
  content: "";
}

.charsheet .sheet-wrapper .sheet-skills button[type="roll"] {
  width: 100%;
  border: none;
}

.charsheet .sheet-wrapper .sheet-skills input {
  border: none;
}

.charsheet .sheet-wrapper .sheet-skills select {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  font-size: 11px;
  padding: 0;
  margin: 0;
  border: none;
}

.charsheet .sheet-wrapper .sheet-quickborder {
	border-bottom: 1px dashed gray;
	padding:3px;
	margin-bottom:5px;
}

.charsheet .sheet-wrapper .sheet-item {
	display: inline-block;
  width: 100%;
	height: 28px;
	margin: 0 -2px;
	padding: 0 2px 0 0;
}

.charsheet .sheet-wrapper .sheet-health {
  width: 413px;
  height: auto;
}

.charsheet .sheet-wrapper .sheet-healthblock {
	text-align: center;
	margin: auto auto 5px auto;
	width: 24%;
	display: inline-block;
  border: 1px solid #AAAAAA;
}

.charsheet .sheet-wrapper .sheet-healthblock label {
	text-align: center;
}

.charsheet .sheet-wrapper .sheet-healthblock input {
	text-align: center;
	font-size: 1.2em;
}

.charsheet .sheet-wrapper .sheet-center {
  display: inline-flex;
  justify-content: center;
}

.charsheet .sheet-wrapper .sheet-item.sheet-lable {
	width: auto;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletexts {
	width: 70px;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletexts input {
	text-align: center;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletextb {
	width: 180px;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletextb input {
	text-align: left;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletextd {
	width: 120px;
	display: inline-flex;
}

.charsheet .sheet-wrapper .sheet-item.sheet-labletextd input {
	width: 49%;
}

.charsheet .sheet-wrapper .sheet-item.sheet-puny {
	width: calc(10% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-little {
	width: calc(12% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
	width: calc(15% - 2%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-small {
	width: calc(20% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-med {
	width: calc(30% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-bigger {
	width: calc(70% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-huge {
	width: calc(80% - 3%);
}

.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] label,
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input {
  font-size: 16px;
}

.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover label,
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover input {
  background-color: #DAA520;
  border-radius: 5px;
}

.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] {
  border: none;
}

.charsheet .sheet-wrapper .sheet-characteristics input {
	display:block;
	border:1px solid gray;
	width:70%;
	height:65px;
  margin:auto;
	text-align:center;
	font-weight:bolder;
	font-size:3em;
}


.charsheet .sheet-wrapper .sheet-input_makro {
  float: right;
  display: inline-flex;
}

.charsheet .sheet-wrapper .sheet-show_makro,
.charsheet .sheet-wrapper .sheet-characteristics .sheet-show_makro {
  display: none;
}

.charsheet .sheet-wrapper .sheet-input_label{
  cursor: pointer;
}

.sheet-show_makro:checked ~ .sheet-Makro,
.sheet-show_makro:checked ~ div div .sheet-Makro,
.sheet-show_makro[name=attr_show_makro_psi]:checked ~ div div div .sheet-Makro_psi,
.sheet-show_makro[name=attr_show_makro_mw]:checked ~ div div div .sheet-Makro_mw,
.sheet-show_makro[name=attr_show_makro_rw]:checked ~ div div div .sheet-Makro_rw {
  display:none;
}

.charsheet .sheet-wrapper textarea {
  height: 25px;
  padding: 0;
  margin: 0;
}

.charsheet .sheet-wrapper .sheet-characteristics .sheet-Makro {
  text-align: center;
}

.charsheet .sheet-wrapper .sheet-characteristics .sheet-Makro textarea {
  width: 68%;
}

.charsheet .sheet-wrapper .sheet-one.sheet-Makro textarea {
  width: 99%;
  display: inline-block;
}

.charsheet .sheet-wrapper .sheet-twice.sheet-Makro textarea {
  width: 49%;
  display: inline-block;
}