@charset "utf-8";

/*
 * CSP-safe presentation primitives for SquirrelMail application chrome.
 * Keep message-authored HTML styles out of this file; those are rendered in
 * the separately sandboxed message-content document.
 */

/* Default palette used before authentication; the session-aware stylesheet
 * overrides these values after login when another theme is selected. */
.sq-bg-0 { background-color: #dcdcdc; }
.sq-bg-1 { background-color: #800000; }
.sq-bg-2 { background-color: #cc0000; }
.sq-bg-3 { background-color: #a0b8c8; }
.sq-bg-4 { background-color: #ffffff; }
.sq-bg-5 { background-color: #ffffcc; }
.sq-bg-6 { background-color: #000000; }
.sq-bg-7 { background-color: #0000cc; }
.sq-bg-8 { background-color: #000000; }
.sq-bg-9 { background-color: #ababab; }
.sq-bg-10 { background-color: #666666; }
.sq-bg-11 { background-color: #770000; }
.sq-bg-12 { background-color: #ededed; }
.sq-bg-13 { background-color: #800000; }
.sq-bg-14 { background-color: #ff0000; }
.sq-bg-15 { background-color: #002266; }
.sq-bg-16 { background-color: #ff9933; }

.sq-text-left { text-align: left; }
.sq-text-center { text-align: center; }
.sq-text-right { text-align: right; }
.sq-valign-middle { vertical-align: middle; }
.sq-valign-top { vertical-align: top; }
.sq-nowrap { white-space: nowrap; }
.sq-bold { font-weight: bold; }
a:link,
a:visited,
a:hover,
a:active { text-decoration: none !important; }
.sq-link-plain { text-decoration: none; }
.sq-inline { display: inline; }
.sq-break-all { word-break: break-all; }

.sq-form-inline {
  display: inline;
  margin: 0;
}
.sq-form-compact { margin: 0; }
.error_header { font-weight: bold; }

.sq-centered-message {
  text-align: center;
}

.sq-option-label {
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}

.sq-rule-quarter {
  height: 1px;
  width: 25%;
}

.sq-rule-thin { height: 1px; }

.sq-calendar-message { margin-left: 10px; }
.sq-calendar-cell { vertical-align: top; }
.sq-calendar-event { text-decoration: none; }

.sq-addressbook-col-select {
  text-align: center;
  vertical-align: top;
  width: 5px;
}

.sq-addressbook-col-name {
  text-align: left;
  vertical-align: top;
  width: 120px;
}

.sq-addressbook-col-email {
  text-align: left;
  vertical-align: top;
  width: 320px;
  word-break: break-all;
}

.sq-addressbook-col-label {
  text-align: left;
  vertical-align: top;
  width: 40%;
}

.sq-addressbook-col-extra {
  text-align: left;
  vertical-align: top;
  width: 10%;
}

.sq-printer-page {
  margin-left: 5px;
  width: 790px;
}

.sq-printer-header {
  text-align: right;
  width: 100%;
}

.sq-signout-box {
  margin: 4px auto;
  padding: 4px 0;
  width: 308px;
}

.sq-hidden { display: none; }
.sq-login-title {
  background-color: #dcdcdc;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 3px;
  margin: 5px 0;
  padding: 3px;
  width: 308px;
}
.sq-login-label {
  display: inline-block;
  margin: 2px 0;
  padding: 2px 0;
  text-align: right;
  width: 100px;
}
.sq-message-frame {
  border: 0;
  display: block;
  min-height: 120px;
  width: 100%;
}
.sq-message-body-table,
.sq-message-body-cell {
  width: 100%;
}
.sq-compose-frame {
  border: 0;
  display: block;
  height: 100vh;
  width: 100%;
}

.sq-login-submit {
  display: inline-block;
  width: 308px;
  font-weight: bold;
  margin: 5px 0;
  padding: 2px;
}
body#compose_shell {
  margin: 0;
  overflow: hidden;
}
html:has(> body#compose_shell) {
  overflow: hidden;
}
body#compose form > table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
body#compose form > table td:first-child {
  width: 4.5rem;
}
body#compose form > table textarea,
body#compose form > table input[type="text"] {
  box-sizing: border-box;
  max-width: 100%;
}
.ent_body,
.header,
.entheader { display: inline; }
.entheader { width: 99%; }

body#compose textarea#send_to,
body#compose textarea#send_to_cc,
body#compose textarea#send_to_bcc,
body#compose textarea#subject {
  min-height: 1em;
  width: 600px;
}

.left_main_header1 {
  border: 0;
  border-bottom: 1px solid gray;
  margin-bottom: 3px;
  overflow: visible;
  padding: 4px 3px 6px;
}

.left_main_header1_item1,
.left_main_header1_item2,
.left_main_header1_item3 { line-height: 1.35; }
.left_main_header1_item2 + .left_main_header1_item3 { margin-top: 2px; }
.left_main_header1_item2_clock { font-size: 0.8em; }
.formatMailboxName { font-weight: bold; }
.left_main_purge { font-size: small; padding-left: 0.5em; }
.left_main_purge a { font-size: small; text-decoration: none; }
.left_main_unseen { font-size: small; padding-left: 2px; }
.left_main_folders {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.mailbox_display_items {
  border-collapse: separate;
  border-spacing: 0;
  display: table;
  width: 100%;
}

.mailbox_display_item {
  border: 0 solid;
  border-collapse: separate;
  border-spacing: 0;
  display: table-cell;
  max-width: 1px;
  overflow: hidden;
  padding: 1px;
  text-overflow: clip;
  vertical-align: middle;
  white-space: nowrap;
}
.mailbox_display_items { vertical-align: top; }

.sendername { min-width: 4em; width: 25%; }
.checkbox { min-width: 1.2em; width: 1%; }
.flag { min-width: 1em; width: 1%; }
.subject { min-width: 4em; }
.recivetime { min-width: 4em; text-align: right; width: 7%; }
.mailsize { min-width: 4em; text-align: right; width: 5%; }
span.siz { transform: scale(0.5, 1); }
.mailbox_display_header p,
.unseen { font-weight: bold; }
.this_folder_is_empty {
  display: inline-block;
  font-weight: bold;
  margin: 50px;
  padding: 0;
}
.mailbox_display_item label { display: block; height: 100%; width: 100%; }

.right_main_header1,
.right_main_header2,
.right_main_header3,
.right_main_header4 { overflow: auto; }
.right_main_header1l,
.right_main_header2l,
.right_main_header3l,
.right_main_header4l { float: left; }
.right_main_header1r,
.right_main_header2r,
.right_main_header3r,
.right_main_header4r { float: right; }
.right_main_header2l_item,
.right_main_header3l_item { float: left; margin: 1px 5px; }
.right_main_header4 { border: 1px solid; }
.right_main_header5l select,
.right_main_header5l input,
.right_main_header5r input { margin: 1px; }
.clear { clear: both; }
/* Unsafe-image preferences inherit centering from the legacy form wrapper. */
.unsafe-image-options .unsafe-image-options__description {
    text-align: left;
    vertical-align: top;
}

.sq-compose-save-status {
  color: #355f35;
  font-size: 60%;
  min-height: 1.4em;
  padding: 2px 8px;
  text-align: right;
}
.sq-compose-save-status__message,
.sq-compose-save-status__reauth { display: block; }
.sq-compose-save-status__reauth { color: #555; }
.sq-compose-save-status[data-sq-compose-status="error"] { color: #8b1a1a; }
.sq-compose-recovery {
  background: #fff8d8;
  border: 1px solid #d5b64c;
  margin: 6px auto;
  max-width: 58em;
  padding: 8px 10px;
  text-align: center;
}
.sq-compose-recovery button { margin-left: 8px; }