@keyframes showme {
    from { opacity: 0; scale: 0.5 }
    to { opacity: 1; scale: 1 }
}

.chat_wrap_content {
	width:100%;
	min-height:40px;
	padding:5px 0;
	display:table-row;
}
.chat_wrap_wrap {
	width:98% !important;
	height:auto;
	display:table;
	padding:5px 1%;
}
.chat_avatar {
	width:45px;
	height:100%;
	display:table-cell;
}
.chat_avatar_wrap, .chat_avatar_wrap2{
	overflow: hidden;
	flex: 0 0 max-content;
	aspect-ratio: 1;
}

li.reqclosed > img.avatar_chat, li.reqopen > img.avatar_chat, li.reqplay > img.avatar_chat, li.request > img.avatar_chat, li.sms > img.avatar_chat, li.global > img.avatar_chat, li.join > img.avatar_chat, li.exit > img.avatar_chat, li.signup > img.avatar_chat, li.poll > img.avatar_chat, li.pollresult > img.avatar_chat, li.ad > img.avatar_chat, li.question > img.avatar_chat, li.qresult > img.avatar_chat {
	display: none
}

li.reqclosed > div.my_text, li.reqopen > div.my_text, li.request > div.my_text, li.reqplay > div.my_text, li.sms > div.my_text {
	padding: 3px 1rem 3px 38px !important;
}

li.global > div.my_text {
    padding: 3px 1rem 3px 36px !important;
}

li.ad > div.my_text {
    padding: 3px 2% 3px 3px;
}

li.question > div.my_text, li.poll > div.my_text, li.qresult > div.my_text, li.pollresult > div.my_text {
    padding-inline-start: 3.5rem !important;
}

li.exit > div.my_text, li.join > div.my_text {
    padding: 1px 0px 1px 30px !important
}

li.reqclosed > div.my_text > p, li.reqopen > div.my_text > p, li.request > div.my_text > p, li.sms > div.my_text > p {
	font-size: 0.9em !important;
}

li.alert > div.my_text > p, li.global > div.my_text > p {
	font: 1.2em/1 'Regular' !important;
}

li.qresult > div.my_text, li.pollresult > div.my_text {
    line-height: 1.1em;
}

li.qresult > div.my_text > hr {
   	display: block;
	-webkit-margin-before: 0.2em;
	        margin-block-start: 0.2em;
	-webkit-margin-after: 0.2em;
	        margin-block-end: 0.2em;
	-webkit-margin-start: -0.5em;
	        margin-inline-start: -0.5em;
	-webkit-margin-end: 0.2em;
	        margin-inline-end: 0.2em;
	overflow: hidden;
	border-color: #f00;
	border-style: solid;
	border-width: 2px;
}

li.pollresult > div.my_text > hr {
   	display: block;
	-webkit-margin-before: 0.2em;
	        margin-block-start: 0.2em;
	-webkit-margin-after: 0.2em;
	        margin-block-end: 0.2em;
	-webkit-margin-start: -0.5em;
	        margin-inline-start: -0.5em;
	-webkit-margin-end: 0.2em;
	        margin-inline-end: 0.2em;
	overflow: hidden;
	border-color: #764996;
	border-style: solid;
	border-width: 2px;
}

li.ad {
    margin: 10px;
    border: blue solid 3px !important;
    width: calc(100% - 55px);
    font-size: 1.3em;
    line-height: 1.3em;
    text-align: center;
}

.my_text div {
	display: inline-block;
	align-self: flex-end;
	font-size: 10px;
	height: 0.8lh;
}

li.poll > div.my_text > p:first-of-type::before {
    content: "VOTE NOW! ";
}

div.my_text button.polloption, div.my_text button.pollclose, div.my_text button.quoption, div.my_text button.quclose {
	color: white;
	font-family: 'Bold' !important;
	min-width: 60px;
	text-align: center;
	display: inline-block;
	padding: 0.25em;
	cursor: pointer;
}

button.polloption:first-of-type {
	border-radius: 0.5rem 0 0 0.5rem;
	margin-left: 0.5rem;
}

button.polloption:last-of-type {
	border-radius: 0 0.5rem 0.5rem 0;
}

button.polloption:first-of-type:last-of-type {
	border-radius: 0.5rem;
}

