#editprofthead {
	text-transform: uppercase;
  	letter-spacing: 1px;
  	text-align: center;
  	font-size: 1.3em;
	padding: 20px 10px;
}

#editprotcat {
  	text-align: center;
  	background-color: var(--medfaded);
  	padding: 10px 0;
}

.oocoptions {
	display:flex;
	justify-content:center;
	gap:5px;
}

.oocoptions fieldset.trow2 {
	flex-grow:1;
}

.editnotes {
  	display: flex;
	justify-content: center;
	background-color: var(--ef);
	padding: 10px;
	border: 1px solid var(--ddd);
	gap: 10px;
}

#appreq, #lockedinp {
  	flex-grow: 1;
  	background-color: var(--e0);
  	padding: 10px;
  	text-align: center;
  	border: 1px solid var(--light);
}

.profcat {
  	padding: 10px;
  	background-color: var(--lightfaded);
  	color: var(--ffftext);
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-size: 1.2em;
}

.idcontainer {
 	display: flex;
}

#editprofavbox {
	width:210px;
	height:320px;
}

#editprofpicbox {
  	height: 80px;
  	flex-basis: 100% !important;
  	padding: 0;
}

.idcontainer #general {
  	flex-basis: 80%;
	display: flex;
  	flex-grow: 1;
}

.idcontainer #general div {
  	flex-basis: 30%;
}

.editcharprof div input, .editcharprof div select {
  	text-align: center;
	flex-grow:1;
}

#fieldinp {
  	display: flex;
  	justify-content: center;
 	gap: 5px;
}

.editcharprof .trow2 {
  	display: flex;
  	flex-wrap: wrap;
  	gap: 10px;
	padding:10px;
}

#xtpf_fid4, #xtpf_fid5 {
  	width: 50px;
}

.editcharprof .trow2>div {
  	background-color: var(--e3);
  	display: flex;
  	text-align: center;
  	flex-direction: column;
  	gap: 5px;
  	border: 1px solid var(--ddd);
	min-width:120px;
	padding:5px;
	flex-grow:1;
}

#fieldname {
  	background-color: var(--medfaded);
  	padding: 5px;
  	color: var(--ffftext);
 	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-size: 0.9em;
}

#proffull {
	flex-basis: 100%;
}

#proffull textarea, #fieldinp textarea {
 	width: 100% !important;
}

#relations > div {
  	flex-basis: 30%;
}

#customization #fieldinp {
  	align-items: center;
  	font-size: 0.9em;
}