#divstrength, #divdexterity, #divconstitution, #divintelligence, #divwisdom, #divcharisma, #skills {
  position: absolute;
  z-index: 9;
  /* background-color: #f1f1f1; */
  border: 1px solid #d3d3d3;
  text-align: center;
  width: 150px;
}

#divstrengthheader, #divdexterityheader, #divconstitutionheader, #divintelligenceheader, #divwisdomheader, #divcharismaheader, #skillsheader {
  /* bottom: 100%; */
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
  width: 150px;
}

.setting{
	position: fixed;
	font-size: 1.5em;
	opacity: 70%;
	z-index: 99999;
	cursor: pointer;
}
.setting:hover{
	opacity: 100%;
}

#setting{
	position: fixed;
	top: 50px;
	z-index: 99999;
}

#character {
  position: absolute;
}

.details{
	position: absolute;
	top: 100%;
	background-color: #f1f1f1;
	width: 500px;
}

.cross{
	cursor: pointer;
}

.details input{
	width: 30px;
	height: 10px;
}
.details .text{
	width: 300px;
	height: 20px;
	box-sizing: border-box;
	/* border: 2px solid #ccc; */
	border-radius: 1px;
	overflow-y: hidden;
	/* font-size: 16px; */
	resize: none;
}

thead{
	background-color: #bfbfbf;
}
.table{
	position: absolute;
	top: 100%;
	background-color: #f1f1f1;
}