egroupware_official/mail/templates/default/app.css

textarea
{
	font-family: monospace, sans-serif;
	font-size: 110%;
}

.defaultProfile { color:#000000; font-weight:bold !important; }


.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }

tr.mail div {
	cursor: default;
	white-space: nowrap;
}
tr.mail td:first-child {
	border-left: 6px solid white;
}
tr.mail a {
	cursor: pointer;
	white-space: nowrap;
}

/**
	No styling on recent, sometimes recent & unseen are cleared seperately causing confusion when the row doesn't change

tr.recent div,
tr.recent span,
tr.recent time,
tr.recent a,
 */
tr.unseen div,
tr.unseen span,
tr.unseen time,
tr.unseen a {
	color: #003075;
	font-weight: bold;
}

tr.mail.label1 td:first-child{
	border-left:6px solid #ff0080 !important;
}
tr.mail.label2 td:first-child{
	border-left:6px solid  #ff8000 !important;
}
tr.mail.label3 td:first-child{
	border-left:6px solid  #008000 !important;
}
tr.mail.label4 td:first-child{
	border-left: 6px solid #0000ff !important;
}
tr.mail.label5 td:first-child{
	border-left: 6px solid #8000ff !important;
}

tr.mail.flagged td:first-child{
	border-left: 6px solid #ff0000 !important;
}

tr.mail.deleted  td:first-child{
	border-left: 6px solid silver;
	text-decoration : line-through;
}

.status_img {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-open.svg);
	background-size: 16px 16px;
}

tr.deleted .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/x-lg.svg);
}

tr.unseen .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-fill.svg);
}

tr.flagged_seen .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/flag.svg) !important;
}

tr.flagged_unseen .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/flag-fill.svg) !important;
}

tr.recent .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-plus.svg) !important;
}

tr.replied .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/reply.svg) !important;
}

tr.forwarded .status_img {
	background-image: url(../../../node_modules/bootstrap-icons/icons/forward.svg) !important;
}

.subjectBold
{
	font-size: 12px;
	font-weight : bold;
	font-family : Arial;
}

.subject
{
	font-size: 12px;
	font-family : Arial;
}

.bodypreview {
  white-space: nowrap;
  max-height: 18px;
  font-size: 12px;
  font-weight : normal !important;
  font-family: Arial;
  color: grey !important;
  overflow: hidden;
  padding-top: 5px;
}

TR.sieveRowActive
{
	font-size: 11px;
	height : 20px;
	padding: 0;
	background : White;
}

A.sieveRowActive
{
	font-size: 11px;
	height : 14px;
	padding: 0;
}

TR.sieveRowInActive
{
	font-size: 11px;
	height : 20px;
	padding: 0;
	background : White;
	color: Silver;
}

A.sieveRowInActive
{
	font-size: 11px;
	height : 14px;
	padding: 0;
	color: Silver;
}

.bodyDIV {
	position:absolute;
	background-color:white;
	top:134px;
	bottom:0px;
	width:100%;
	border-top: 1px solid #efefdf;
}

.bodyDIVAttachment {
	bottom:80px;
}
table tr.attachmentRow > td{
	vertical-align: middle;
}
table tr.attachmentRow > td et2-description{
	width: 84vw;
	overflow-wrap: anywhere;
}
table tr.attachmentRow > td > img {
	background:transparent;
	padding-left: 5px;
	cursor: pointer;
}
#mail-compose_attachments.egwGridView_grid {
	display:table !important;
}
#attachmentSpanAllDIV{
	background-color:#efefdf;
	height:260px;
	overflow:auto;
}

#attachmentDIV {
	position:fixed;
	background-color:#efefdf;
	bottom:0px;
	min-height:80px;
	max-height:239px;
	width:100%;
	border-top: 1px solid silver;
	overflow:auto;
}

#popupattachmentDIV {
	background-color:#efefdf;
	bottom:0px;
	min-height:80px;
	max-height:239px;
	width:100%;
	border-top: 1px solid silver;
	overflow:auto;
}

pre {
 white-space: pre-wrap; /* Mozilla, since 1999 */
 white-space: -o-pre-wrap; /* Opera 7 */
 width: 99%;
}

