/* !Container */
#mailContainer{
	position:relative;
	color:#393939;
}
/* Container */


/* !Aditional Options */
#mailContainer .additionalOptions{
	border:1px solid #e7e7e7;
	border-width:0 0 1px 0;
	background:#f8f8f8;
	color:#6f6f6f;
	margin:0;
	height:24px;
	padding:7px 0;
}
#mailContainer .additionalOptions:first-child{
	border-width:1px 0;
}
#mailContainer .additionalOptions a{
	color:#6f6f6f;
}
#mailContainer .additionalOptions .navig{
	margin:0;
}
#mailContainer .leftOptions, #mailContainer .rightOptions{
	margin:0 4px;
}
#mailContainer .leftOptions input{
	margin:1px 7px 3px 7px;
}
#mailContainer .leftOptions label:hover{
	text-decoration:underline;
}
#mailContainer .rightOptions .navigBg{
	margin:0;
}
/* Aditional Options */


#mailTable td{
	border:1px solid #e7e7e7;
	border-width:0 0 1px 0;
}
#mailTable tr.ml_row{
	cursor:pointer;
}
#mailTable tr.ml_row:hover{
	background:#f8f8f8;
}

#mailTable tr.ml_row.unread a{
	font-weight:bold;
	color:#f60;
}
#mailTable tr.ml_row.deleted a{
	font-style: italic;
	color: #717171;
	text-decoration: line-through;
}
#mailTable tr.ml_row.spam a{
	font-weight:normal;
	color: #ff0000;
	text-decoration: line-through;
}
#mailTable tr.ml_row.blocked a{
	font-weight:normal;
	color: #002cff;
	text-decoration: line-through;
}



#mailTable tr.ml_row td{
	color:#393939;
	width:auto;
	vertical-align:middle;
}
#mailTable tr.ml_row td a, #mailTable tr.ml_row td a:hover{
	color:#393939;
	text-decoration:none;
}
#mailTable tr.ml_row.unread td a:hover{
	color:#f60;
}
#mailTable tr.ml_row td img{
	height:16px;
	width:16px;
	margin:0;
}
#mailTable tr.ml_row td.ml_chbox{
	width:16px;
	padding:0 2px 0 11px;
}
#mailTable tr.ml_row td.ml_direction, #mailTable tr.ml_row td.ml_isfav, #mailTable tr.ml_row td.ml_attach, #mailTable tr.ml_row td.ml_replied{
	width:16px;
}
#mailTable tr.ml_row td.ml_user div,#mailTable tr.ml_row td.ml_user{
    /*width: 155px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#mailTable tr.ml_row td.ml_threads{
	width:30px;
	text-align:center;
	vertical-align:middle;
}
#mailTable tr.ml_row td.ml_time{
	color:#8d8d8d;
	text-align:right;
	width:30px;
	white-space:nowrap;
}

#mailTable tr.mi_row td.mic{
	padding:0;
	width:1px;
	*width:730px;
}

#mailTable tr.mi_row .rqLoading{
	margin:20px auto;
}
/* Listing Table */


/* !Opened Item */
.mailItem{
	background:#f8f8f8;
	position:relative;
	padding: 10px;
}

.mailItem .head{
	padding:10px 0;
}

.mailItem .head ul {
	margin-left:60px;
}

.mailItem .user{
	font-weight:bold;
	line-height:16px;
}
.mailItem .time{
	font-size:11px;
	line-height:13px;
}
.mailItem .profileSmallIcon{
	float:left;
	margin-right:10px;
}
.mailItem .onlineIcon{
	position:absolute;
	top:14px;
	left:50px;
	width:16px;
	height:16px;
}

.mailItem .body{
	clear:both;
	padding:10px;
	font-size:13px;
	line-height:18px;
	word-wrap: break-word;
}

#mailTable tr.mi_row .mailItem .form .rqLoading{
	margin:0 auto 20px;
	background-image:url(http://ifrype.com/i/loading/loading_small.gif);
}

.mailItem .inlineButtons{
	padding:10px 0px 0px 0px;
	height:28px;
	border-top:1px solid #e7e7e7;
}