button.polloption:not(:last-of-type) {
	margin-right: 0.2rem;
}

div.my_text button.polloption, div.my_text button.quoption {
    background: #992929 !important;
}

div.my_text button.pollclose, div.my_text button.quclose  {
    background: red !important;
	margin-left: 0.5rem;
}
input.quresponse {
    display: block;
	width: 30ch;
}
div.my_text button.polloption:hover, div.my_text button.pollclose:hover, div.my_text button.quoption:hover, div.my_text button.quclose:hover {
    background: gold !important
}
.chat_avatar_wrap img, .chat_avatar_wrap2 img {
	height: 3rem;
	aspect-ratio: 1;
	display: block;
}
.chat_name {
	display:table-cell;
	width:auto;
	vertical-align:top;
	line-height:24px;
}
.chat_name p {
	padding-top:7px;
}
.chat_name img {
	vertical-align:middle;
}
#show_chat .fancybox-video img, #show_chat .fancybox-vimeo img, #show_chat .fancybox img{
	position:relative;
	margin-bottom:-12px;
}
#show_chat li:first-child {
	border-top:none;
}
#show_chat li:last-child {
	border-bottom:none;
}
#show_chat li {
	backdrop-filter: blur(4px);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;

	/* animation-timeline: view(block 100% 0%);
	animation-name: showme;
	animation-duration: 1ms;
	animation-timing-function: ease-in-out; */
}
.logs_date {
	font-size: 10px;
	margin-right: 8px;
	text-align: right;
}
.delete_log {
	font-size: 14px;
	line-height: 0.6;
}
.delete_log::before {
    content: 'x';
}
.emo_chat {
	margin-bottom:-6px;
	height: 1.5lh;
}
#menu_private {
	width:100%;
	height:34px;
	padding:3px 0;
	display:none;
}
.hide_this {
	display:none;
}
#menu_private_options {
	width:auto;
	height:100%;
	float:right;
}
#menu_private_options img {
	height:100%;
	width:auto;
	float:right;
	display:block;
	margin-right:8px;
}
.private_friend {
	margin-right:10px;
	font-family: 'Bold';
	font-size:15px;
	color: white;
}
.private_friend2 {
	margin-left:10px;
	margin-right:0;
}
#chat_requester {
    vertical-align: bottom !important;
}
#open {
    font-size: 1.6em;
    text-align: center;
}
#open form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-top: 10px;
}
#open form label {
    width: 100%;
    font-size: 0.75em;
    text-align: left;
	transition: font-size 500ms ease;
}
#open form input[type="text"] {
    height: auto;
    width: 100%;
    font-size: 0.75em;
    margin-bottom: 10px;
	transition: font-size 500ms ease;
}
#open form.s label, #open form.s input[type="text"] {
	font-size: 0.5em;
}

#open form.s span.outcome {
	display: block;
	color: var(--lightondark);
	font: 1rem/1 'Bold';
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
}
#open form.s span.outcome::before {
	margin-right: 0.5rem;
    font: 600 2.5rem/1 "Font Awesome 7 Free";
    float: left;
}
#open form.s span.outcome.ye {
	color: green;
}
#open form.s span.outcome.ye::before {
	content: "\f058";
}
#open form.s span.outcome.ye::after {
	content: "Your request was accepted - thank you";
}
#open form.s span.outcome.no {
	color: red;
}
#open form.s span.outcome.no::before {
	content: "\f057";
}
#open form.s span.outcome.no::after {
	content: "There was a problem - please try again";
}
#open form.s span.outcome.cl {
	color: beige;
}
#open form.s span.outcome.cl::before {
	content: "\f023";
}
#open form.s span.outcome.cl::after {
	content: "Sorry, but the requester is currently closed";
}
#open form.s span.outcome.tm {
	color: lightgray;
}
#open form.s span.outcome.tm::before {
	content: "\f256";
}
#open form.s span.outcome.tm::after {
	content: "Please Wait! You have reached the request limit";
}
#closed {
    font-size: 1.8em;
    text-align: center;
}
.fa-stack i:last-of-type {
    line-height: 1.4;
}
/* #reqbtn i.fa-microphone, #chat_requester i.fa-microphone {
    animation: omgreq 2s infinite -500ms;
}
@keyframes omgreq {
    0% { color: revert }
    50% { color: #FF0 }
} */