/*Collapsing + Hiding Sections */

input.sheet-arrow
{
    float: left;
}

input.sheet-arrow:not(:checked) ~ div.sheet-body
{
    display: none;
}

.sheet-body
{
    
}
/* === GENERAL === */
.charsheet {
    min-width: 850px;
}

.sheet-header {
	margin-bottom: 4px;
	padding: 2px 4px;

	background: black;
	color: white;
	font-weight: bold;
}

.sheet-subheader {
	margin-bottom: 4px;
	padding: 2px 4px;

	background: #666666;
	color: white;
	font-weight: bold;
}

.sheet-spacer100 {
    width: 100px;
}

.sheet-section {
	float: left;
	width: 100%;

	margin: 0px 0;
	padding: 1px;
	box-sizing: border-box;
	
	background:#eeeeee;
	color: black;
}
.sheet-section2 {
	float: left;
	width: 100%;

	margin: 2px 2;
	padding: 1px;
	box-sizing: border-box;
	border: 1px solid black;
	
	background:#eeeeee;
	color: black;
	
	min-width: 848px;
}

.sheet-half {
	max-width: 50%;
}

.sheet-quarter {
	max-width: 25%;
}

.sheet-3quarter {
	max-width: 75%;
}

.sheet-break {
	clear: both;
}

label,
select {
	margin: 0;
}

textarea {
	margin: 0;
	width: 100%;
	height: 28px;
	resize: vertical;
	box-sizing: border-box;
	border: solid black 1px;
}

.sheet-textarea2Line {
	margin: 0;
	width: 100%;
	height: 48px;
	resize: vertical;
	box-sizing: border-box;
	border: solid black 1px;
}

.sheet-repitem,
.repitem {
	margin-bottom: 2px;
}

/* Override Roll20 Button styling for something less conspicious */
button {
	height: 22px;
	line-height: 16px;
	margin: 0 !important;
	border-radius: 0 !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
}

.repitem button {
	height: 28px;
	line-height: 20px;
}

.sheet-table {
  display: table;
  width: 100%;
  border-collapse:collapse;
  border-spacing: 5px;
  table-layout: fixed;
}

.sheet-table-row {
  display: table-row;
  width: 100%;
}

/* Add `.cell` for the table cells, or columns */
.sheet-table-cell {
  display: table-cell;
}

.sheet-cell-a { width: auto; }
.sheet-cell-5 { width: 5%; }
.sheet-cell-10 { width: 10%; }
.sheet-cell-15 { width: 15%; }
.sheet-cell-20 { width: 20%; }
.sheet-cell-25 { width: 25%; }
.sheet-cell-41 { width: 41%; }
.sheet-cell-47 { width: 47%; }
.sheet-cell-50 { width: 50%; }
.sheet-cell-75 { width: 75%; }
.sheet-cell-30 { width: 30%; }
.sheet-cell-69 { width: 69%; }
.sheet-cell-100 { width: 100%; }
.sheet-cell-button {width: 23px; }

  /* Padded columns */
.sheet-table-padded {
  margin-left:  -1rem;
  margin-right: -1rem;
}

.sheet-table-padded .sheet-table {
  border-spacing: 1rem 0;
}

.sheet-input-border input[type="text"] {
  min-width: 15px;
  max-width: 100%;
  width: 100%;
  border: 1px solid black;
}

.sheet-select-border select {
  min-width: 50px;
  max-width: 100%;
  width: 100%;
  border: 1px solid black;
}

.sheet-input-border input[type="number"] {
  min-width: 15px;
  max-width: 100%;
  width: 100%;
  border: 1px solid black;
  text-align: center;
}

}