/****    widget_composer    ****/

.widget_composer
{
	width: calc(100%);
	height: calc(100vh - 26px - 20px);
	/* min-width: min(1350px, 90vw); */
	color: #333;
	background:  var(--background-composer);
	position: relative;
	z-index: 5;
}

.widget_composer .title
{
	width: calc(100% - 16px); /* 150 + 8 + 8 */
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: var(--icon-text-flash-dark);
}

.widget_composer .headers
{
	height: 150px;
	min-height: 150px;
	overflow-y: auto;
	display: flex;
	padding: 10px;
}
.widget_composer .block-left
{
	width: 800px;
	min-width: 320px;
}
.widget_composer .block-right
{
	position: relative;
	width: calc(100% - 730px);
	min-width: 360px;
	padding-left: 30px;
	padding-right: 100px;
}

.widget_composer .line
{
	position: relative;
	display: flex;
	width: 550px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	font-weight: bold;
}
.widget_composer .block-left .line
{
	width: calc(100% - 20px);
}

.widget_composer .image
{
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	margin: auto 10px auto 0px;
}
.widget_composer .from { background: var(--icon-user-edit) center center no-repeat; }
.widget_composer .message { background: var(--icon-message) center center no-repeat; }
.widget_composer .cc { background: var(--icon-cc) center center no-repeat; }
.widget_composer .pencil { background: var(--icon-pencil) center center no-repeat; }

.widget_composer .button
{
	position: absolute;
	width: 32px;
	height: 32px;
	padding: 10px 60px 10px 60px;;
	border-radius: 8px;
	color: var(--color-text-button);
	text-align: left;
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.4s;
	border: solid 2px var(--color-border-panel-button);
}
.widget_composer .button:hover { background-color: var(--button-hover); }
.widget_composer .send
{
	background: var(--icon-send-mail) center left 12px no-repeat;
	background-color: var(--button);
	top: 4px;
	right: 2px;
}
.widget_composer .trash
{
	background: var(--icon-trash-composer) center left 12px no-repeat;
	background-color: var(--button);
	top: 75px;
	right: 2px;
	padding-left: 55px;
	padding-right: 65px;
}
.widget_composer .box-attach
{
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 2px;
	height: calc(108px + 32px);
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	width: calc(100% - 196px);
	min-width: 350px;
	background: var(--attach-body);
	border-radius: 8px;
	transition: background 0.4s;
	overflow: hidden;
}
.widget_composer .block-center
{
	width: 340px;
	min-width: 330px;
	font-size: 18px;
}
.widget_composer .block-center .label { width: 170px; }
.widget_composer .block-center .select { width: 240px; }
.widget_composer .block-center .checkbox {}

.widget_composer .icon-attach { background: var(--icon-pj) center center no-repeat; margin: 3px 8px 3px 3px; }
.widget_composer .drop_widget
{
	width: 100%;
	height: 34px;
	background: var(--attach-header);
	transition: background 0.4s;
	cursor: pointer;

}
.widget_composer .drop_widget:hover { background: var(--attach-header-hover); }

.widget_composer .position_body
{
	width: 100%;
	height: calc(100% - 170px - 32px);
}
.widget_composer .body
{
	width: 100%;
	height: 100%;
	color: var(--background);
	font-size: 14px;
	background: #fff;
	overflow-y: auto;
	overflow-x: auto;
}
.widget_composer .expediteur
{
	width: calc(100% - 32px);
	height: 26px;
	min-width: calc(100% - 32px);
}
.widget_composer .s_fuzzy
{
	width: calc(100% - 10px);
	height: 34px;
}
.widget_composer .sujet
{
	width: calc(100% - 46px);
	min-width: calc(100% - 46px);
}
.tox-statusbar__branding { display: none !important; }
.tox-statusbar__resize-handle { display: none !important; }