/*
 avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/
.divSidebox {
	overflow: hidden;
}
.textSidebox {
	overflow-x: hidden;
	overflow-y: auto;
}
/*
 avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/
.containerTableStyle {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.useEllipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	word-wrap: break-word;
}
#mail-index {
	position: relative;
	--size: 2.75em
}
/*Keeps the scrollbar in the window in Firefox*/
#mail-index	table.egwGridView_outer {
	-moz-margin-end: 10px;
}
.mail-index_quotabox {
	display: inline-block;
}
.mail-index_vacation {
	display: inline-block;
	vertical-align: top;
}
.mail-index_vacation > div {
	text-align: center;
	line-height: 110%;
}
.mail-index_vacation > div > span {
	color: red;
}
#mail-index_mailPreview_blank {
	width: 100%;
    height: 100%;
    position: absolute;
    background-color: white;
    z-index: 10;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 200%;
}

#mail-index_mailPreview_blank::part(base) {
    justify-content: center;
    align-items: center;
}

#mail-index_mailPreview_blank img {
    vertical-align: text-bottom;
}
#mail-index_mailPreview_blank[disabled] {display: none}
.mail_DisplayNone {
	display: none !important;
}
.mail-index_quotaDisplayNone {
	display: none !important;
}
.mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed {
	width: 5em !important;
}
.mail-index_QuotaGreen > div {
	background-color: green !important;
}
.mail-index_QuotaYellow > div {
	background-color: yellow !important;
}
.mail-index_QuotaRed > div {
	background-color: red !important;
}

#mail-index #mail-index_nm .status_icons {
	margin-right: 1em;
}
/*
 influence the tree display and scrolling behavior
*/
#mail-tree_target {
	min-height: 35px;
	display: block;
	display: -moz-inline-stack;
	display: -moz-box;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	z-index:100;
}
/*
 we need the the image displayed with our buttons on the left side
*/
input[type=button] {
	background-position: left;
}

#mail-index_messageIFRAME {
	width: 100%;
	height: 100%;
	border: 0;
}
/*********************************
 ************  mailCompose  ******
 *********************************/
div.mailUploadSection {
	border-top: 1px solid silver;
	margin-top: 16px;
	width:99%;
}
div.mailUploadSection > div.et2_hbox {
	margin-top: -10px;
	margin-left: 6px;
	margin-right: -12px;
	background-color: white;
	display: table-caption;
}
div.mailUploadSection > div.et2_hbox > label {
	padding-left: 4px;
	white-space: nowrap;
}
#mail-compose_filemode {
	margin-left: 6px;
}
#mail-compose_expiration > input {
	min-width: 15ex;
}
#mail-compose_selectFromVFSForCompose{
	height:0;
	width:20px;
	float:none;
	background-color: transparent;
	background-size: 18px;
	padding: 0;
	background-position: center;
	border:none;
}
#mail-index_button\[mailcreate\], #composeToolbar-send {
	color: white;
	background-color: #189800;
}
.mail-compose_composeToolbar {
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: #c0d2ec;
	background-position: center;
	background-repeat: repeat-x;
}
.mail-compose_composeToolbarr > span {
	padding: 10px;
	white-space: nowrap;
}
.mail-compose_composeToolbar > span.priority {
	border-right: none;
}
.compose_egw_icons {
	height: 24px;
	width: 24px;
	vertical-align: middle;
}
div.mail-compose_fileselector {
	width:auto;
	margin-top: 3px;
}
.mail-compose_fileselector span.et2_file_span {
	background-repeat: no-repeat;
	background-image: url(../../../node_modules/bootstrap-icons/icons/paperclip.svg);
	background-size: inherit;
	background-position: left;
}
.mail-compose_fileselector div.progress {
	display: none;
}
#mail-compose_button\[send\] {
	text-align: left;
	font-weight: bold;
	padding-left: 30px;
	width: 80px;
	background-image: url(../../../node_modules/bootstrap-icons/icons/send.svg) !important;
	background-position: left;
	background-repeat: no-repeat;
}
.mailDisplay{
	position: relative;
	background-color: white;
	width: 100%;
	height: 100%;
}

#mail-index_mail-index-preview {
    overflow: hidden;
    position: relative;
    background-color: white;
	width: calc(100% - 1em);
	margin-left: 1ex;
}

