#chat_unviewed {
	position: absolute;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3.1em;
  left: 50%;
  transform: translateX(-50%);
  font-size: 19px;
  font-weight: bold;
  color: white;
  background-color: red;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
	/* z-index: 4; */
}

/* #chat_unviewed:hover {
	filter: brightness(1.1);
	transform: scale(1.1);
} */


.individual_chat_unviewed_container {
	position: absolute;
	bottom: 0;
	width: 24px;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: red;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	z-index: 2;
}



.display_profile_functions { 
	position: relative; 
	z-index: 5;
}



a.folder_upload, 
a.download,
a.delete_file,
a.profile_upload,
a.profile_download,
a.profile_delete {
  position: relative;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  filter: brightness(110%);
  transition: all 0.5s ease;
}

a.profile_upload,
a.profile_download,
a.profile_delete {
	position: fixed;
	right: 1.0em;
}

/* a.delete_file { */
  /* opacity: 0; */
  /* pointer-events: none; */
/* } */

a.folder_upload::before,
a.profile_upload::before {
	content: "\25B2"; /* Unicode for ▲ */
}

a.download::before,
a.profile_download::before {
	content: "\25BC"; /* Unicode for ▼ */
}

a.delete_file::before,
a.profile_delete::before {
	content: "\2715"; /* Unicode for X */
}

a.folder_upload,
a.profile_upload {
	/* line-height: 1.6em; */
	background-color: #DC143C; /* FF0000 DC143C B22222 */
	/* top: 52vh; */
	top: 42.5%;
}

a.download,
a.profile_download {
	/* line-height: 1.7em; */
	background-color: #1E90FF; /* 4169E1 1E90FF 00BFFF 4682B4 6495ED */
	top: 50%;
}

a.download { margin: 0.5em 0; }

a.delete_file,
a.profile_delete {
	background-color: #3CB371; /* 2E8B57 3CB371 32CD32*/
	/* top: 38vh; */
	top: 57.5%;
}


.error {
	clear: both;
	display: block;
	text-align: center;
	color: red;
	font-size: 14px;
	padding-top: 0.01em;
	margin-bottom: 0.4em;
}

.inputype {
	display: block;
	width: 280px;
	height: 44px;
	margin: 0.4em;
	padding: 0.8em;
	text-align: center;
	text-align-last: center;
	font-size: 16px;
	background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 100%);
	border-radius: 16px;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
}

.inputype[name="name"] {
  text-transform: capitalize;
}

/* filter: hue-rotate(-0.25turn); */
.inputype::placeholder { color: #111; }

.labelfile {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 48px;
	margin-left: 0.35em;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	color: white;
	background: red;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
	/* box-shadow: 0px 0px 4px #ccc; */
	border-radius: 16px;
	opacity: 0.9;
}

.labelfile:focus, .labelfile:hover {
	/* background-image: linear-gradient(to bottom, red 25%, #a42c2c 100%); */
	/* background-image: radial-gradient(circle at center, red 0%, #952828 100%); */
	filter: invert(95%);
	}

.labelfile * { pointer-events: none; }

hr { 
	height: 0.4em; 
	visibility: hidden; 
} /* fix margin */

.inputfile {
	position: absolute;
 	width: 0.1px;
 	height: 0.1px;
}

#filename {
	position: relative;
	width: 280px;
	max-height: 240px;
	/* top: 0.2em; */
	left: 0.3em;
	clear: both;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	overflow: scroll;
}

.filebox {
	display: flex;
	align-items: center;
	flex-direction: column;
	align-items: center;
}

.select {
	color: black;
	width: 160px;
	min-width: 160px;
	max-width: 160px;
	height: 55px;
	border-radius: 16px 16px 0 0;
	/* outline: none;  */
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	appearance: none;
	-webkit-appearance: none;
	/* -moz-appearance: none; */
}
@media screen and (max-width: 288px) {
  .labelfile {
		font-size: 15px;
		padding: 0.6em 0;
	}
}

select:disabled { opacity: 0.3; pointer-events: none; }
select::-ms-expand { display: none; }