.mailItem .inlineButtons a.report{
	float:right;
	line-height: 30px;
}

.mailItem .attachments_all{
	background:url(http://ifrype.com/messages/img/icons/zip.png) 0 50% no-repeat;
	padding-left:23px;
}

.mailItem .attachments{
	padding:10px;
	border-top:1px solid #e7e7e7;
}
.mailItem .attachments li{
	clear:both;
	padding:10px 0;
}
.mailItem .attachments p{
	height:20px;
	line-height:20px;
	margin:0;
}

.mailItem .attachments .title{
	margin-top:5px;
}

.mailItem .attachments .icon, .mailItem .attachments .preview{
	float:left;
	width:50px;
	height:50px;
	margin:0 10px 0 0;
	padding:0;
	background-repeat:no-repeat;
	background-position:50% 50%;	
}
.mailItem .attachments .icon{
	border:1px solid #e7e7e7;
	width:48px;
	height:48px;
}
.mailItem .attachments .icon a, .mailItem .attachments .preview a{
	display:block;
	width:100%;
	height:100%;
}

.mailItem #mailUploadButtonContainer{
	bottom:12px;
	right:46px;
}
.mailItem .clear{
	margin-top: 5px;
}
/* Opened Item */


/* !Form */
#mailForm textarea{
	height:145px;
}
#mailForm td{
	border:0;
	vertical-align:top;
}
#Forms_mailBody{
	margin-top:10px;
}
#mailForm .inlineButtons{
	padding:0;
	border:0;
	width:100%;
	height:28px;
}
#mailForm .rightButtons{
	text-align:right;
}


.mailItem #mailForm{
	border-top:1px solid #e7e7e7;
	padding:10px;
}
#mailErrors{
	display:none;
}
#mailErrors td{
	border:0;
}

#mailSmileyButton a{
	width:20px;
	height:20px;
	padding:1px 2px;
}

#breadcrumbSearch{
	position:absolute;
	top:0;
	right:0;
}
#mailContainer .formTextareaInfoRight{
	position:absolute;
	bottom:1px;
	right:5px;
}
/* Form */


/* !Upload */
#mailFormContainer{
	position:relative;
}
#mailUploadButtonContainer{
	position:absolute;
	bottom:2px;
	right:36px;
}

#mailUploadButton{
	width:100px;
	height:22px;
}
#mailAttachments{
	margin:10px 0;
}

#mailAttachments .item{
	position:relative;
	width:100%;
	height:24px;
	line-height:24px;
	margin:5px 0;
	color:#393939;
}
#mailAttachments .item span{
	position:absolute;
	top:0;
	left:20px;
	padding-right:26px;
	white-space:nowrap;
}
#mailAttachments .isUploading span{
	left:24px;
}
#mailAttachments .item .closeIcon{
	position:absolute;
	top:5px;
	right:4px;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	cursor:pointer;
}
#mailAttachments .item img{
	position:absolute;
	top:4px;
	left:0;
}
#mailAttachments .isUploading img{
	left:4px;
}
#mailAttachments .isUploading{
	color:#8d8d8d;
	background:#f3f3f3;
}
#mailAttachments .itemProgress{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:#c9c9c9;
}
/* Upload */


/* !Delete Many */
#mailDeleteForm .deleteManyInput{
	float:left;
	margin-right:10px;
}
#mailDeleteForm .deleteManyButton{
	float:left;
}
/* Delete Many */


/* +++ SMS +++ */
.smsFailedIcon{
	background-image:url('http://ifrype.com/sms/img/failed.png');
}

.smsSendingIcon{
	background-image:url('http://ifrype.com/sms/img/sending.png');
}

.smsOkIcon{
	background-image:url('http://ifrype.com/sms/img/ok.png');
}

.sms #mailForm .sideMenu {
	margin-bottom: 16px;
}
#mailContainer #smsSelectAll {
	margin: 1px 3px 3px;
}
/* --- SMS --- */

.iframeContainer {
	padding-right: 20px;
}
.iframeContainer h1 {
	margin-top: 10px;
}
.iframeContainer #mailForm textarea{
	height:200px;
}