#mail-index_mailSplitter[vertical] #mail-index_mail-index-preview {
    margin-left: 0;
    margin-top: 1ex;
}

.previewWrapper {
    height: 100%
}

.previewWrapper > * {
	margin-bottom: 0.5em;
}

.previewWrapper .et2_details.et2_details_expanded .et2_details_wrapper {
	display: block;
	position: absolute;
	top: 4em;
	box-shadow: 1px 1px 2px 1px silver;
	width: calc(100% - 6em);
	padding: 1em;
	background: white;
	max-height: 12em;
	overflow-y: auto;
}

#mail-index_mailPreview .th {display: none}

#mail-index_mailPreview > div, #mail-index_mailPreview > * {
    padding-left: 8px !important;
}
#mail-index_mailPreview_subject, #mail-display_mail_displaysubject {
	margin-bottom: 0.5em;
	font-size: 1.2em;
}
et2-details.details {width: 100%}

.mailDisplay et2-details::part(base),
.previewWrapper et2-details::part(base){
	border: none;
}
.mailPreviewHeaders et2-details::part(header) {padding: 0;}
#mail-index_mailPreview .et2_email > span {
    display: inline;
}
.maildisplayAllAdresses {
	max-height: 245px !important;
	overflow:scroll;
	overflow-x:hidden;
}
#mail-compose_composeToolbar {
	padding: 0px !important;
}
#mail-compose_composeToolbar > button {
	padding: .2em .4em;
}
#mail-compose_composeToolbar > img {
	width: 16px;
	padding: 0px;
	height: 16px !important;
}
#mail-compose_composeToolbar > button > span > img {
	width: 16px;
	padding: 0px;
	height: 16px !important;
}
#mail-compose_composeToolbar > button {
	padding: .2em .4em;
}
#mail-compose_to div.ms-sel-ctn, #mail-compose_cc .ms-sel-ctn, #mail-compose_bcc .ms-sel-ctn {
	max-height: 75px;
}
#mail-display_toolbar > button > span {
	padding: .2em .4em;
}
#mail-display_toolbar > button > span > img {
	width: 16px;
	padding: 0px;
	height: 16px !important;
}
#mail-display_toolbar .et2_button_icon, .previewAttachmentArea .et2_button_icon, #mail-display_mail_displayattachments .et2_button_icon {
	width: 16px;
	height: 16px;
}
.mailPreviewIcons {
	position: absolute;
	right: 0;
	top: 0;
}
#mail-index_toolbar {
	height: 2.95em;
}
#mail-index_toolbar > button > span {
	padding: .2em .4em;
}
#mail-index_toolbar > button > span > img {
	width: 16px;
	padding: 0px;
	height: 16px !important;
}
#mail-index_toolbar > #toolbar-actionlist {
	width:auto;
}
#mail-index_previewAttachmentArea {
	background-color:#f0f0f0;
	max-height: 3.6em;
	max-width: 50%;
	overflow:scroll;
	overflow-x:hidden;
	border: 1px solid grey;
	opacity: 1;
	-moz-opacity:1;
	filter: Alpha(opacity=100);
	display: inline-block !important;
	width:100%;
	vertical-align: text-top;
}
#mail-index_previewAttachmentArea.noContent {
	border:0px !important;
	display: none !important;
}

#mail-display {
    padding: 5px;
}

.mailDisplayContainer {
	height: 100%;
	padding-top: 1em;
	border-top: 1px solid silver;
	margin-top: 1em;
}
.mailDisplayBody {
	height:100%;
	width:100%;
	background-color:white;
	padding:0px;
	margin:0px;
}
.mailDisplayAttachments {
	height: 114px;
	position: fixed;
	bottom: 8px;
	border-top: 1px solid grey;
	opacity: 1;
	-moz-opacity:1;
	filter: Alpha(opacity=100);
	overflow-y: auto;
}
#mail-display_mailDisplayBodySrc {
	height:100%;
}

.mailDisplayHeaders {
    overflow: hidden;
    right: 8px;
    font-size: 14px;
}

.mailDisplayHeaderSection {
    position: absolute;
    top: 12px;

}

div.mailDisplayHeaders > span:first-child, div.mailPreviewHeaders > span:first-child {
    width: 7em;
    display: inline-block;
}

