.charsheet {

	.sheet-wrapper {
        width: 900px;

		div {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		span {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		label {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		h1 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		h2 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		h3 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
			color: black;
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
        }
        
		h4 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		h5 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		h6 {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		p {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		table {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		caption {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		tbody {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		tfoot {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		thead {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		tr {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		th {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		td {
			margin: 0;
			padding: 0;
			font: inherit;
			box-sizing: border-box;
        }
        
		textarea {
			resize: vertical;
			height: 25px;
			padding: 0;
			margin: 0;
        }
        
		input {
			height: 24px;
			width: 100%;
			font-size: 14px;
			border: none;
			border-bottom: 1px dotted gray;
        }
        
		select {
			height: 24px;
			width: 100%;
			font-size: 14px;
			border: none;
			border-bottom: 1px dotted gray;
        }
        
		input[type="number"] {
			height: 24px;
			width: 100%;
			font-size: 14px;
			border: none;
			border-bottom: 1px dotted gray;
			text-align: center;
			-moz-appearance: textfield;
            -webkit-appearance: textfield;
            
			&::-webkit-outer-spin-button {
				-webkit-appearance: none;
				margin: 0;
                display: none;
            }
            
			&::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
				display: none;
			}
        }
        
		input[disabled] {
			background-color: transparent;
        }
        
		select[disabled] {
			background-color: transparent;
        }
        
		textarea[disabled] {
			background-color: transparent;
        }
        
		input[readonly] {
			background-color: transparent;
        }
        
		select[readonly] {
			background-color: transparent;
        }
        
		textarea[readonly] {
			background-color: transparent;
        }

		.sheet-characteristics {

			button[type="roll"] {
				border: none;

				&:before {
					content: "";
					display: none;
                }
                
				&:hover {
					background-color: #DAA520;
					border-radius: 5px;
                }
                
				label {
					font-size: 16px;
                }
                
				input {
					font-size: 16px;
				}
            }
            
			input {
				display: block;
				border: 1px solid gray;
				width: 70%;
				height: 65px;
				margin: auto;
				text-align: center;
				font-weight: bolder;
				font-size: 3em;
            }
            
			.sheet-show_makro {
				display: none;
            }
            
			.sheet-Makro {
                text-align: center;
                
				textarea {
					width: 68%;
				}
			}
		}
		.sheet-abillity {

			button[type="roll"] {

				&:before {
					content: "";
					display: none;
				}
			}
        }
        
		.sheet-inv {

			button[type="roll"] {

				&:before {
					content: "";
					display: none;
				}
			}
        }
        
		button[type="roll"] {
			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;
            
			&:hover {
				background-color: #DAA520;
            }
            
			label {
				line-height: 24px;
				font-size: 13px;
				text-align: center;
				font-weight: 700;
            }
            
			input {
				line-height: 24px;
				font-size: 13px;
				text-align: center;
				font-weight: 700;
			}
        }
        
		.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;
            
			&:hover {
				background-color: #DAA520;
			}
        }
        
		.sheet-hider {

			input[type=checkbox] {

				&:checked {
					~ .sheet-btn {
							background-color: #DAA520;
                    }
				}
			}
        }
        
		.sheet-3colrow {

			.sheet-col {
				width: calc(40% - 9px);
                margin-right: 5px;
                
				&:nth-child(2) {
					width: calc(20% - 9px);
					margin-right: 5px;
				}
				&:last-child {

					margin-right: 0;
				}
			}
		}
		.sheet-2colrow {

			.sheet-col {
				width: calc(50% - 3px);
                margin-right: 2px;
                
				&:last-child {
					margin-right: 0;
				}
			}
        }
        
		.sheet-1colrow {

			.sheet-col {
				width: calc(100% - 3px);
				margin-right: 0;
			}
        }
        
		.sheet-rolllable {
			text-align: left;
            font-size: 1em;
            
			&::before {
				content: "";
			}
        }
        
		.sheet-skills {

			button[type="roll"] {
				width: 100%;
				border: none;
            }
            
			input {
				border: none;
            }
            
			select {
				-moz-appearance: textfield;
				-webkit-appearance: textfield;
				font-size: 11px;
				padding: 0;
				margin: 0;
				border: none;
			}
        }
        
		.sheet-quickborder {
			border-bottom: 1px dashed gray;
			padding: 3px;
			margin-bottom: 5px;
        }
        
		.sheet-item {
			display: inline-block;
			width: 100%;
			height: 28px;
			margin: 0 -2px;
			padding: 0 2px 0 0;
        }
        
		.sheet-health {
			width: 413px;
			height: auto;
        }
        
		.sheet-healthblock {
			text-align: center;
			margin: auto auto 5px auto;
			width: 24%;
			display: inline-block;
            border: 1px solid #AAAAAA;
            
			label {
				text-align: center;
            }
            
			input {
				text-align: center;
				font-size: 1.2em;
			}
        }
        
		.sheet-center {
			display: inline-flex;
			justify-content: center;
        }
        
		.sheet-item.sheet-lable {
			width: auto;
        }
        
		.sheet-item.sheet-labletexts {
            width: 70px;
            
			input {
				text-align: center;
			}
        }
        
		.sheet-item.sheet-labletextb {
            width: 180px;
            
			input {
				text-align: left;
			}
        }
        
		.sheet-item.sheet-labletextd {
			width: 120px;
            display: inline-flex;
            
			input {
				width: 49%;
			}
        }
        
		.sheet-item.sheet-puny {
			width: calc(10% - 3%);
        }
        
		.sheet-item.sheet-little {
			width: calc(12% - 0.5%);
        }
        
		.sheet-item.sheet-tiny {
			width: calc(15% - 2%);
        }
        
		.sheet-item.sheet-small {
			width: calc(20% - 0.5%);
        }
        
		.sheet-item.sheet-med {
			width: calc(30% - 0.5%);
        }
        
		.sheet-item.sheet-bigger {
			width: calc(70% - 3%);
        }
        
		.sheet-item.sheet-huge {
			width: calc(80% - 3%);
        }
        
		.sheet-item.sheet-fit {
			width: fit-content;
        }
        
		.sheet-input_makro {
			float: right;
			display: inline-flex;
        }
        
		.sheet-show_makro {
			display: none;
        }
        
		.sheet-input_label {
			cursor: pointer;
        }
        
		.sheet-one.sheet-Makro {

			textarea {
				width: 99%;
				display: inline-block;
			}
        }
        
		.sheet-twice.sheet-Makro {

			textarea {
				width: 49%;
				display: inline-block;
			}
		}
    }
    
	.sheet-table {
		display: table;
		width: 360px;
    }
    
	.sheet-tableBody {
		display: table-row-group;
    }
    
	.sheet-tableRow {
		display: table-row;
    }
    
	.sheet-tableHeadSkill {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		background-color: #EEE;
		font-weight: bold;
		text-align: center;
		width: 200px;
    }
    
	.sheet-tableHeadAtt {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		background-color: #EEE;
		font-weight: bold;
		text-align: center;
		width: 30px;
    }
    
	.sheet-tableHeadValue {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		background-color: #EEE;
		font-weight: bold;
		text-align: center;
		width: 50px;
    }
    
	.sheet-tableHeadRoll {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		background-color: #EEE;
		font-weight: bold;
		text-align: center;
		width: 30px;
    }
    
	.sheet-tableCellSkill {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		padding-left: 5px;
		width: 200px;
    }
    
	.sheet-tableCellAtt {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		text-align: center;
		width: 30px;
    }
    
	.sheet-tableCellValue {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		width: 50px;
    }
    
	.sheet-tableCellRoll {
		border: 1px solid #999999;
		display: table-cell;
		padding: 3px 10px;
		width: 30px;
	}
}

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

	&:checked {
		~ div {
            div {
                div {
                    .sheet-Makro_mw {
                        display: none;
                    }
                }
            }
        }
	}
}

.sheet-show_makro[name=attr_show_makro_rw] {
	&:checked {
		~ div {
            div {
                div {
                    .sheet-Makro_rw {
                        display: none;
                    }
                }
            }
        }
	}
}