#zsvetki {
	height: 137px;
	width: 215px;
	background: url('http://ifrype.com/d/zsvetki/img/vestules.png') no-repeat;
	position: relative;
	color: #f1bbbb;
	font-size: 20px;
}
#zsvetki span {
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	margin-right: 10px;
}
#zsvetki .xMasskaits {
	position: absolute;
	left: 55px;
	top: 50px;
}
.langru #zsvetki .xMasskaits {
	left: 45px;
}
#zsvetki #xMascounter {
	position: absolute;
	left: 40px;
	top: 93px;
}
#zsvetki a {
	color: #f1bbbb;
}
/* Bootstrap 5.3 hardcodes light .table-success / .table-secondary
   without dark-theme overrides. Re-set the CSS vars under dark. */
[data-bs-theme="dark"] .table-success,
[data-bs-theme="dark"] tr.table-success,
[data-bs-theme="dark"] tr.table-success > * {
    --bs-table-color: #e9edef;
    --bs-table-bg: #0f3a30;
    --bs-table-border-color: #1f5749;
    --bs-table-striped-bg: #134237;
    --bs-table-striped-color: #e9edef;
    --bs-table-active-bg: #155145;
    --bs-table-active-color: #e9edef;
    --bs-table-hover-bg: #185c4e;
    --bs-table-hover-color: #e9edef;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

[data-bs-theme="dark"] .table-secondary,
[data-bs-theme="dark"] tr.table-secondary,
[data-bs-theme="dark"] tr.table-secondary > * {
    --bs-table-color: #e9edef;
    --bs-table-bg: #202c33;
    --bs-table-border-color: #2a373f;
    --bs-table-striped-bg: #243137;
    --bs-table-striped-color: #e9edef;
    --bs-table-active-bg: #28343b;
    --bs-table-active-color: #e9edef;
    --bs-table-hover-bg: #2c3941;
    --bs-table-hover-color: #e9edef;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/* Mobile mail-folder listing — fit the row inside a phone viewport.
   Selectors target `.ml_row` / `.ml_user` etc. directly because those
   classes are used only by maillist.php (verified — no other surface
   in the codebase uses them). Not prefixing with #mailTable because
   the actual mail-folder pages (mail.php / mail-sent.php / etc.) emit
   their `<table>` without that id — only the legacy mail-messaging.php
   has it. */
@media (max-width: 575.98px) {
    tr.ml_row td {
        padding: 6px 4px;
        vertical-align: middle;
    }
    /* Drop low-value columns; row tint already conveys "replied". */
    tr.ml_row td.ml_direction,
    tr.ml_row td.ml_replied {
        display: none;
    }
    /* "From → To": let it wrap, but stay narrow so the preview wins width.
       The td has Bootstrap's `.text-nowrap` (white-space:nowrap !important),
       so my override also needs !important to win. */
    tr.ml_row td.ml_user,
    tr.ml_row td.ml_user div {
        white-space: normal !important;
        word-break: break-word;
        max-width: 38vw;
    }
    tr.ml_row td.ml_subject {
        word-break: break-word;
    }
    tr.ml_row td.ml_time {
        width: auto;
        font-size: 10px;
        padding-left: 4px;
    }
    /* Trailing status-icons td (read receipt etc.). */
    tr.ml_row td:last-child {
        font-size: 11px;
        text-align: right;
        padding-right: 6px;
        white-space: nowrap;
    }
    tr.mi_row td.mic {
        padding: 6px 4px;
    }
    /* Drop the "me" side (set by maillist.php) + its sibling arrow. */
    tr.ml_row td.ml_user .ml_user-self,
    tr.ml_row td.ml_user .ml_user-arrow {
        display: none !important;
    }
    /* Expanded view: drop the recipient avatar (the trailing
       `.tweet-image` after `.tweet-content`). Earlier I used a
       3-element adjacent-sibling chain which didn't bite reliably —
       general-sibling (`~`) is more forgiving + `!important` shuts
       the door on any later override. */
    .stream-item-content .tweet-content ~ .tweet-image,
    .stream-item-content > a.tweet-image:nth-of-type(2),
    .stream-item-content > a.tweet-image:last-child {
        display: none !important;
    }
}