div.mailDisplayHeaders et2-select-email, div.mailPreviewHeaders et2-select-email {
    display: inline-block;
}

#mail-display_toolbar {
    display: inline-flex;
}

div.mailComposeHeaders > span:first-child {
    width: 8em;
}

div.mailDisplayHeaders div.mail_extraEmails {
    display: inline-block;
    max-height: 1.3em;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

div.mailDisplayHeaders div.mail_extraEmails.visible {
    position: fixed;
    left: 7em;
    display: block;
    max-height: 8em;
    min-width: 30em;
    z-index: 999;
    overflow-y: auto;
    background-color: white;
    box-shadow: 5px 5px 5px #aaa;
    border: 1px solid gray;
}

.mailComposeBody {
    white-space: normal !important;
}
.mailComposeBody iframe {
	position: absolute;
	height: -webkit-fill-available !important;
}

#mail-compose_mail_plaintext::part(textarea) {
	white-space: pre-wrap !important;
}

.mailPreviewHeaders {
	position: relative;
}

.mailPreviewHeaders :first-child, .mailDisplayHeaders :first-child {
   color: var(--sl-color-neutral-800);
}
.mailPreviewHeaders et2-lavatar {
	flex: 0 0 auto;
}
div.mailPreviewHeaders div.mail_extraEmails {
    display: inline-block;
    max-height: 1.3em;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

#mail-index #mail-index_mailPreview #mail-index_mailPreviewHeadersSubject {
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#mail-index #mail-index_mailPreview #mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
  white-space: nowrap;
  display: inline;
}
#mail-index_mail-index-header_right {
  display: inline-flex;
}
div.mailPreviewHeaders div.mail_extraEmails.visible,
div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible {
	position: absolute;
	left: 7em;
	display: block;
	max-height: 8em;
	min-width: 30em;
	z-index: 1;
	overflow-y: auto;
	background-color: white;
	box-shadow: 5px 5px 5px #aaa;
	border: 1px solid gray;
}
.mail_extraEmails > a {
	display:inline;
	margin: 5px 5px 0 0;
}
.mail_extraEmails.visible > a {
	display: list-item;
	border-bottom: 1px solid gray;
}

/**
 * Lock div for tree to prevent further clicks
 */
#mail-index_nm\[foldertree\] {
	position: relative;
}
#mail_folder_lock_div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-position: left top;
	background-repeat: no-repeat;
}

.mail_subscription_header, .mail_folder_management_header
{
  font-weight: bold;
  font-size: 150%;
  padding-bottom: 20px;
}

#mail-subscribe table.et2_grid tr td,
#mail-folder_management table.et2_grid tr td {
  padding: 0px;
}
#mail-subscribe table.et2_grid tr td et2-box,
#mail-folder_management table.et2_grid tr td .mail_subscription_header {
  height: 500px;
  overflow: auto;
}
#mail-subscribe table.et2_grid tr td et2-box,
#mail-folder_management table.et2_grid tr td et2-box {
	margin-top: 16px;
	height: 460px;
	overflow: auto;
}

