.charsheet {
    font-family: "Verdana", "Verdana", sans-serif;
    /*background: #EEEEEE;
    color: #222222;
    background-image: url("");*/
}


.charsheet .sheet-item {
    padding: 1vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.charsheet label {
    font-size: inherit;
    color: inherit;
}

.charsheet .sheet-col{
  background: #E6E6E3;
}

div.a {
  outline: 2px dashed blue;
}

/*----------- Details and Summary -------*/
.charsheet summary {
    cursor: pointer;
    display: revert;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
  float: left;
  width: 50%;
}

/*----------- Tabs Setup -------------*/


/*Configure the tab buttons
.charsheet .sheet-details,
{
    display: none;
}

/* show the selected tab 
.charsheet .sheet-tabstoggle[value="details"] ~ div.sheet-details,
{
    display: block;
}

/*----------- End Tab Setup -----------*/