.characreateindex {
	box-sizing: border-box;
	color: #272727;
	font-size: 12px;
	padding: 20px;
	font-family: 'Calibri', sans-serif;
	line-height: 1.7em;
	text-align: justify;
}

.characreateindex #tochara {
	box-sizing: border-box;
	font-family: 'Quicksand', sans-serif;
	font-size: 13px;
	margin: auto;
	padding: 10px;
	width: 30%;
	background: #dedede;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.characreateindex b,
.characreateindex i {
	color: #DE5F25;
}

.characreateindex a {font-weight:900;}

.characreateindex h1 {font-size:18px;
	border-bottom:4px solid #DE5F25;}

#charskills .num,
#skills .num,
#traits .num,
.mutation .num {
  display: inline-block;
  margin: 5px auto;
  margin-top: 15px;
  color: #1C1B19;
  background: #E3DFD7;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Switzer', sans-serif;
  padding: 15px;
	border: none;
	text-align: center;
}

#charskills .stat,
#skills .stat,
#area .stat,
#traits .stat,
#daychangeform .stat,
.mutation .stat {

}

#skills .stat,
#area .stat,
#daychangeform .stat  {
	display: inline-block; 
}

.TooManyPoints {
	color: #d72121 !important;
}

.todo-list-icon {
	font-size: 20px;
}

.todo-list-bullet {
	display: inline-block;
	background: #9aac97;
	padding: 0px 5px;
	text-transform: uppercase;
	color: #050505 !important;
	letter-spacing: 1px;
	font-size: 7px;
}

#to-do-list i {
	margin: 0px 3px
}

.senditem { 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background: hsla(0, 0%, 0%, 0.5); 
	z-index: 1; 
	opacity:0; 
	-webkit-transition: .5s ease-in-out; 
	-moz-transition: .5s ease-in-out; 
	transition: .5s ease-in-out; 
	pointer-events: none; 
} 

.senditem:target { 
	opacity:1; 
	pointer-events: auto; 
} 

.senditem > .pop { 
	background: #e2e2e2; 
	width: 200px; 
	position: relative; 
	margin: 10% auto; 
	padding: 25px; 
	z-index: 3; 
} 

.closepop { 
	position: absolute; 
	right: -5px; 
	top:-5px; 
	width: 100%; 
	height: 100%; 
	z-index: 2; 
}



.indexstat {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: -1px;
	font-size: 18px;
	text-transform: lowercase;
	padding-top: 10px;
}
		

.cate {}
		
		