.mail_importMessageFile{
	width: 40%;
}
#mail-importMessage .dialogHeader {
	font-weight: bold;
	font-size:150%;
}
blockquote {
	margin: 0;
	border-left: 2px solid gray;
	padding-left: 7px;
	margin-left: 0;
	color: black;
}
blockquote blockquote{
	border-color: blue !important;
}
blockquote blockquote blockquote{
	border-color: purple !important;
}
blockquote blockquote blockquote blockquote{
	border-color: green !important;
}
blockquote blockquote blockquote blockquote blockquote{
	border-color:  orange !important;
}
blockquote blockquote blockquote blockquote blockquote blockquote{
	border-color:  gray !important;
}
/* MAIL PRINT */
@media print {
    html {
        height: auto !important;
    }

    html *, .td_display {
        border-right: none !important;
        border-left: none !important;
    }

    /* set font size for printing of text mail body and all headers, attachments */
    .td_display pre, .mailDisplayHeaders, .mailDisplayAttachments * {
        font-size: 10pt !important;
        font-family: arial;
    }

    #mail-display_mail_displaysubject {
        font-weight: bold;
    }

    .mailDisplayHeaders {
        border-bottom: 0.1em solid #d7d7d7;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .firstColumnTitle {
        min-width: 7.5ex;
    }

    #mail-display_mailDisplayBodySrc {
        display: none;
    }

    .tmpPrintDiv {
        margin-top: 10px;
        margin-bottom: 30px;
        display: block;
        overflow: visible;
        height: auto;
    }

    .tmpPrintDiv td, textarea {
        font-family: Verdana, Arial, Helvetica, sans-serif;

    }

    .tmpPrintDiv .td_display {
        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: black;
        background-color: #FFFFFF;
    }
	.tmpPrintDiv .td_display span[style] {

	}
	pre {
		width:99% !important;
	}
	.mailDisplayContainer {
		border-top: none;
		overflow: visible !important;
		position: static !important;
	}
	.mailDisplayAttachments{
		border: none;
		overflow: visible !important;
		position: inherit !important;
	}
	.et2_button {
		display: none;
	}
	.mailCompose_copyEmail {
	}
	div.mailDisplay .mailDisplayHeaders .mail_extraEmails {
		max-height: 100%;
		max-width: 80%;
	}
	div.mailDisplayHeaders > span:first-child{
		vertical-align: top;
	}
	div.mailDisplayHeaders {
		padding-top: 10px;
	}
	.mailDisplayContainer.mailvelopeTopContainer {
		top:190px;
	}
	.mailDisplayContainer.mailvelopeTopContainer > iframe {
		position: static;
		min-width: 860px;
	}
	.mail_extraEmails > a {
		display: inline-block;
	}
	.et2_email:after {
		content: " | ";
	}
	.et2_email:last-child:after {
		content: "";
	}
}

/* MOBILE and tablets (Portrait & Landscape) View --------------*/
@media only screen and (max-device-width:1024px) {


}
/* tablets and smartphones (portrait) ----------- */
@media only screen
and (max-device-width : 1024px)
and (orientation : portrait) {
	#mail-index div#mail-index_nm tr.mail.row {

	}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-device-width:768px){
	#mail-index div#mail-index_nm tr.mail.row {

	}
}

/* Mobile (landscape) Tablet----------- */
@media only screen
and (max-device-width : 1024px)
and (orientation : landscape) {

}

#mail-compose_cc_expander,
#mail-compose_bcc_expander,
#mail-compose_folder_expander,
#mail-compose_replyto_expander {
	width: 100%;
	margin: 0px;
	margin-left: 1em;
	text-align: left;
	padding: 0;
	cursor: pointer;
	border:	none;
	color: rgb(38, 83, 124);
	background-color: transparent;
}
#mail-compose_mimeType{margin-left:1em;}
/*Make file uploads in compose dialog invisible*/
.mail-compose_toolbar_assist div.mail-compose_fileselector, .mail-compose_toolbar_assist {
	display:none;
}

et2-vbox.mailComposeHeaderSection{
	padding-bottom: 5px;
}

div.mailComposeHeaderSection>table {
	padding-top: 35px;
}

.mail-index-extra-iframe {
	position: relative;
	z-index: 999;
	width:100%;
	height:100%;
}
/*Avoid getting scrollbar on form area, let scrolling be handled by tree*/
#mail-subscribe {
	overflow: hidden;
}

.sieve-title {
	font-size: 12pt;
	vertical-align: middle;
}
.sieve-title .ruleID::before {content:'#'}

#mail-index_nm.et2_nextmatch .egwGridView_outer thead tr {border-left: 12px solid transparent;}

#mail-compose_mailaccount {max-width: 100% !important;}

.header_row_right.vertical_splitter {float:left;}
.header_row_right.vertical_splitter div#mail-index_mail-index-vacationnotice .et2_vbox {margin-right: 0;}

et2-box.smime_cert_notverified {
	border-top: 4px solid #8dff95 !important;
}
et2-image.smime_cert_notverified {
	background: #8dff95;
}
et2-box.smime_cert_verified {
	border-top: 4px solid #1ab82c !important;
}
et2-box.smime_cert_unknownemail {
	border-top: 4px solid #a28cff !important;
}

