#common_info_div {
	display: grid;
}

#one_msg__common_info__details {
	margin: 10px;
	/*background-color: #102321; */
	background-color: linear-gradient(to right, black, #102321, black);
	border-radius: 10px;
}
#one_msg__common_info__details:hover {
	/*background-color: #123321;*/
	background-color: linear-gradient(to right, black, #123321, black);
}
#one_msg__common_info__details[open] {
	background-color: #111711; 
	border: 1px dashed #132713; /* darkcyan */
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
#one_msg__common_info__details[open]:hover {
	/* background-color: #002233; */
}
#one_msg__common_info__details[open] > summary {
	background-color: #111711; 
	border: 1px solid #250e33;
	border-bottom: 1px dotted transparent;
	border-left: 1px transparent;
	border-right: 1px transparent;
	border-radius: 10px 10px 0px 0px;
	color: wheat;
	text-decoration: underline dashed #ff5072 0px; /*#a80d0d #8d8e3e #535500*/
	text-underline-offset: 17px;
	/* transition: color .2s; */
}
#one_msg__common_info__details[open] > summary:hover {
	/*background-color: linear-gradient(to top, #111711, #250e33); */
	border-top: 1px solid navy;
	border-bottom: 1px solid transparent;
	border-left: 1px transparent;
	border-right: 1px transparent;
	border-radius: 10px 10px 0px 0px;
	color: palegreen;
	text-decoration: none;
}


#head__one_msg__common_info__summary {
	list-style: none;
	text-align: left;
	font-family: 'base-text-fat';
	font-size: 18px;
	letter-spacing: 1px;
	color: yellowgreen;
	line-height: 2.6;
	margin: 0px;
	padding-left: 20px;
	padding-right: fit-content;
	border: 1px dashed #004D3D;
	border-left: 0px;
	border-right: 0px;
	border-radius: 10px;
}
#head__one_msg__common_info__summary:hover {
	color: #ffc4b2;
}

#head__one_msg__common_info__summary:before {
	content: "";
	color: indianred;
	float: left;
	margin-right: 10px;
}
#one_msg__common_info__details[open] > #head__one_msg__common_info__summary:before {
	content: "";
	color: royalblue;
}


#text__one_msg__common_info__p {
	text-align: left;
	font-family: 'base-text-default';
	color: darkgray;
	font-size: 16px;
	line-height: 1.6;
	margin: 30px;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 10px;
	/*border: 1px dashed darkcyan;*/
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#text__link__a {
	font-family: 'base-text-default';
	color: #72b9da;
	font-size: 16px;
	line-height: 1.6;
	text-underline-position: under;
	text-decoration: underline dotted 1px;
	padding: 0px;
}
#text__link__a:hover {
	font-family: 'base-text-default';
	color: #a5e3f0;
	font-size: 16px;
	line-height: 1.6;
	text-decoration: underline 1px;
}

#text__s_head__span {
	font-family: 'base-text-fat';
	color: #71ebc4;
	font-size: 16px;
}

#text__xs_head__span {
	text-decoration: underline 1px dotted dimgray; 
	text-underline-offset: 6px;
	color: #bfae8d;
}

#wo__lightup_1 {
	color: #bfae8d;
}
#wo__lightup_2 {
	color: #b6bf8d;
}

#wo__fadeout_1 {
	color: gray;
}
#wo__fadeout_1:hover {
	color: darkgray;
}


#wo__fadeout_2 {
	color: dimgrey;
}
#wo__fadeout_2:hover {
	color: grey;
}



#wo_lgreen {
	color: #88de93; /**/
}
#wo_blue {
	color: #7dafd4; /**/
}
#wo_lblue {
	color: #a2cdf5; /**/
}
#wo_purple {
	color: #af9ad5; /**/
}
#wo_lpurple {
	color: #c0a7ee; /**/
}
#wo_lsnow {
	color: #c2f9f3; /**/
}
#wo_asphalt {
	color: #5d6f81; /**/
}

#wo_cyan {
	color: #6cb8ae; /*#68b099*/
}
#wo_cyan_b {
	color: #71ebc4; /**/
}

#wo_red {
	color: #eb7284; /**/
}

#wo_pink {
	color: #f05bac; /**/
}

#wo_lpink {
	color: #f884c3; /**/
}


#clr_elem {
	display: inline-block;
	font-family: 'base-text-default';
	color: darkgray;
	width: 142px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
}
#clr_code {
	font-family: 'base-text-fat';
	color: #d2d3d4;
}
#clr_square {
	display: inline-flex;
	width: 20px;
	height: 15px;
	border-radius: 4px;
}

#clr_copyfield__div {
	display: inline-block; 
	color: lightsteelblue; 
	background-color: #2c2c2c; 
	overflow-x: scroll; 
	overflow-y: hidden;
	height: 33px; 
	border-radius: 6px;
	max-width: 400px; 
	font-family: 'base-text-fat';
	font-size: 16px;
	line-height: 1.8;
	box-shadow: inset 0px -3px 10px 4px rgba(0,0,0,0.6);
	text-indent: 6px;
	justify-content: center;
	justify-items: center;
}



#comminfo_uni_finalizer {
	text-align: center; 
	margin: 0px; 
	margin-bottom: 15px; 
	color: darkslategray;
}

#screenshot {
	border-radius: 20px; 
	border-top: 1px solid #153246; 
	border-bottom: 1px solid #102432;
	border-left: 0px; 
	border-right: 0px;
}