#imscomposercontainer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 7px;
	overflow-y: visible;
	height: 0;
}
#imscomposerlist {
	position: relative;
	overflow-y: visible;
	height: 0;
	display: flex;
	flex-direction: row-reverse;
}
.cmcomposercontent {
	/* overflow-y: scroll; */
	/* height: 350px; */
}
.imscontent {
	/* overflow-y: scroll; */
	min-width: 540px;
}
.imstitle {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.panel.imscomposer {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/* width: 100%; */
	/* max-height: 520px; */
	position: relative;
	align-self: flex-end;

}
@media (max-width: 970px)
{
	#imscomposercontainer
	{
		left: 0;
	}
	#imscomposerlist
	{
		flex-direction: column-reverse;
	}
	
	@keyframes animinimize
	{
		from
		{
			width: 100%;
		}
		to
		{
			width: 100%;
		}
	}
	@-webkit-keyframes animinimize
	{
		from
		{
			width: 100%;
		}
		to
		{
			width: 100%;
		}
	}
	@keyframes animaximize
	{
		from
		{
			width: 100%;
		}
		to
		{
			width: 100%;
		}
	}
	@-webkit-keyframes animaximize
	{
		from
		{
			width: 100%;
		}
		to
		{
			width: 100%;
		}
	}
	
}
@media (min-width: 970px)
{
	.panel.mail-composer
	{
		width: 565px;
	}
	.panel.mail-composer.min
	{
	    width: 20em;
	}
	
	@keyframes animinimize
	{
		from
		{
			width: 565px;
		}
		to
		{
			width: 20em;
		}
	}
	@-webkit-keyframes animinimize
	{
		from
		{
			width: 565px;
		}
		to
		{
			width: 20em;
		}
	}
	@keyframes animaximize
	{
		from
		{
			width: 20em;
		}
		to
		{
			width: 565px;
		}
	}
	@-webkit-keyframes animaximize
	{
		from
		{
			width: 20em;
		}
		to
		{
			width: 565px;
		}
	}
	
}