//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;
//}

@labels: {
	label1: #ff0080;
	label2: #ff8000;
	label3: #008000;
	label4: #0000ff;
	label5: #8000ff;
	flagged: #ff0000;
};

tr.mail {
	td:first-child {
		border-left: 6px solid transparent;
	}

	each(@labels, {
		&.@{key} td:first-child {
			border-left-color: @value !important;
		}
	});

	&.deleted td:first-child {
		border-left-color: silver;
		text-decoration: line-through;
	}
}


//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
{
	font-weight: bold;
}

tr.unseen {
	et2-date-time_ro, et2-date-time-today, [id$="[date]"] {
	font-weight: normal;
	}
}

.status_img {
	display: inline-block;
    font-size: calc(1em + 2px);
	width: 1em;
	height: 1em;
}
.status_img::before{
    vertical-align: initial;
}


tr.unseen .status_img.bi-circle-fill {
	color: var(--mail-color);
	display: block !important;
}

tr:not(.unseen) .status_img.bi-circle-fill {
	display: none;
}

@keyframes unreadGlow {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 0.6;
	}
	60% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
	}
}

tr.unseen.recent .status_img {
	animation: unreadGlow 5s ease-in-out 10 forwards;
}


//tr.deleted .status_img::before {
//    content: "\f659" /*bi-x-lg*/
//}
//
//tr.unseen .status_img::before {
//content: "\f32f"/*bi-envelope*/
//}
//
//tr.flagged_seen .status_img::before {
//	content: "\f3cc" /*bi-flag*/
//}
//
//tr.flagged_unseen .status_img::before {
//    content: "\f3cb" /*bi-flag-fill*/
//}
//
//tr.recent .status_img::before {
//    content: "\f694" /*bi-envelope-plus*/
//}
//
//tr.replied .status_img::before {
//    content: "\f520" /*bi-reply*/
//}
//
//tr.forwarded .status_img::before {
//	content: "\f520"; /*bi-reply*/
//	transform: scaleX(-1);
//}

//.subjectBold
//{
//	font-size: 12px;
//	font-weight : bold;
//	font-family : Arial;
//}
//
//.subject
//{
//	font-size: 12px;
//	font-family : Arial;
//}
//This is needed to get ellipses working
et2-vbox, et2-hbox {
	&, &::part(base), et2-description {
		min-width: 0;
	}
}
tr.mail {
	et2-vbox { //this contains from address, subject and preview
		font-size: 1em;
		color: var(--sl-color-neutral-950);

		&::part(base) {
			gap: var(--sl-spacing-2x-small);
			padding-block: var(--sl-spacing-2x-small);
		}


		span.description--content {
			max-height: 2lh;
			overflow: hidden;
			text-overflow: ellipsis;
			line-clamp: 2;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		et2-description[id*="subject"] {
			span.description--content {
				max-height: 1lh;
				white-space: nowrap;
			}
		}

		.bodypreview {
			white-space: nowrap;
			font-size: 1em;
			font-weight: normal !important;
			color: var(--sl-color-neutral-600) !important;
			overflow: hidden;
		}
	}
	et2-lavatar{
		display: flex;
		align-items: center;
	}
}

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;
}
div#popupMainDiv #mail-compose 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;
	margin-right: -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;
    left: -1px;
    background-color: var(--sl-color-neutral-50);
    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 > div {
	background-color: var(--sl-color-green-600,green) !important;
}
.mail-index_QuotaYellow > div {
	background-color: var(--sl-color-yellow-400,yellow )!important;
}
.mail-index_QuotaRed > div {
	background-color: var(--sl-color-red-600,red )!important;
}

#mail-index #mail-index_nm .status_icons {
	margin-right: 1em;
}

#mail-index #mail-index_nm .status_icons et2-image {
	font-size: calc(1em + 2px);
	height: calc(1em + 2px);
}
/*
 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;
}

.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;
	width: 100%;
	height: 100%;
}

#mail-index_mail-index-preview {
    overflow: hidden;
    position: relative;
	margin-left: 1ex;
}

#mail-index_mail-index-preview::part(base) {
	display: flex;
	flex-direction: column;
}

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

.previewWrapper {
    height: 100%;
    --sl-input-background-color-focus: transparent ;
    --sl-input-background-color: transparent ;

}

.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_to div.ms-sel-ctn, #mail-compose_cc .ms-sel-ctn, #mail-compose_bcc .ms-sel-ctn {
	max-height: 75px;
}

.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::part(buttons) {
    --upper-tint: none;
}

#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;
}

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 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) {

}

#popupMainDiv .et2_container .mailComposeHeaderSection et2-hbox {
	border-bottom: 1px solid;
	border-color: hsl(240 5% 64.9%);/*var(--sl-panel-border-color);*/

	&::part(base){
		gap: 1em;
	}

	#mail-compose_mimeType {
		flex-grow: 0;
	}
}

/*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;
	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-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, et2-image.smime_cert_notverified svg {
	color: #8dff95 !important;
}
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, et2-image.smime_cert_verified svg {
	color: #1ab82c !important;
}
et2-box.smime_cert_notvalid {
	border-top: 4px solid #e90052 !important;
}
et2-image.smime_cert_notvalid, et2-image.smime_cert_notvalid svg {
	color: #e90052 !important;
}
et2-image.smime_cert_unknownemail, et2-image.smime_cert_unknownemail svg {
	color: #a28cff !important;
}
.mailPreviewHeaders.smimeIcons et2-image {
	width: 24px;
}
.mailPreviewHeaders.smimeIcons {
	display: flex;
	justify-content: end;
}

#mail-compose #mail-compose_composeToolbar et2-button-toggle::part(control){
    font-size: 20px;
}

#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 > td > et2-dropdown {
	position: relative;
	width: 90%;
	max-width: 100%;
}
#mail-compose tr.mailComposeHeaders et2-dropdown et2-button::part(base){
	background-color: var(--sl-color-gray-200);
}
#mail-compose tr.mailComposeHeaders et2-dropdown et2-button:first-child::part(label){
	font-size: 1rem;
}
#mail-compose tr.mailComposeHeaders et2-dropdown et2-button:first-child::part(caret){
	margin-left: auto;
}


#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 {
	flex: 2 1 auto;
	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;}

et2-dropdown.vacationnotice {
	min-width: 8em;
}

et2-dropdown.vacationnotice et2-hbox[slot=trigger]::part(base) {
	align-items: center;
}

et2-dropdown.vacationnotice::part(panel) {
	background: var(--sl-color-blue-100);
	border-color: var(--sl-color-blue-200);
	border-width: 1px;
	font-size: var(--sl-font-size-large);
}

et2-dropdown.vacationnotice > *:not([slot=trigger]) > * {
	color: var(--sl-color-gray-900);
}

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;
}
et2-split#mail-index_mailSplitter:not([vertical]) .header_count {
	margin: 0 3px 0 0;
}
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;
}

/* hide by default hidden compose header-lines, to not show them briefly before hidden by app.js */
tr.mailComposeJQueryCc, tr.mailComposeJQueryBcc, tr.mailComposeJQueryFolder, tr.mailComposeJQueryReplyto  {
	display: none;
}

/**
 * Kdots
 */

#mail #mail-index_nm\[foldertree\] {
	padding: var(--sl-spacing-medium) 0;
    flex-grow: 0;
}