et2-image.smime_cert_verified {
	background: #1ab82c;
}
et2-box.smime_cert_notvalid {
	border-top: 4px solid #e90052 !important;
}
et2-image.smime_cert_notvalid {
	background: #e90052;
}
et2-image.smime_cert_unknownemail {
	background: #a28cff;
}
.mailPreviewHeaders.smimeIcons et2-image {
	width: 24px;
}
.mailPreviewHeaders.smimeIcons {
	display: flex;
	justify-content: end;
}

#mail-compose tr.mailComposeHeaders .et2_selectbox,
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn,
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-sel-ctn input,
#mail-compose tr.mailComposeHeaders input {
  border: none;
  outline: none;
}
#mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus {
  border: none;
  box-shadow: none;
}

.et2_vbox.et2_box_widget.mailComposeBodySection .mailComposeHtmlContainer .tox.tox-tinymce{
    width: 100%;
}

div#mail-index_nm.splitter-pane {min-height: 100px;}
#mail-index_mailSplitter .splitter-bar-horizontal {background: white;}

#calendar-meeting table.et2_grid.meetingRequest td {
	padding-left: 8px !important;
}
#mail-index_mailPreviewContainer {
	height: calc(100% - 13em);
	border-top: 1px solid silver;
	margin-bottom: 0;
}

#mail-index_nm .mail.row et2-url-email_ro {width: fit-content}
#mail-index_nm  .et2_label.et2_vfs {text-align: center}
.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr[class*="label"].row_category td:first-child>div,
.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr.flagged.row_category td:first-child>div{
	margin-left: -1px;
}
.et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr.row_category td:first-child>div {
	margin-left: 0px;
}
#mail-index_nm tbody tr et2-lavatar {max-width: 3.7em; min-width:3.7em !important;}

.previewWrapper .firstColumnTitle {
	max-width: 7em;
	justify-content: flex-end;
	min-width: 7em;
	color: darkgrey;
}

.mailPreviewHeaders et2-select-email::part(combobox) {
	border: none;
}
#popupMainDiv {height: 100%}
.treeContainer {
	height: calc(100% - 110px);
	overflow-y: auto;
}
#mail-index_mail-index-header_right {gap: 1ex;}
#mail-index_mail-index-header_right et2-details.vacationnotice {
	min-width: 8em;
}
#mail-index_mail-index-header_right et2-details.vacationnotice::part(base) {
	background: #dee9f3;
	border-color: #0f65968f;
	border-width: 1px;
	height: 2.6em;
}

et2-hbox.mailPreviewHeaders {
	margin-bottom: 0px;
}

et2-description#mail-index_mailPreview_subject {
	margin-bottom: 0;
	margin-top: 0.3em;
}

/* Make +N tag in email look like text, not tag */
et2-select-email::part(tags) {
	width: 100%;
}

et2-select-email::part(tag) {
	flex: 10 0 auto;
}

et2-select-email::part(tag__base) {
	font-weight: bold;
	border: none;
	background: inherit;
}

et2-select-email::part(tag__content) {
	margin-left: auto;
}
et2-vbox.addresses::part(base) {
	gap: 0px;
}

et2-vbox.addresses et2-hbox::part(base) {
	align-items: center;
}
.mailPreviewHeaders et2-lavatar {
	margin-top: 3px;
	position: absolute;
}
et2-searchbox#mail-index_nm_search {
	width: 100%;
	min-width: 5em;
}
.nextmatch_header_row>.filtersContainer>et2-select, .nextmatch_header_row>.filtersContainer>et2-select-cat {
	width: 80px;
}
et2-split#mail-index_mailSplitter.limitted .header_count {
	display: none;
}
et2-split#mail-index_mailSplitter.squeezed .mail-index_quotabox{
	display: none;
}
.expanderFirstRow {
	position: absolute;
}
.attachments et2-dropdown-button[id$="\[actions\]"]{display: inline}

et2-details.mail-index_datefilter::part(base) {
	height: var(--sl-input-height-medium);
	border-radius: var(--sl-border-radius-small);
}

/* Give DnD helper more height to show from + subject, but less gap */
table.et2_egw_action_ddHelper_row .innerContainer {
	max-height: 2.5em;
}

.et2_egw_action_ddHelper_row et2-vbox::part(base) {
	gap: 1px;
}