/**
 * 1 Roundcube 自定义样式配置文件 (LESS)
 * 所有自定义样式统一在此文件中管理
 */
/* 顶部标题栏样式 */
#layout-content > .header,
#layout-list > .header,
#layout > div > .header {
  background: #ffffff !important;
  box-shadow: 0px 3px 6px rgba(0, 97, 227, 0.1) !important;
}
html.dark-mode #layout-content > .header,
html.dark-mode #layout-list > .header,
html.dark-mode #layout > div > .header {
  background: #2a3133 !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3) !important;
}
/* 内容区域和框架内容盒子阴影 */
.content,
.frame-content {
  box-shadow: 0px 3px 6px rgba(0, 97, 227, 0.1) !important;
}
/* 邮件头部链接图标行高 */
#message-header .header-links a:before {
  line-height: 1.4rem !important;
}
/* 输入框后的附加文本背景色（全局） */
.input-group-text {
  background: #f8f9fd !important;
}
/* 发送按钮样式 */
.btn.btn-primary.send {
  background: #409eff !important;
  border-color: #409eff !important;
}
.btn.btn-primary.send:hover {
  background: #66b1ff !important;
  border-color: #66b1ff !important;
}
.btn.btn-primary.send:active,
.btn.btn-primary.send:focus {
  background: #3a8ee6 !important;
  border-color: #3a8ee6 !important;
}
/* 登录页面Logo大小调整 */
#logo {
  max-width: 280px !important;
  max-height: 80px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto 30px auto !important;
  display: block !important;
  object-fit: contain !important;
}
@media screen and (max-width: 768px) {
  #logo {
    max-width: 200px !important;
    max-height: 60px !important;
    margin: 0 auto 20px auto !important;
  }
}
#login-form {
  background-color: #ffffff !important;
  max-width: 350px;
  border-radius: 8px !important;
}
#login-form input[type="text"],
#login-form input[type="password"],
#login-form .form-control {
  font-size: 14px !important;
  height: 42px !important;
  padding: 8px 12px !important;
}
#login-form input::placeholder {
  font-size: 14px !important;
  color: #999 !important;
}
#login-form button[type="submit"],
#login-form .btn-primary {
  border-radius: 8px !important;
}
#layout-menu,
#rcmbtn109 {
  background: #ffffff !important;
}
#layout-menu .popover-header {
  background: #ffffff !important;
}
#layout-menu,
#layout-menu.popover {
  box-shadow: 4px 1px 6px #f2f7fe;
}
#layout-sidebar {
  background: none;
}
html.dark-mode #layout-menu,
html.dark-mode #rcmbtn109 {
  background: #2a3133 !important;
}
html.dark-mode #layout-menu .popover-header {
  background: #2a3133 !important;
}
html.dark-mode #layout-menu,
html.dark-mode #layout-menu.popover {
  box-shadow: 4px 1px 6px rgba(0, 0, 0, 0.3);
}
#taskmenu a {
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#taskmenu a:hover,
#taskmenu a.selected {
  background: #409eff !important;
}
/* 统一图标和文字颜色（排除设置页面和侧边栏） */
/* 只针对内容区域和列表区域，排除侧边栏菜单 */
body:not(.task-settings) #layout {
  /* 内容区域 */
  /* 列表区域 */
  /* 侧边栏区域（写邮件等） */
}
body:not(.task-settings) #layout #layout-content a:not([href*="settings"]):before,
body:not(.task-settings) #layout #layout-content a:not([href*="settings"]) .inner {
  color: #909399 !important;
  transition: color 0.3s ease !important;
}
body:not(.task-settings) #layout #layout-list {
  /* 排除 floating-action-buttons 内的元素 - 让它们使用自己的样式 */
}
body:not(.task-settings) #layout #layout-list a:not([href*="settings"]):before,
body:not(.task-settings) #layout #layout-list a:not([href*="settings"]) .inner {
  color: #909399 !important;
  transition: color 0.3s ease !important;
}
body:not(.task-settings) #layout #layout-list .floating-action-buttons a:before,
body:not(.task-settings) #layout #layout-list .floating-action-buttons a .inner,
body:not(.task-settings) #layout #layout-list .floating-action-buttons a span.inner {
  color: unset !important;
}
body:not(.task-settings) #layout #layout-sidebar a:before,
body:not(.task-settings) #layout #layout-sidebar a .inner {
  color: #909399 !important;
  transition: color 0.3s ease !important;
}
/* 联系人页面保存按钮特殊处理 - 只针对footer中的按钮 */
#layout.task-addressbook .footer a.submit:before,
#layout.task-addressbook .footer a.primary.submit.button:before {
  color: #000000 !important;
}
/* 左侧侧边栏按钮样式 - PC端 */
@media screen and (min-width: 769px) {
  #layout-menu,
  #taskmenu,
  .menu.popover {
    /* 未选择状态 - 深灰色文字和图标，确保可见 */
    /* 悬停时图标和文字变白色 */
    /* 选中状态图标和文字白色 */
  }
  #layout-menu a:not(.selected),
  #taskmenu a:not(.selected),
  .menu.popover a:not(.selected) {
    color: #909399 !important;
  }
  #layout-menu a:not(.selected):before,
  #taskmenu a:not(.selected):before,
  .menu.popover a:not(.selected):before {
    color: #909399 !important;
  }
  #layout-menu a:not(.selected) .inner,
  #taskmenu a:not(.selected) .inner,
  .menu.popover a:not(.selected) .inner,
  #layout-menu a:not(.selected) span.inner,
  #taskmenu a:not(.selected) span.inner,
  .menu.popover a:not(.selected) span.inner,
  #layout-menu a:not(.selected) span,
  #taskmenu a:not(.selected) span,
  .menu.popover a:not(.selected) span {
    color: #909399 !important;
  }
  #layout-menu a:hover:before,
  #taskmenu a:hover:before,
  .menu.popover a:hover:before,
  #layout-menu a:hover .inner,
  #taskmenu a:hover .inner,
  .menu.popover a:hover .inner {
    color: #ffffff !important;
  }
  #layout-menu a.selected,
  #taskmenu a.selected,
  .menu.popover a.selected {
    color: #ffffff !important;
  }
  #layout-menu a.selected:before,
  #taskmenu a.selected:before,
  .menu.popover a.selected:before {
    color: #ffffff !important;
  }
  #layout-menu a.selected .inner,
  #taskmenu a.selected .inner,
  .menu.popover a.selected .inner,
  #layout-menu a.selected span.inner,
  #taskmenu a.selected span.inner,
  .menu.popover a.selected span.inner,
  #layout-menu a.selected span,
  #taskmenu a.selected span,
  .menu.popover a.selected span {
    color: #ffffff !important;
  }
}
/* 文件夹列表选中效果 */
#folderlist-content #mailboxlist .selected a {
  background: #e8f3ff;
  box-shadow: 0px -1px 0px #ebeef5;
}
/* 左侧侧边栏菜单按钮悬停效果 */
#taskmenu.menu a:not(.disabled):focus,
#taskmenu.menu a:not(.disabled):hover {
  background: #409eff;
}
#taskmenu.menu a:not(.disabled):focus::before,
#taskmenu.menu a:not(.disabled):hover::before {
  color: #ffffff !important;
}
#taskmenu.menu a:not(.disabled):focus .inner,
#taskmenu.menu a:not(.disabled):hover .inner {
  color: #ffffff !important;
}
/* 邮件列表头部保持原色（移除hover变色效果） */
#layout-list #messagelist-header #toolbar-list-menu a .inner,
#layout-list #messagelist-header .refresh .inner {
  color: #909399 !important;
}
/* 
   jQuery UI 对话框（Dialog）样式自定义区域
   用于修改所有弹出对话框的外观
   包括：写邮件、联系人编辑、设置对话框等
*/
/* 1. 对话框遮罩层（背景遮罩） */
/* 2. 对话框整体容器 */
.ui-dialog {
  border-radius: 8px !important;
  animation: dialogFadeIn 0.3s ease-out !important;
}
@keyframes dialogFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/* 3. 对话框标题栏 */
.ui-dialog-titlebar {
  font-weight: normal !important;
  font-size: 14px !important;
  height: 38px !important;
  border-radius: 12px 12px 0 0 !important;
}
/* 4. 对话框标题文字 */
.ui-dialog-title {
  line-height: 38px !important;
  background: #f0f5ff !important;
  border-radius: 8px !important;
  padding: 0 15px !important;
}
/* 5. 对话框关闭按钮 */
.ui-dialog-titlebar-close {
  height: 38px !important;
  padding: 0 !important;
  margin: 0 10px !important;
  color: #909399 !important;
}
.ui-dialog-titlebar-close:before {
  font-family: "iconfont" !important;
  content: "\e735" !important;
  font-size: 16px !important;
}
.ui-dialog-titlebar-close:hover {
  color: #606266 !important;
  transition: all 0.3s ease;
}
/* 6. 对话框内容区域 */
.ui-dialog-content.popup {
  width: auto !important;
  min-width: 600px !important;
}
/* 7. 对话框按钮区域 */
.ui-dialog-buttonpane {
  border-radius: 0 0 8px 8px !important;
  border: 1px solid #e6e8ed !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .save,
.ui-dialog-buttonpane .ui-dialog-buttonset .mainaction,
.ui-dialog-buttonpane .ui-dialog-buttonset button.save,
.ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="submit"] {
  background: #409eff !important;
  order: 2 !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .save:before,
.ui-dialog-buttonpane .ui-dialog-buttonset .mainaction:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button.save:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="submit"]:before {
  content: none !important;
  display: none !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .save:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset .mainaction:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button.save:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="submit"]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .cancel,
.ui-dialog-buttonpane .ui-dialog-buttonset button.cancel,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="button"]:not(.save):not(.mainaction):not(.btn-primary) {
  background: #fff !important;
  color: #606266 !important;
  border: 1px solid #e6e8ed !important;
  order: 1 !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .cancel:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:before,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="button"]:not(.save):not(.mainaction):not(.btn-primary):before {
  content: none !important;
  display: none !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .cancel:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button.cancel:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary:focus-visible,
.ui-dialog-buttonpane .ui-dialog-buttonset button[type="button"]:not(.save):not(.mainaction):not(.btn-primary):focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.ui-dialog-buttonpane .ui-dialog-buttonset button:focus,
.ui-dialog-buttonpane .ui-dialog-buttonset button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}
/* 8. 对话框动画效果 */
/*
.ui-dialog {
    animation: dialogFadeIn 0.3s ease;
}

@keyframes dialogFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
*/
/* 9. 对话框内的表单元素样式 */
/*
.ui-dialog-content {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    textarea,
    select {
        border: 1px solid #dcdfe6 !important;
        border-radius: 4px !important;
        padding: 8px 12px !important;
        font-size: 14px !important;
        
        &:focus {
            border-color: #409eff !important;
            box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
        }
    }
}
*/
/* 10. 移动端适配 */
/*
@media screen and (max-width: 768px) {
    .ui-dialog {
        width: 95% !important;
        max-width: 95% !important;
        margin: 10px auto !important;
    }
    
    .ui-dialog-titlebar {
        height: 50px !important;
    }
    
    .ui-dialog-content {
        padding: 16px !important;
    }
}
*/
/* 
   Select 下拉框箭头（Element UI 风格）
   只修改箭头图标，保留原有样式
*/
/* 自定义下拉箭头 */
select,
.form-control.custom-select,
select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23909399' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  padding-right: 30px !important;
}
/* 禁用状态的箭头颜色 */
select:disabled,
.form-control.custom-select:disabled,
select.form-control:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23c0c4cc' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") !important;
}
/*
// 顶部导航栏样式
#layout-header {
    background-color: #2c3e50 !important;

    .header-title {
        color: #ffffff !important;
        font-size: 20px !important;
    }
}

// 左侧菜单样式
#layout-menu {
    background-color: #34495e !important;
}

#taskmenu a.selected {
    background-color: #3498db !important;
    color: #ffffff !important;
}

// 邮件列表样式
.listing tbody {
    tr {
        &:hover {
            background-color: #f8f9fa !important;
        }

        &.selected {
            background-color: #e3f2fd !important;
        }

        &.unread {
            font-weight: bold !important;
        }
    }
}

// 按钮样式
.button, button {
    background-color: #3498db !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
}

// 自定义滚动条（仅 Chrome/Edge）
::-webkit-scrollbar {
    width: 10px !important;

    &-thumb {
        background: #888 !important;
        border-radius: 5px !important;
    }
}
*/
/* 全局滚动条样式 - 添加圆角 */
html:not(.touch) ::-webkit-scrollbar-track {
  border-radius: 4px !important;
}
html:not(.touch) ::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
}
html:not(.touch) ::-webkit-scrollbar-thumb:hover {
  border-radius: 4px !important;
}
.scroller::-webkit-scrollbar-track,
.listbox::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track,
#layout-list::-webkit-scrollbar-track,
#layout-content::-webkit-scrollbar-track,
#messagelist-content::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.propform::-webkit-scrollbar-track,
.ui-dialog-content::-webkit-scrollbar-track,
.popover-body::-webkit-scrollbar-track,
.popupmenu::-webkit-scrollbar-track {
  border-radius: 4px !important;
}
.scroller::-webkit-scrollbar-thumb,
.listbox::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb,
#layout-list::-webkit-scrollbar-thumb,
#layout-content::-webkit-scrollbar-thumb,
#messagelist-content::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.propform::-webkit-scrollbar-thumb,
.ui-dialog-content::-webkit-scrollbar-thumb,
.popover-body::-webkit-scrollbar-thumb,
.popupmenu::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
}
.scroller::-webkit-scrollbar-thumb:hover,
.listbox::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover,
#layout-list::-webkit-scrollbar-thumb:hover,
#layout-content::-webkit-scrollbar-thumb:hover,
#messagelist-content::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
.propform::-webkit-scrollbar-thumb:hover,
.ui-dialog-content::-webkit-scrollbar-thumb:hover,
.popover-body::-webkit-scrollbar-thumb:hover,
.popupmenu::-webkit-scrollbar-thumb:hover {
  border-radius: 4px !important;
}
/* 
   将 switch 开关改为传统的勾选框形式
   适用于：主题、发件人、收件人等所有 checkbox
*/
.custom-switch {
  padding-left: 0 !important;
  min-height: 24px !important;
}
.custom-switch .custom-control-label {
  padding-left: 1.8rem !important;
  line-height: 1.5 !important;
  min-height: 24px !important;
  display: inline-block !important;
}
.custom-switch .custom-control-label:before {
  left: 0 !important;
  top: 0.15rem !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #dcdfe6 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  margin: 0 !important;
  transition: all 0.3s ease !important;
}
.custom-switch .custom-control-label:after {
  left: 6px !important;
  top: 0.35rem !important;
  width: 5px !important;
  height: 10px !important;
  background-color: transparent !important;
  background-image: none !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
  opacity: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  transition: opacity 0.2s ease !important;
}
.custom-switch .custom-control-input {
  width: 18px !important;
  height: 18px !important;
  position: absolute !important;
  left: 0 !important;
  z-index: -1 !important;
  opacity: 0 !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #409eff !important;
  background-color: #409eff !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  opacity: 1 !important;
}
.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(64, 158, 255, 0.25) !important;
}
.custom-switch .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: #f5f7fa !important;
  border-color: #e4e7ed !important;
}
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label:before {
  background-color: #c0c4cc !important;
  border-color: #c0c4cc !important;
}
.custom-switch .custom-control-label:hover:before {
  border-color: #409eff !important;
}
/* 搜索选项输入组前置元素样式 */
.searchoptions .input-group .input-group-prepend {
  width: 17% !important;
  background: #ffffff !important;
  border-color: transparent !important;
}
.searchoptions .input-group .input-group-prepend .input-group-text {
  background: #ffffff !important;
  border-color: transparent !important;
}
.searchoptions .input-group .input-group-prepend select {
  background: #ffffff !important;
  border-color: transparent !important;
}
.searchoptions .input-group .input-group-prepend button {
  background: #ffffff !important;
  border-color: transparent !important;
}
/* 搜索按钮 - 去除图标 */
.btn.btn-primary.icon.search {
  background: #409eff !important;
}
.btn.btn-primary.icon.search:before {
  content: none !important;
  display: none !important;
}
/* 写邮件页面 - 选项和附件区域按钮样式 */
#compose-attachments {
  /* 添加附件按钮 */
}
#compose-attachments .upload-form button.btn-secondary.attach,
#compose-attachments .upload-form button.btn.attach,
#compose-attachments .upload-form .btn.attach {
  background: #ffffff !important;
  border: 1px solid #409eff !important;
  color: #409eff !important;
  border-radius: 4px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
}
#compose-attachments .upload-form button.btn-secondary.attach:before,
#compose-attachments .upload-form button.btn.attach:before,
#compose-attachments .upload-form .btn.attach:before {
  color: #409eff !important;
}
#compose-attachments .upload-form button.btn-secondary.attach:hover,
#compose-attachments .upload-form button.btn.attach:hover,
#compose-attachments .upload-form .btn.attach:hover {
  background: #ecf5ff !important;
  border-color: #66b1ff !important;
  color: #66b1ff !important;
}
#compose-attachments .upload-form button.btn-secondary.attach:hover:before,
#compose-attachments .upload-form button.btn.attach:hover:before,
#compose-attachments .upload-form .btn.attach:hover:before {
  color: #66b1ff !important;
}
#compose-attachments .upload-form button.btn-secondary.attach:active,
#compose-attachments .upload-form button.btn.attach:active,
#compose-attachments .upload-form .btn.attach:active,
#compose-attachments .upload-form button.btn-secondary.attach:focus,
#compose-attachments .upload-form button.btn.attach:focus,
#compose-attachments .upload-form .btn.attach:focus {
  background: #d9ecff !important;
  border-color: #3a8ee6 !important;
  color: #3a8ee6 !important;
}
#compose-attachments .upload-form button.btn-secondary.attach:active:before,
#compose-attachments .upload-form button.btn.attach:active:before,
#compose-attachments .upload-form .btn.attach:active:before,
#compose-attachments .upload-form button.btn-secondary.attach:focus:before,
#compose-attachments .upload-form button.btn.attach:focus:before,
#compose-attachments .upload-form .btn.attach:focus:before {
  color: #3a8ee6 !important;
}
/* 通用 - 附加附件和vCard按钮 */
.btn-secondary.attach,
.btn.attach,
button.attach,
a.attach,
.listbutton.vcard,
.btn.vcard,
button.vcard,
a.vcard {
  background: #ffffff !important;
  border: 1px solid #409eff !important;
  color: #409eff !important;
  border-radius: 4px !important;
}
.btn-secondary.attach:before,
.btn.attach:before,
button.attach:before,
a.attach:before,
.listbutton.vcard:before,
.btn.vcard:before,
button.vcard:before,
a.vcard:before {
  color: #409eff !important;
}
.btn-secondary.attach:hover,
.btn.attach:hover,
button.attach:hover,
a.attach:hover,
.listbutton.vcard:hover,
.btn.vcard:hover,
button.vcard:hover,
a.vcard:hover {
  background: #ecf5ff !important;
  border-color: #66b1ff !important;
  color: #66b1ff !important;
}
.btn-secondary.attach:hover:before,
.btn.attach:hover:before,
button.attach:hover:before,
a.attach:hover:before,
.listbutton.vcard:hover:before,
.btn.vcard:hover:before,
button.vcard:hover:before,
a.vcard:hover:before {
  color: #66b1ff !important;
}
.btn-secondary.attach:active,
.btn.attach:active,
button.attach:active,
a.attach:active,
.listbutton.vcard:active,
.btn.vcard:active,
button.vcard:active,
a.vcard:active,
.btn-secondary.attach:focus,
.btn.attach:focus,
button.attach:focus,
a.attach:focus,
.listbutton.vcard:focus,
.btn.vcard:focus,
button.vcard:focus,
a.vcard:focus {
  background: #d9ecff !important;
  border-color: #3a8ee6 !important;
  color: #3a8ee6 !important;
}
.btn-secondary.attach:active:before,
.btn.attach:active:before,
button.attach:active:before,
a.attach:active:before,
.listbutton.vcard:active:before,
.btn.vcard:active:before,
button.vcard:active:before,
a.vcard:active:before,
.btn-secondary.attach:focus:before,
.btn.attach:focus:before,
button.attach:focus:before,
a.attach:focus:before,
.listbutton.vcard:focus:before,
.btn.vcard:focus:before,
button.vcard:focus:before,
a.vcard:focus:before {
  color: #3a8ee6 !important;
}
/* 写邮件工具栏的添加附件按钮 */
#messagetoolbar .attach {
  background: #ffffff !important;
  border: 1px solid #409eff !important;
  color: #409eff !important;
  border-radius: 4px !important;
}
#messagetoolbar .attach:before {
  color: #409eff !important;
}
#messagetoolbar .attach:hover {
  background: #ecf5ff !important;
  border-color: #66b1ff !important;
  color: #66b1ff !important;
}
#messagetoolbar .attach:hover:before {
  color: #66b1ff !important;
}
/* 写邮件页面 - 侧边栏选项和附件区域 */
#layout-sidebar.sidebar-right {
  background: #ffffff !important;
}
#layout-sidebar.sidebar-right .header {
  background: #ffffff !important;
}
#layout-sidebar.sidebar-right .header .header-title {
  font-weight: 500 !important;
  color: #303133 !important;
}
#layout-sidebar.sidebar-right .scroller {
  background: #ffffff !important;
}
/* 选项区域 */
#compose-options {
  padding: 15px !important;
}
#compose-options .form-group {
  margin-bottom: 15px !important;
}
#compose-options .form-group .col-form-label {
  color: #606266 !important;
  font-size: 14px !important;
  padding-top: 8px !important;
  text-align: left !important;
  padding-right: 12px !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  width: auto !important;
}
#compose-options .form-group .form-check {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 24px !important;
  padding-top: 8px !important;
  flex: 1 !important;
}
#compose-options .form-group .form-check-input,
#compose-options .form-group input[type="checkbox"] {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
#compose-options .form-group .custom-select {
  font-size: 14px !important;
  color: #606266 !important;
  border-color: #dcdfe6 !important;
}
#compose-options .form-group .custom-select:focus {
  border-color: #409eff !important;
  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2) !important;
}
#compose-options .form-group .col-6 {
  flex: 1 !important;
  max-width: none !important;
}
#compose-options .form-group.row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
}
/* 附件列表区域 */
#compose-attachments {
  padding: 15px !important;
  border-bottom: 1px solid #ebeef5 !important;
}
#compose-attachments .upload-form {
  margin-bottom: 10px !important;
}
#compose-attachments #attachment-list {
  margin-top: 10px !important;
}
#compose-attachments #attachment-list .attachmentslist li {
  padding: 8px 10px !important;
  border: 1px solid #ebeef5 !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
  background: #f8f9fd !important;
}
#compose-attachments #attachment-list .attachmentslist li:hover {
  background: #ecf5ff !important;
  border-color: #409eff !important;
}
.file-upload.droptarget:after {
  visibility: hidden !important;
}
/* TinyMCE 富文本编辑器整体容器 */
.tox.tox-tinymce {
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
/* 富文本编辑器工具栏 - 第一行 */
.tox .tox-toolbar,
.tox .tox-toolbar__primary {
  background: #ffffff !important;
  border-bottom: 1px solid #ebeef5 !important;
  padding: 4px 8px !important;
}
/* 富文本编辑器工具栏 - 第二行（溢出工具栏） */
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__overflow--open {
  background: #ffffff !important;
  border-top: 1px solid #ebeef5 !important;
  border-bottom: 1px solid #ebeef5 !important;
  padding: 4px 8px !important;
}
/* 工具栏容器 */
.tox .tox-toolbar-overlord,
.tox-editor-header {
  background: #ffffff !important;
}
/* 工具栏按钮组 */
.tox .tox-toolbar__group {
  border-right: 1px solid #ebeef5 !important;
  padding: 0 4px !important;
}
.tox .tox-toolbar__group:last-child {
  border-right: none !important;
}
/* 工具栏按钮 */
.tox .tox-tbtn {
  color: #606266 !important;
  border-radius: 4px !important;
  margin: 2px !important;
}
.tox .tox-tbtn svg {
  fill: #606266 !important;
}
.tox .tox-tbtn:hover {
  background: #ecf5ff !important;
  color: #409eff !important;
}
.tox .tox-tbtn:hover svg {
  fill: #409eff !important;
}
.tox .tox-tbtn.tox-tbtn--enabled,
.tox .tox-tbtn[aria-pressed="true"] {
  background: #ecf5ff !important;
  color: #409eff !important;
}
.tox .tox-tbtn.tox-tbtn--enabled svg,
.tox .tox-tbtn[aria-pressed="true"] svg {
  fill: #409eff !important;
}
/* 工具栏下拉按钮 */
.tox .tox-split-button {
  border-radius: 4px !important;
}
.tox .tox-split-button:hover {
  box-shadow: none !important;
}
/* 工具栏分隔符 */
.tox .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #ebeef5 !important;
}
/* 编辑器内容区域 */
.tox .tox-edit-area {
  border: none !important;
}
.tox .tox-edit-area__iframe {
  background: #ffffff !important;
}
/* 状态栏 */
.tox .tox-statusbar {
  background: #f8f9fd !important;
  border-top: 1px solid #ebeef5 !important;
  padding: 4px 8px !important;
}
.tox .tox-statusbar a {
  color: #606266 !important;
}
.tox .tox-statusbar a:hover {
  color: #409eff !important;
}
/* 菜单栏（如果启用） */
.tox .tox-menubar {
  background: #ffffff !important;
  border-bottom: 1px solid #ebeef5 !important;
}
/* 下拉菜单 */
.tox .tox-collection__item {
  color: #606266 !important;
}
.tox .tox-collection__item:hover {
  background: #ecf5ff !important;
  color: #409eff !important;
}
/* 编辑器容器外边距 */
#composebodycontainer .tox-tinymce {
  margin-top: 10px !important;
}
/* 联系人对话框底部分页导航中的选择按钮改为勾选框样式 */
#recipient-dialog .pagenav .buttons,
#recipient-dialog .pagenav .listing-buttons {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
#recipient-dialog .pagenav button.selection-toggle,
#recipient-dialog .pagenav a.selection-toggle,
#recipient-dialog .pagenav .btn.selection-toggle {
  position: relative !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 4px !important;
  border: 2px solid #dcdfe6 !important;
  background: #ffffff !important;
  padding: 0 !important;
}
#recipient-dialog .pagenav button.selection-toggle .inner,
#recipient-dialog .pagenav a.selection-toggle .inner,
#recipient-dialog .pagenav .btn.selection-toggle .inner {
  display: none !important;
}
#recipient-dialog .pagenav button.selection-toggle:before,
#recipient-dialog .pagenav a.selection-toggle:before,
#recipient-dialog .pagenav .btn.selection-toggle:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #dcdfe6 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  font-family: inherit !important;
}
#recipient-dialog .pagenav button.selection-toggle:after,
#recipient-dialog .pagenav a.selection-toggle:after,
#recipient-dialog .pagenav .btn.selection-toggle:after {
  content: "" !important;
  display: none !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: translate(-50%, -60%) rotate(45deg) !important;
}
#recipient-dialog .pagenav button.selection-toggle.selected:before,
#recipient-dialog .pagenav a.selection-toggle.selected:before,
#recipient-dialog .pagenav .btn.selection-toggle.selected:before,
#recipient-dialog .pagenav button.selection-toggle.active:before,
#recipient-dialog .pagenav a.selection-toggle.active:before,
#recipient-dialog .pagenav .btn.selection-toggle.active:before,
#recipient-dialog .pagenav button.selection-toggle[aria-pressed="true"]:before,
#recipient-dialog .pagenav a.selection-toggle[aria-pressed="true"]:before,
#recipient-dialog .pagenav .btn.selection-toggle[aria-pressed="true"]:before {
  background: #409eff !important;
  border-color: #409eff !important;
}
#recipient-dialog .pagenav button.selection-toggle.selected:after,
#recipient-dialog .pagenav a.selection-toggle.selected:after,
#recipient-dialog .pagenav .btn.selection-toggle.selected:after,
#recipient-dialog .pagenav button.selection-toggle.active:after,
#recipient-dialog .pagenav a.selection-toggle.active:after,
#recipient-dialog .pagenav .btn.selection-toggle.active:after,
#recipient-dialog .pagenav button.selection-toggle[aria-pressed="true"]:after,
#recipient-dialog .pagenav a.selection-toggle[aria-pressed="true"]:after,
#recipient-dialog .pagenav .btn.selection-toggle[aria-pressed="true"]:after {
  display: block !important;
}
#recipient-dialog .pagenav button.selection-toggle:hover:before,
#recipient-dialog .pagenav a.selection-toggle:hover:before,
#recipient-dialog .pagenav .btn.selection-toggle:hover:before {
  border-color: #409eff !important;
}
/* 对话框底部按钮区域 */
#recipient-dialog .footer,
.popupmenu .footer {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
/* 插入/确定按钮 - 移除图标，放在右侧 */
.mainaction.insert.recipient.btn.btn-primary,
#recipient-dialog .btn.btn-primary.insert,
.popupmenu .btn.btn-primary.insert,
button.mainaction.insert {
  background: #409eff !important;
  border-color: #409eff !important;
  order: 2 !important;
  margin-left: 10px !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  line-height: 1.5 !important;
}
.mainaction.insert.recipient.btn.btn-primary:before,
#recipient-dialog .btn.btn-primary.insert:before,
.popupmenu .btn.btn-primary.insert:before,
button.mainaction.insert:before {
  content: none !important;
  display: none !important;
}
@media screen and (min-width: 769px) {
  .mainaction.insert.recipient.btn.btn-primary:hover,
  #recipient-dialog .btn.btn-primary.insert:hover,
  .popupmenu .btn.btn-primary.insert:hover,
  button.mainaction.insert:hover {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
  }
}
@media screen and (max-width: 768px) {
  .mainaction.insert.recipient.btn.btn-primary:hover,
  #recipient-dialog .btn.btn-primary.insert:hover,
  .popupmenu .btn.btn-primary.insert:hover,
  button.mainaction.insert:hover {
    background: #ecf5ff !important;
    border: none !important;
  }
}
/* 取消按钮 - 放在左侧 */
#recipient-dialog .btn.cancel,
#recipient-dialog .btn-secondary,
.popupmenu .btn.cancel,
.popupmenu .btn-secondary,
button.cancel {
  order: 1 !important;
  background: #fff !important;
  color: #606266 !important;
  border: 1px solid #e6e8ed !important;
  min-height: 36px !important;
  padding: 8px 16px !important;
  line-height: 1.5 !important;
}
@media screen and (min-width: 769px) {
  #recipient-dialog .btn.cancel:hover,
  #recipient-dialog .btn-secondary:hover,
  .popupmenu .btn.cancel:hover,
  .popupmenu .btn-secondary:hover,
  button.cancel:hover {
    background: #f5f7fa !important;
  }
}
@media screen and (max-width: 768px) {
  #recipient-dialog .btn.cancel:hover,
  #recipient-dialog .btn-secondary:hover,
  .popupmenu .btn.cancel:hover,
  .popupmenu .btn-secondary:hover,
  button.cancel:hover {
    background: #ecf5ff !important;
  }
}
/* 通讯录链接悬停和选中颜色调整为浅蓝色 */
#addressbook a:hover,
#addressbook .listing a:hover,
#addressbook .contactlist a:hover,
#addressbook #contacts-table a:hover,
#directorylist a:hover {
  background: #ecf5ff !important;
  color: inherit !important;
}
#addressbook a:hover:before,
#addressbook .listing a:hover:before,
#addressbook .contactlist a:hover:before,
#addressbook #contacts-table a:hover:before,
#directorylist a:hover:before {
  color: inherit !important;
}
/* 通讯录选中状态（li 标签有 selected 类） - 使用更强的选择器 */
li.selected a,
li.addressbook.selected a,
ul.listing li.selected a,
ul.treelist li.selected a,
#directorylist li.selected a,
#addressbook li.selected > a,
#addressbook li.addressbook.selected > a,
.listing li.selected > a,
.treelist.listing li.selected a {
  background: #ecf5ff !important;
  background-color: #ecf5ff !important;
  color: #2c363a !important;
}
li.selected a:before,
li.addressbook.selected a:before,
ul.listing li.selected a:before,
ul.treelist li.selected a:before,
#directorylist li.selected a:before,
#addressbook li.selected > a:before,
#addressbook li.addressbook.selected > a:before,
.listing li.selected > a:before,
.treelist.listing li.selected a:before {
  color: #2c363a !important;
}
/* 通讯录左侧目录树选中状态 */
#directorylist.treelist li.selected > a {
  background: #ecf5ff !important;
  color: #2c363a !important;
}
#directorylist.treelist li.selected > a:before {
  color: #2c363a !important;
}
/* 通讯录详情页面导航标签页背景色和边框 */
.task-addressbook .action-show .nav.nav-tabs,
.task-addressbook.action-show .nav.nav-tabs,
.formcontainer .nav.nav-tabs {
  background: #f5f7fa !important;
  border: 1px solid #e7e9ee !important;
  border-radius: 4px !important;
}
/* 未选中的标签页样式 */
.task-addressbook .nav.nav-tabs .nav-item .nav-link,
.formcontainer .nav.nav-tabs .nav-item .nav-link,
.nav.nav-tabs .nav-link {
  background: transparent !important;
  border: none !important;
  border-top: 3px solid transparent !important;
  border-radius: 4px 4px 0 0 !important;
  color: #606266 !important;
  min-width: 100px !important;
  padding: 10px 20px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.task-addressbook .nav.nav-tabs .nav-item .nav-link:hover:not(.active),
.formcontainer .nav.nav-tabs .nav-item .nav-link:hover:not(.active),
.nav.nav-tabs .nav-link:hover:not(.active) {
  color: #409eff !important;
  background: #ecf5ff !important;
  transform: translateY(-2px) !important;
}
/* 选中的标签页样式 - 顶部蓝色边框 + 白色背景 */
.task-addressbook .nav.nav-tabs .nav-item .nav-link.active,
.formcontainer .nav.nav-tabs .nav-item .nav-link.active,
.nav.nav-tabs .nav-link.active {
  background: #ffffff !important;
  border: none !important;
  border-top: 3px solid #409eff !important;
  border-radius: 4px 4px 0 0 !important;
  color: #409eff !important;
  font-weight: 500 !important;
  min-width: 100px !important;
  padding: 10px 20px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1) !important;
}
/* 选中的标签页悬停时保持样式 */
.task-addressbook .nav.nav-tabs .nav-item .nav-link.active:hover,
.formcontainer .nav.nav-tabs .nav-item .nav-link.active:hover,
.nav.nav-tabs .nav-link.active:hover {
  background: #ffffff !important;
  border-top: 3px solid #409eff !important;
  color: #409eff !important;
  transform: translateY(0) !important;
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.15) !important;
}
/* 主题切换按钮和退出登录按钮背景色 */
#taskmenu a.theme.dark,
#taskmenu a.logout,
.taskmenu a.theme.dark,
.taskmenu a.logout {
  background: #ffffff !important;
}
#taskmenu a.theme.dark:hover,
#taskmenu a.logout:hover,
.taskmenu a.theme.dark:hover,
.taskmenu a.logout:hover,
#taskmenu a.theme.dark.selected,
#taskmenu a.logout.selected,
.taskmenu a.theme.dark.selected,
.taskmenu a.logout.selected {
  background: #409eff !important;
}
/* 通讯录头像 - 基础圆形样式 */
#contactpic {
  border-radius: 50% !important;
  overflow: hidden !important;
}
#contactpic img {
  border-radius: 50% !important;
  object-fit: cover !important;
}
/* 查看模式 - 强制正方形 */
.contact-header #contactpic,
#contact-frame .contact-header #contactpic {
  width: 135px !important;
  height: 135px !important;
  flex-shrink: 0 !important;
}
.contact-header #contactpic img,
#contact-frame .contact-header #contactpic img {
  width: 100% !important;
  height: 100% !important;
}
/* 编辑模式下的头像 - 保持原有尺寸但是圆形 */
.formcontent .contact-header #contactpic {
  width: auto !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
}
/* 移动端模式 - 缩小尺寸 */
@media screen and (max-width: 767px) {
  .contact-header #contactpic,
  #contact-frame .contact-header #contactpic {
    width: 100px !important;
    height: 100px !important;
  }
}
/* 邮件消息中的发件人头像 */
img.contactphoto {
  border-radius: 50% !important;
  object-fit: cover !important;
}
/* 联系人头像容器 */
.contact-photo .image-upload {
  border-radius: 50% !important;
  overflow: hidden !important;
  position: relative !important;
  /* 删除按钮样式 */
  /* 有头像时才显示删除按钮 */
  /* 鼠标悬停时显示删除按钮 */
}
.contact-photo .image-upload img {
  border-radius: 50% !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.contact-photo .image-upload a.button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 50% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 10 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}
.contact-photo .image-upload a.button:before {
  font-size: 18px !important;
  color: #f56c6c !important;
}
.contact-photo .image-upload a.button:hover {
  background-color: #fff !important;
}
.contact-photo .image-upload.changed a.button {
  visibility: visible !important;
}
.contact-photo .image-upload.changed:hover a.button {
  opacity: 1 !important;
}
.contact-photo img {
  border-radius: 50% !important;
  object-fit: cover !important;
}
/* 隐藏通讯录中编辑和保存按钮的图标 */
.task-addressbook {
  /* 调整编辑和保存按钮的尺寸 */
}
.task-addressbook .btn.save:before,
.task-addressbook .btn.submit:before {
  display: none !important;
}
.task-addressbook .btn.edit,
.task-addressbook .btn.save,
.task-addressbook .btn.submit {
  min-height: 36px !important;
  padding: 8px 20px !important;
  line-height: 1.5 !important;
  min-width: 80px !important;
}
/* 优化头像旁表单的布局 - 桌面端 */
.task-addressbook:not(.ui-dialog) .contact-header .contact-head {
  margin-left: 1rem !important;
  flex: 1 !important;
  min-width: 300px !important;
}
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .form-group,
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .row {
  margin-bottom: 0.5rem !important;
}
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-form-label {
  flex: 0 0 90px !important;
  max-width: 90px !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
  margin-bottom: 0 !important;
}
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-8,
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-9,
.task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-10 {
  flex: 1 !important;
  max-width: none !important;
  min-width: 250px !important;
}
.task-addressbook:not(.ui-dialog) .contact-header .contact-head input[type="text"],
.task-addressbook:not(.ui-dialog) .contact-header .contact-head input[type="email"] {
  min-width: 250px !important;
  padding: 0.375rem 0.75rem !important;
}
.task-addressbook:not(.ui-dialog) .contact-header .contact-head select {
  padding: 0.375rem 0.75rem !important;
}
/* 移动端适配 - 覆盖桌面端样式 */
@media screen and (max-width: 767px) {
  .task-addressbook:not(.ui-dialog) .contact-header {
    display: block !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-photo {
    margin-bottom: 1rem !important;
    text-align: center !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head {
    margin-left: 0 !important;
    min-width: auto !important;
    width: 100% !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .row.form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-form-label {
    flex: 0 0 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
    padding-right: 0.5rem !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-4 {
    flex: 0 0 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
    padding-right: 0.5rem !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-8,
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-9,
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head .col-sm-10 {
    flex: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head input[type="text"],
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head input[type="email"] {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .task-addressbook:not(.ui-dialog) .contact-header .contact-head select {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Element UI 风格的消息提示框 */
#messagestack {
  top: 20px !important;
  bottom: auto !important;
  right: 20px !important;
}
@media screen and (max-width: 768px) {
  #messagestack {
    top: auto !important;
    bottom: 20px !important;
    right: 20px !important;
    left: 20px !important;
  }
}
#messagestack div {
  background-color: #ffffff !important;
  color: #303133 !important;
  border: 1px solid #ebeef5 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
  padding: 15px 15px 15px 20px !important;
  margin-bottom: 10px !important;
  animation: messageSlideIn 0.3s ease-out !important;
  transition: all 0.3s ease !important;
}
@media screen and (max-width: 768px) {
  #messagestack div {
    animation: messageSlideUp 0.3s ease-out !important;
  }
}
#messagestack div:hover {
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15) !important;
}
#messagestack div > i.icon {
  font-size: 16px !important;
  margin-right: 10px !important;
}
#messagestack div span {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
#messagestack .alert-success {
  border-color: #e1f3d8 !important;
  background-color: #f0f9ff !important;
}
#messagestack .alert-success > i.icon:before {
  color: #67c23a !important;
}
#messagestack .alert-info.information {
  border-color: #d9ecff !important;
  background-color: #ecf5ff !important;
}
#messagestack .alert-info.information > i.icon:before {
  color: #409eff !important;
}
#messagestack .alert-warning {
  border-color: #faecd8 !important;
  background-color: #fdf6ec !important;
}
#messagestack .alert-warning > i.icon:before {
  color: #e6a23c !important;
}
#messagestack .alert-danger {
  border-color: #fde2e2 !important;
  background-color: #fef0f0 !important;
}
#messagestack .alert-danger > i.icon:before {
  color: #f56c6c !important;
}
#messagestack .loading {
  border-color: #d9ecff !important;
  background-color: #ecf5ff !important;
}
#messagestack .loading > i.icon:before {
  color: #409eff !important;
}
@keyframes messageSlideIn {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes messageSlideOut {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes messageSlideUp {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 写邮件页面 - 发件人、收件人、主题等标签右对齐 */
#compose-headers .form-group.row .col-2.col-form-label,
.compose-headers .form-group.row .col-2.col-form-label {
  flex: 0 0 8.333333% !important;
  max-width: 8.333333% !important;
  text-align: right !important;
  padding-right: 10px !important;
  padding-left: 5px !important;
}
#compose-headers .form-group.row .col-10,
.compose-headers .form-group.row .col-10 {
  flex: 0 0 91.666667% !important;
  max-width: 91.666667% !important;
}
#compose_subject.form-group.row .col-2.col-form-label {
  flex: 0 0 8.333333% !important;
  max-width: 8.333333% !important;
  text-align: right !important;
  padding-right: 10px !important;
  padding-left: 5px !important;
}
#compose_subject.form-group.row .col-10 {
  flex: 0 0 91.666667% !important;
  max-width: 91.666667% !important;
}
/* 顶部导航栏添加阴影效果 */
/* 设置页面 - 所有标签右对齐并缩小宽度（Table布局） --暂时不设置布局 */
html.dark-mode #layout-sidebar.sidebar-right {
  background: #2a3133 !important;
}
html.dark-mode #layout-sidebar.sidebar-right .header {
  background: #2a3133 !important;
}
html.dark-mode #layout-sidebar.sidebar-right .scroller {
  background: #2a3133 !important;
}
html.dark-mode .tox .tox-toolbar,
html.dark-mode .tox .tox-toolbar__primary,
html.dark-mode .tox .tox-toolbar__overflow,
html.dark-mode .tox .tox-toolbar__overflow--open,
html.dark-mode .tox .tox-toolbar-overlord,
html.dark-mode .tox-editor-header,
html.dark-mode .tox .tox-menubar {
  background: #2a3133 !important;
  border-color: #3e4345 !important;
}
html.dark-mode .tox .tox-edit-area__iframe {
  background: #21292c !important;
}
html.dark-mode .searchoptions .input-group .input-group-prepend {
  background: #2a3133 !important;
}
html.dark-mode .searchoptions .input-group .input-group-prepend .input-group-text,
html.dark-mode .searchoptions .input-group .input-group-prepend select,
html.dark-mode .searchoptions .input-group .input-group-prepend button {
  background: #2a3133 !important;
}
html.dark-mode .attachmentlist .btn.attach,
html.dark-mode button.vcard,
html.dark-mode a.vcard,
html.dark-mode #messagetoolbar .attach {
  background: #2a3133 !important;
  border-color: #409eff !important;
}
html.dark-mode .formcontainer .nav.nav-tabs .nav-item .nav-link.active,
html.dark-mode .nav.nav-tabs .nav-link.active {
  background: #2a3133 !important;
}
html.dark-mode .formcontainer .nav.nav-tabs .nav-item .nav-link.active:hover,
html.dark-mode .nav.nav-tabs .nav-link.active:hover {
  background: #2a3133 !important;
}
html.dark-mode .taskmenu a.theme.dark,
html.dark-mode .taskmenu a.logout {
  background: #2a3133 !important;
}
html.dark-mode #messagestack div {
  background-color: #2a3133 !important;
  color: #e4e7ed !important;
  border-color: #3e4345 !important;
}
html.dark-mode .contact-photo .custom-file-label {
  background: #2a3133 !important;
  border-color: #3e4345 !important;
}
html.dark-mode .contact-photo .custom-file-label::after {
  background: #2a3133 !important;
  border-color: #3e4345 !important;
}
html.dark-mode .contact-photo input.custom-file-input:focus ~ .custom-file-label {
  border-color: #409eff !important;
  background: #2a3133 !important;
}
/* 对话框按钮顺序调整 - 确定在左，取消在右 */
.popupdialog.modal .modal-footer,
.ui-dialog .ui-dialog-buttonpane,
.formbuttons,
.modal-footer {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
/* 丢弃/删除按钮样式优化 - 隐藏图标，改为普通确定按钮样式 */
button.btn.discard {
  background-color: #409eff !important;
  border-color: #409eff !important;
  color: #ffffff !important;
}
button.btn.discard::before {
  display: none !important;
  content: none !important;
}
button.btn.discard:hover {
  background-color: #66b1ff !important;
  border-color: #66b1ff !important;
}
button.btn.discard:active,
button.btn.discard:focus {
  background-color: #3a8ee6 !important;
  border-color: #3a8ee6 !important;
}
html.dark-mode button.btn.discard {
  background-color: #409eff !important;
  border-color: #409eff !important;
}
html.dark-mode button.btn.discard:hover {
  background-color: #66b1ff !important;
  border-color: #66b1ff !important;
}
html.dark-mode button.btn.discard:active,
html.dark-mode button.btn.discard:focus {
  background-color: #3a8ee6 !important;
  border-color: #3a8ee6 !important;
}
@media screen and (max-width: 768px) {
  /* 移动端对话框按钮顺序：取消在左，确认在右 */
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex !important;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.save,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.primary,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[type="submit"],
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.save,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.mainaction,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.primary {
    order: 2 !important;
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[type="button"]:not(.save):not(.mainaction),
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.cancel,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .button.btn-secondary {
    order: 1 !important;
  }
  #recipient-dialog.popupmenu,
  #recipient-dialog {
    width: 95vw !important;
    max-width: 95vw !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .ui-dialog:has(#recipient-dialog),
  div[aria-describedby="recipient-dialog"] {
    width: 95vw !important;
    max-width: 95vw !important;
    height: 80vh !important;
    max-height: 80vh !important;
    overflow: visible !important;
    min-width: 0 !important;
    min-height: 0 !important;
    left: 2.5vw !important;
    right: 2.5vw !important;
    top: 10vh !important;
  }
  #recipient-dialog .popup.ui-dialog-content,
  #recipient-dialog .popup,
  #recipient-dialog div.popup {
    overflow: visible !important;
    min-width: 0 !important;
    width: auto ;
  }
  #recipient-dialog *,
  #recipient-dialog .popup,
  #recipient-dialog .ui-dialog-content,
  #recipient-dialog .ui-widget-content,
  .ui-dialog .ui-dialog-content,
  .ui-widget-content.popup {
    min-width: 0 !important;
    width: 100%;
  }
   .listing.iconized tr td:before{
        margin-right: 0 !important;
        transform: translate(3px, -1px) !important;
        font-size: 1.1rem !important;
    }

  .ui-dialog:has(#recipient-dialog) {
    min-width: 0 !important;
    width: auto !important;
  }
  #recipient-dialog .ui-dialog-titlebar,
  #recipient-dialog .popover-header,
  #recipient-dialog div.ui-dialog-titlebar {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  #recipient-dialog .popover-footer,
  #recipient-dialog .footer,
  #recipient-dialog div.footer {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  #recipient-dialog .searchbar,
  #recipient-dialog div[role="search"],
  #recipient-dialog .searchbar.menu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  #recipient-dialog .searchbar form,
  #recipient-dialog div[role="search"] form,
  #recipient-dialog .searchbar.menu form,
  #recipient-dialog .searchbar form[name="rcmqsearchform"],
  #recipient-dialog div[role="search"] form[name="rcmqsearchform"],
  #recipient-dialog .searchbar.menu form[name="rcmqsearchform"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #recipient-dialog .searchbar input,
  #recipient-dialog div[role="search"] input,
  #recipient-dialog .searchbar.menu input,
  #recipient-dialog .searchbar input#searchform,
  #recipient-dialog div[role="search"] input#searchform,
  #recipient-dialog .searchbar.menu input#searchform,
  #recipient-dialog .searchbar input[type="text"],
  #recipient-dialog div[role="search"] input[type="text"],
  #recipient-dialog .searchbar.menu input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
  }
  #recipient-dialog #directorylist,
  #recipient-dialog .treelist {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #recipient-dialog .listbox,
  #recipient-dialog div.listbox {
    width: 100% !important;
    max-width: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #recipient-dialog .popover-header,
  #recipient-dialog .ui-dialog-titlebar {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
    font-size: 16px !important;
    padding: 12px 16px !important;
    background: #f7f8fa !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  #recipient-dialog .listbox tr,
  #recipient-dialog #contacts-table tr,
  #recipient-dialog #directorylist li,
  #recipient-dialog .treelist li {
    line-height: 1.2 !important;
  }
  #recipient-dialog .listbox tr td,
  #recipient-dialog #contacts-table tr td,
  #recipient-dialog #directorylist li td,
  #recipient-dialog .treelist li td,
  #recipient-dialog .listbox tr a,
  #recipient-dialog #contacts-table tr a,
  #recipient-dialog #directorylist li a,
  #recipient-dialog .treelist li a {
    padding: 6px 12px !important;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
    font-size: 14px !important;
    color: #303133 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    line-height: 1.2 !important;
    min-height: auto !important;
    height: auto !important;
  }
  #recipient-dialog .listbox tr.selected,
  #recipient-dialog #contacts-table tr.selected,
  #recipient-dialog #directorylist li.selected,
  #recipient-dialog .treelist li.selected,
  #recipient-dialog .listbox tr:active,
  #recipient-dialog #contacts-table tr:active,
  #recipient-dialog #directorylist li:active,
  #recipient-dialog .treelist li:active {
    background: #f5f7fa !important;
  }
  #recipient-dialog #directorylist li,
  #recipient-dialog .treelist li {
    padding: 0 !important;
    margin: 0 !important;
  }
  #recipient-dialog #directorylist li a,
  #recipient-dialog .treelist li a {
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    min-height: auto !important;
  }
  .ui-autocomplete {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  #recipient-dialog .ui-autocomplete,
  div[aria-describedby="recipient-dialog"] .ui-autocomplete,
  .ui-widget.ui-autocomplete {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }
  .recipient-input li.recipient,
  .recipient-input body li.recipient {
    width: auto !important;
    max-width: none !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) {
    width: 80vw !important;
    max-width: 320px !important;
    border-radius: 8px !important;
    height: auto !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow: hidden;
    margin: 0 !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-content {
    padding: 20px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    text-align: center !important;
    color: #333333 !important;
    overflow: visible !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-titlebar {
    display: none !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane {
    padding: 15px 20px !important;
    border: none !important;
    border-top: 1px solid #e8e8e8 !important;
    background: #ffffff !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane .ui-dialog-buttonset button {
    min-width: 120px !important;
    height: 40px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    border: none !important;
    background: #ffffff !important;
    color: #409eff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 40px !important;
    vertical-align: middle !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane .ui-dialog-buttonset button:focus,
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-buttonpane .ui-dialog-buttonset button:active {
    color: #409eff !important;
    opacity: 0.8 !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    padding: 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #e8e8e8 !important;
    margin: 0 !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset {
    display: flex !important;
    gap: 10px !important;
    float: none !important;
    text-align: center !important;
    width: 100% !important;
    padding-top: 6px;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button {
    flex: 1 !important;
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 0 !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: 44px !important;
    line-height: 44px !important;
    box-shadow: none !important;
    margin: 0 !important;
    text-shadow: none !important;
    float: none !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-primary {
    background: transparent !important;
    color: #409eff !important;
    background-image: none !important;
    order: 2 !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-primary:hover,
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-primary:focus,
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-primary:active {
    background: #ecf5ff !important;
    background-image: none !important;
    color: #409eff !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-secondary {
    background: transparent !important;
    color: #409eff !important;
    background-image: none !important;
    order: 1 !important;
  }
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-secondary:hover,
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-secondary:focus,
  div.ui-dialog:has(#recipient-dialog) div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix div.ui-dialog-buttonset button.btn-secondary:active {
    background: #ecf5ff !important;
    background-image: none !important;
    color: #409eff !important;
  }
}
@media screen and (max-width: 768px) and screen and (max-width: 768px) {
  .task-mail.action-compose .ui-dialog-buttonpane,
  .task-mail.action-compose .ui-dialog-buttonset {
    padding: 10px !important;
    background: #ffffff !important;
    border-top: 1px solid #e8e8e8 !important;
    display: flex !important;
    gap: 10px !important;
  }
  .task-mail.action-compose .ui-dialog-buttonpane button,
  .task-mail.action-compose .ui-dialog-buttonset button {
    flex: 1 !important;
    height: 44px !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    background: transparent !important;
    color: #409eff !important;
    border: none !important;
  }
  .task-mail.action-compose .ui-dialog-buttonpane button.cancel,
  .task-mail.action-compose .ui-dialog-buttonset button.cancel,
  .task-mail.action-compose .ui-dialog-buttonpane button.btn-secondary,
  .task-mail.action-compose .ui-dialog-buttonset button.btn-secondary,
  .task-mail.action-compose .ui-dialog-buttonpane button[type="button"],
  .task-mail.action-compose .ui-dialog-buttonset button[type="button"] {
    order: 1 !important;
    color: #409eff !important;
  }
  .task-mail.action-compose .ui-dialog-buttonpane button.save,
  .task-mail.action-compose .ui-dialog-buttonset button.save,
  .task-mail.action-compose .ui-dialog-buttonpane button.mainaction,
  .task-mail.action-compose .ui-dialog-buttonset button.mainaction,
  .task-mail.action-compose .ui-dialog-buttonpane button.btn-primary,
  .task-mail.action-compose .ui-dialog-buttonset button.btn-primary {
    order: 2 !important;
    color: #409eff !important;
  }
}
/* 移动端样式调整 */
@media screen and (max-width: 768px) {
  body,
  #layout,
  #layout-content,
  #layout-list,
  .task-mail,
  * {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif !important;
  }
  #layout-list,
  .listbox,
  #messagelist-content,
  .scroller,
  .content.scroller {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #layout-list::-webkit-scrollbar,
  .listbox::-webkit-scrollbar,
  #messagelist-content::-webkit-scrollbar,
  .scroller::-webkit-scrollbar,
  .content.scroller::-webkit-scrollbar {
    width: 0px !important;
    background: transparent !important;
  }
  #layout-list:hover::-webkit-scrollbar,
  .listbox:hover::-webkit-scrollbar,
  #messagelist-content:hover::-webkit-scrollbar,
  .scroller:hover::-webkit-scrollbar,
  .content.scroller:hover::-webkit-scrollbar {
    width: 6px !important;
  }
  #layout-list:hover::-webkit-scrollbar-track,
  .listbox:hover::-webkit-scrollbar-track,
  #messagelist-content:hover::-webkit-scrollbar-track,
  .scroller:hover::-webkit-scrollbar-track,
  .content.scroller:hover::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05) !important;
    border-radius: 3px !important;
  }
  #layout-list:hover::-webkit-scrollbar-thumb,
  .listbox:hover::-webkit-scrollbar-thumb,
  #messagelist-content:hover::-webkit-scrollbar-thumb,
  .scroller:hover::-webkit-scrollbar-thumb,
  .content.scroller:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 3px !important;
  }
  #layout-list:hover::-webkit-scrollbar-thumb:hover,
  .listbox:hover::-webkit-scrollbar-thumb:hover,
  #messagelist-content:hover::-webkit-scrollbar-thumb:hover,
  .scroller:hover::-webkit-scrollbar-thumb:hover,
  .content.scroller:hover::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5) !important;
  }
  #layout-list > .header,
  #layout-content > .header {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  }
  #layout-list > .header .header-title,
  #layout-content > .header .header-title {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: normal !important;
  }
  #layout-list > .header *,
  #layout-content > .header * {
    font-weight: normal !important;
  }
  #layout-list > .header a.button:before,
  #messagelist-header a.button:before,
  #layout-list > .header a.icon:before,
  #messagelist-header a.icon:before,
  #layout-list > .header .toolbar a:before,
  #messagelist-header .toolbar a:before,
  #layout-list > .header .menu-button:before,
  #messagelist-header .menu-button:before,
  #layout-list > .header .listbutton:before,
  #messagelist-header .listbutton:before {
    color: #333333 !important;
    font-size: 21px !important;
  }
  #layout-list > .header a.button .inner,
  #messagelist-header a.button .inner,
  #layout-list > .header a.icon .inner,
  #messagelist-header a.icon .inner,
  #layout-list > .header .toolbar a .inner,
  #messagelist-header .toolbar a .inner,
  #layout-list > .header .menu-button .inner,
  #messagelist-header .menu-button .inner,
  #layout-list > .header .listbutton .inner,
  #messagelist-header .listbutton .inner {
    color: #333333 !important;
    font-size: 14px !important;
  }
  #layout-list > .header .menu-button:before,
  #messagelist-header .menu-button:before,
  #layout-list > .header a.menu-button:before,
  #messagelist-header a.menu-button:before {
    font-family: "iconfont" !important;
    content: "\e738" !important;
    color: #333333 !important;
    font-size: 21px !important;
  }
  #layout-list > .header .header-title + a:before,
  #messagelist-header .header-title + a:before,
  #layout-list > .header .header-title + button:before,
  #messagelist-header .header-title + button:before,
  #layout-list > .header > a:nth-child(2):before,
  #messagelist-header > a:nth-child(2):before,
  #layout-list > .header > button:nth-child(2):before,
  #messagelist-header > button:nth-child(2):before {
    font-family: "iconfont" !important;
    content: "\e646" !important;
    color: #333333 !important;
    font-size: 21px !important;
    position: relative !important;
    top: 0px !important;
  }
  #layout-content > .header .menu-button:before,
  .header.message-header .menu-button:before,
  #layout-content > .header a.button.back:before,
  .header.message-header a.button.back:before,
  #layout-content > .header a.button.icon.back:before,
  .header.message-header a.button.icon.back:before,
  #layout-content > .header a.back-list-button:before,
  .header.message-header a.back-list-button:before,
  #layout-content > .header > a:first-child:before,
  .header.message-header > a:first-child:before,
  #layout-content > .header > button:first-child:before,
  .header.message-header > button:first-child:before {
    font-family: "iconfont" !important;
    content: "\e605" !important;
    color: #333333 !important;
    font-size: 18px !important;
  }
  .task-addressbook #layout-content > .header a.back-list-button:before,
  .task-addressbook #layout-content > .header a.button.icon.back-list-button:before,
  .task-addressbook #layout-content > .header > a:first-child:before {
    content: "\e605" !important;
  }
  html.layout-phone .task-settings #layout-sidebar .listing li,
  html.layout-small .task-settings #layout-sidebar .listing li,
  .task-settings #layout-sidebar .listing li,
  html.layout-phone .task-settings #layout-list .listing li,
  html.layout-small .task-settings #layout-list .listing li,
  .task-settings #layout-list .listing li,
  html.layout-phone .task-settings #layout-sidebar .listbox li,
  html.layout-small .task-settings #layout-sidebar .listbox li,
  .task-settings #layout-sidebar .listbox li,
  html.layout-phone .task-settings #layout-list .listbox li,
  html.layout-small .task-settings #layout-list .listbox li,
  .task-settings #layout-list .listbox li,
  html.layout-phone .task-settings #layout-sidebar #preferences-list li,
  html.layout-small .task-settings #layout-sidebar #preferences-list li,
  .task-settings #layout-sidebar #preferences-list li,
  html.layout-phone .task-settings #layout-list #preferences-list li,
  html.layout-small .task-settings #layout-list #preferences-list li,
  .task-settings #layout-list #preferences-list li,
  html.layout-phone .task-settings #layout-sidebar #settings-sections li,
  html.layout-small .task-settings #layout-sidebar #settings-sections li,
  .task-settings #layout-sidebar #settings-sections li,
  html.layout-phone .task-settings #layout-list #settings-sections li,
  html.layout-small .task-settings #layout-list #settings-sections li,
  .task-settings #layout-list #settings-sections li,
  html.layout-phone .task-settings #layout-sidebar .treelist li,
  html.layout-small .task-settings #layout-sidebar .treelist li,
  .task-settings #layout-sidebar .treelist li,
  html.layout-phone .task-settings #layout-list .treelist li,
  html.layout-small .task-settings #layout-list .treelist li,
  .task-settings #layout-list .treelist li,
  html.layout-phone .task-settings #layout-sidebar .listing a,
  html.layout-small .task-settings #layout-sidebar .listing a,
  .task-settings #layout-sidebar .listing a,
  html.layout-phone .task-settings #layout-list .listing a,
  html.layout-small .task-settings #layout-list .listing a,
  .task-settings #layout-list .listing a,
  html.layout-phone .task-settings #layout-sidebar .listbox a,
  html.layout-small .task-settings #layout-sidebar .listbox a,
  .task-settings #layout-sidebar .listbox a,
  html.layout-phone .task-settings #layout-list .listbox a,
  html.layout-small .task-settings #layout-list .listbox a,
  .task-settings #layout-list .listbox a,
  html.layout-phone .task-settings #layout-sidebar #preferences-list a,
  html.layout-small .task-settings #layout-sidebar #preferences-list a,
  .task-settings #layout-sidebar #preferences-list a,
  html.layout-phone .task-settings #layout-list #preferences-list a,
  html.layout-small .task-settings #layout-list #preferences-list a,
  .task-settings #layout-list #preferences-list a,
  html.layout-phone .task-settings #layout-sidebar #settings-sections a,
  html.layout-small .task-settings #layout-sidebar #settings-sections a,
  .task-settings #layout-sidebar #settings-sections a,
  html.layout-phone .task-settings #layout-list #settings-sections a,
  html.layout-small .task-settings #layout-list #settings-sections a,
  .task-settings #layout-list #settings-sections a,
  html.layout-phone .task-settings #layout-sidebar .treelist a,
  html.layout-small .task-settings #layout-sidebar .treelist a,
  .task-settings #layout-sidebar .treelist a,
  html.layout-phone .task-settings #layout-list .treelist a,
  html.layout-small .task-settings #layout-list .treelist a,
  .task-settings #layout-list .treelist a,
  html.layout-phone .task-settings #layout-sidebar .listing span,
  html.layout-small .task-settings #layout-sidebar .listing span,
  .task-settings #layout-sidebar .listing span,
  html.layout-phone .task-settings #layout-list .listing span,
  html.layout-small .task-settings #layout-list .listing span,
  .task-settings #layout-list .listing span,
  html.layout-phone .task-settings #layout-sidebar .listbox span,
  html.layout-small .task-settings #layout-sidebar .listbox span,
  .task-settings #layout-sidebar .listbox span,
  html.layout-phone .task-settings #layout-list .listbox span,
  html.layout-small .task-settings #layout-list .listbox span,
  .task-settings #layout-list .listbox span,
  html.layout-phone .task-settings #layout-sidebar #preferences-list span,
  html.layout-small .task-settings #layout-sidebar #preferences-list span,
  .task-settings #layout-sidebar #preferences-list span,
  html.layout-phone .task-settings #layout-list #preferences-list span,
  html.layout-small .task-settings #layout-list #preferences-list span,
  .task-settings #layout-list #preferences-list span,
  html.layout-phone .task-settings #layout-sidebar #settings-sections span,
  html.layout-small .task-settings #layout-sidebar #settings-sections span,
  .task-settings #layout-sidebar #settings-sections span,
  html.layout-phone .task-settings #layout-list #settings-sections span,
  html.layout-small .task-settings #layout-list #settings-sections span,
  .task-settings #layout-list #settings-sections span,
  html.layout-phone .task-settings #layout-sidebar .treelist span,
  html.layout-small .task-settings #layout-sidebar .treelist span,
  .task-settings #layout-sidebar .treelist span,
  html.layout-phone .task-settings #layout-list .treelist span,
  html.layout-small .task-settings #layout-list .treelist span,
  .task-settings #layout-list .treelist span {
    color: #000000 !important;
  }
  html.layout-phone .task-settings #layout-sidebar .listing li:before,
  html.layout-small .task-settings #layout-sidebar .listing li:before,
  .task-settings #layout-sidebar .listing li:before,
  html.layout-phone .task-settings #layout-list .listing li:before,
  html.layout-small .task-settings #layout-list .listing li:before,
  .task-settings #layout-list .listing li:before,
  html.layout-phone .task-settings #layout-sidebar .listbox li:before,
  html.layout-small .task-settings #layout-sidebar .listbox li:before,
  .task-settings #layout-sidebar .listbox li:before,
  html.layout-phone .task-settings #layout-list .listbox li:before,
  html.layout-small .task-settings #layout-list .listbox li:before,
  .task-settings #layout-list .listbox li:before,
  html.layout-phone .task-settings #layout-sidebar #preferences-list li:before,
  html.layout-small .task-settings #layout-sidebar #preferences-list li:before,
  .task-settings #layout-sidebar #preferences-list li:before,
  html.layout-phone .task-settings #layout-list #preferences-list li:before,
  html.layout-small .task-settings #layout-list #preferences-list li:before,
  .task-settings #layout-list #preferences-list li:before,
  html.layout-phone .task-settings #layout-sidebar #settings-sections li:before,
  html.layout-small .task-settings #layout-sidebar #settings-sections li:before,
  .task-settings #layout-sidebar #settings-sections li:before,
  html.layout-phone .task-settings #layout-list #settings-sections li:before,
  html.layout-small .task-settings #layout-list #settings-sections li:before,
  .task-settings #layout-list #settings-sections li:before,
  html.layout-phone .task-settings #layout-sidebar .treelist li:before,
  html.layout-small .task-settings #layout-sidebar .treelist li:before,
  .task-settings #layout-sidebar .treelist li:before,
  html.layout-phone .task-settings #layout-list .treelist li:before,
  html.layout-small .task-settings #layout-list .treelist li:before,
  .task-settings #layout-list .treelist li:before,
  html.layout-phone .task-settings #layout-sidebar .listing a:before,
  html.layout-small .task-settings #layout-sidebar .listing a:before,
  .task-settings #layout-sidebar .listing a:before,
  html.layout-phone .task-settings #layout-list .listing a:before,
  html.layout-small .task-settings #layout-list .listing a:before,
  .task-settings #layout-list .listing a:before,
  html.layout-phone .task-settings #layout-sidebar .listbox a:before,
  html.layout-small .task-settings #layout-sidebar .listbox a:before,
  .task-settings #layout-sidebar .listbox a:before,
  html.layout-phone .task-settings #layout-list .listbox a:before,
  html.layout-small .task-settings #layout-list .listbox a:before,
  .task-settings #layout-list .listbox a:before,
  html.layout-phone .task-settings #layout-sidebar #preferences-list a:before,
  html.layout-small .task-settings #layout-sidebar #preferences-list a:before,
  .task-settings #layout-sidebar #preferences-list a:before,
  html.layout-phone .task-settings #layout-list #preferences-list a:before,
  html.layout-small .task-settings #layout-list #preferences-list a:before,
  .task-settings #layout-list #preferences-list a:before,
  html.layout-phone .task-settings #layout-sidebar #settings-sections a:before,
  html.layout-small .task-settings #layout-sidebar #settings-sections a:before,
  .task-settings #layout-sidebar #settings-sections a:before,
  html.layout-phone .task-settings #layout-list #settings-sections a:before,
  html.layout-small .task-settings #layout-list #settings-sections a:before,
  .task-settings #layout-list #settings-sections a:before,
  html.layout-phone .task-settings #layout-sidebar .treelist a:before,
  html.layout-small .task-settings #layout-sidebar .treelist a:before,
  .task-settings #layout-sidebar .treelist a:before,
  html.layout-phone .task-settings #layout-list .treelist a:before,
  html.layout-small .task-settings #layout-list .treelist a:before,
  .task-settings #layout-list .treelist a:before,
  html.layout-phone .task-settings #layout-sidebar .listing .icon:before,
  html.layout-small .task-settings #layout-sidebar .listing .icon:before,
  .task-settings #layout-sidebar .listing .icon:before,
  html.layout-phone .task-settings #layout-list .listing .icon:before,
  html.layout-small .task-settings #layout-list .listing .icon:before,
  .task-settings #layout-list .listing .icon:before,
  html.layout-phone .task-settings #layout-sidebar .listbox .icon:before,
  html.layout-small .task-settings #layout-sidebar .listbox .icon:before,
  .task-settings #layout-sidebar .listbox .icon:before,
  html.layout-phone .task-settings #layout-list .listbox .icon:before,
  html.layout-small .task-settings #layout-list .listbox .icon:before,
  .task-settings #layout-list .listbox .icon:before,
  html.layout-phone .task-settings #layout-sidebar #preferences-list .icon:before,
  html.layout-small .task-settings #layout-sidebar #preferences-list .icon:before,
  .task-settings #layout-sidebar #preferences-list .icon:before,
  html.layout-phone .task-settings #layout-list #preferences-list .icon:before,
  html.layout-small .task-settings #layout-list #preferences-list .icon:before,
  .task-settings #layout-list #preferences-list .icon:before,
  html.layout-phone .task-settings #layout-sidebar #settings-sections .icon:before,
  html.layout-small .task-settings #layout-sidebar #settings-sections .icon:before,
  .task-settings #layout-sidebar #settings-sections .icon:before,
  html.layout-phone .task-settings #layout-list #settings-sections .icon:before,
  html.layout-small .task-settings #layout-list #settings-sections .icon:before,
  .task-settings #layout-list #settings-sections .icon:before,
  html.layout-phone .task-settings #layout-sidebar .treelist .icon:before,
  html.layout-small .task-settings #layout-sidebar .treelist .icon:before,
  .task-settings #layout-sidebar .treelist .icon:before,
  html.layout-phone .task-settings #layout-list .treelist .icon:before,
  html.layout-small .task-settings #layout-list .treelist .icon:before,
  .task-settings #layout-list .treelist .icon:before {
    color: #000000 !important;
  }
  html.layout-phone .task-settings #layout-list > .header .task-menu-button:before,
  html.layout-small .task-settings #layout-list > .header .task-menu-button:before,
  .task-settings #layout-list > .header .task-menu-button:before,
  html.layout-phone .task-settings .header .task-menu-button:before,
  html.layout-small .task-settings .header .task-menu-button:before,
  .task-settings .header .task-menu-button:before,
  html.layout-phone .task-settings #layout-list > .header a.task-menu-button:before,
  html.layout-small .task-settings #layout-list > .header a.task-menu-button:before,
  .task-settings #layout-list > .header a.task-menu-button:before,
  html.layout-phone .task-settings .header a.task-menu-button:before,
  html.layout-small .task-settings .header a.task-menu-button:before,
  .task-settings .header a.task-menu-button:before,
  html.layout-phone .task-settings #layout-list > .header a.button.icon:before,
  html.layout-small .task-settings #layout-list > .header a.button.icon:before,
  .task-settings #layout-list > .header a.button.icon:before,
  html.layout-phone .task-settings .header a.button.icon:before,
  html.layout-small .task-settings .header a.button.icon:before,
  .task-settings .header a.button.icon:before,
  html.layout-phone .task-settings #layout-list > .header > a:first-child:before,
  html.layout-small .task-settings #layout-list > .header > a:first-child:before,
  .task-settings #layout-list > .header > a:first-child:before,
  html.layout-phone .task-settings .header > a:first-child:before,
  html.layout-small .task-settings .header > a:first-child:before,
  .task-settings .header > a:first-child:before,
  html.layout-phone .task-settings #layout-list > .header > button:first-child:before,
  html.layout-small .task-settings #layout-list > .header > button:first-child:before,
  .task-settings #layout-list > .header > button:first-child:before,
  html.layout-phone .task-settings .header > button:first-child:before,
  html.layout-small .task-settings .header > button:first-child:before,
  .task-settings .header > button:first-child:before {
    font-family: "iconfont" !important;
    content: "\e896" !important;
    color: #000000 !important;
    font-size: 20px !important;
  }
  html.layout-phone .task-settings #layout-list > .header .header-title,
  html.layout-small .task-settings #layout-list > .header .header-title,
  .task-settings #layout-list > .header .header-title,
  html.layout-phone .task-settings .header .header-title,
  html.layout-small .task-settings .header .header-title,
  .task-settings .header .header-title,
  html.layout-phone .task-settings #layout-list > .header span,
  html.layout-small .task-settings #layout-list > .header span,
  .task-settings #layout-list > .header span,
  html.layout-phone .task-settings .header span,
  html.layout-small .task-settings .header span,
  .task-settings .header span {
    color: #000000 !important;
  }
  #layout-content > .header .toolbar-menu-button:before,
  .header.message-header .toolbar-menu-button:before,
  #layout-content > .header a.button.options:before,
  .header.message-header a.button.options:before,
  #layout-content > .header a.toolbar-menu-button:before,
  .header.message-header a.toolbar-menu-button:before,
  #layout-content > .header > a:last-child:before,
  .header.message-header > a:last-child:before,
  #layout-content > .header > button:last-child:before,
  .header.message-header > button:last-child:before {
    font-family: "iconfont" !important;
    content: "\e619" !important;
    color: #333333 !important;
    font-size: 18px !important;
  }
  #message-header .header-title,
  .message-header .header-title,
  #layout-content .header-content .header-title,
  .header-content .header-title,
  #message-header td.header-title,
  .message-header td.header-title,
  #layout-content .header-content td.header-title,
  .header-content td.header-title,
  #message-header .subject,
  .message-header .subject,
  #layout-content .header-content .subject,
  .header-content .subject,
  #message-header td.subject,
  .message-header td.subject,
  #layout-content .header-content td.subject,
  .header-content td.subject,
  #message-header .header-label,
  .message-header .header-label,
  #layout-content .header-content .header-label,
  .header-content .header-label,
  #message-header td:first-child,
  .message-header td:first-child,
  #layout-content .header-content td:first-child,
  .header-content td:first-child,
  #message-header th,
  .message-header th,
  #layout-content .header-content th,
  .header-content th {
    font-family: "Source Han Sans SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #909399 !important;
    font-size: 12px !important;
  }
  #message-header td.header-from,
  .message-header td.header-from,
  #layout-content .header-content td.header-from,
  .header-content td.header-from,
  #message-header td:not(.header-title):not(:first-child),
  .message-header td:not(.header-title):not(:first-child),
  #layout-content .header-content td:not(.header-title):not(:first-child),
  .header-content td:not(.header-title):not(:first-child),
  #message-header .header-value,
  .message-header .header-value,
  #layout-content .header-content .header-value,
  .header-content .header-value,
  #message-header span.adr,
  .message-header span.adr,
  #layout-content .header-content span.adr,
  .header-content span.adr,
  #message-header a.rcmContactAddress,
  .message-header a.rcmContactAddress,
  #layout-content .header-content a.rcmContactAddress,
  .header-content a.rcmContactAddress,
  #message-header .rcmaddcontact,
  .message-header .rcmaddcontact,
  #layout-content .header-content .rcmaddcontact,
  .header-content .rcmaddcontact {
    font-family: "Source Han Sans SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #409eff !important;
    font-size: 12px !important;
  }
  #message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]),
  .message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]),
  #message-header table.header-headers tbody tr td.header-from,
  .message-header table.header-headers tbody tr td.header-from,
  #message-header table.header-headers tbody tr td.header-to,
  .message-header table.header-headers tbody tr td.header-to {
    font-family: "Source Han Sans SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #409eff !important;
    font-size: 12px !important;
  }
  #message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]) a,
  .message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]) a,
  #message-header table.header-headers tbody tr td.header-from a,
  .message-header table.header-headers tbody tr td.header-from a,
  #message-header table.header-headers tbody tr td.header-to a,
  .message-header table.header-headers tbody tr td.header-to a,
  #message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]) span,
  .message-header table.header-headers tbody tr td:not(.header-title):not(.header-date):not(.header_date):not([class*="date"]):not([class*="priority"]) span,
  #message-header table.header-headers tbody tr td.header-from span,
  .message-header table.header-headers tbody tr td.header-from span,
  #message-header table.header-headers tbody tr td.header-to span,
  .message-header table.header-headers tbody tr td.header-to span {
    font-family: "Source Han Sans SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #409eff !important;
    font-size: 12px !important;
  }
  #message-content,
  .message-content,
  #messagebody,
  .message-part,
  .message-htmlpart,
  #message-objects,
  iframe#messagecontframe,
  .content.frame-content {
    font-size: 12px !important;
  }
  #message-content *,
  .message-content *,
  #messagebody *,
  .message-part *,
  .message-htmlpart *,
  #message-objects *,
  iframe#messagecontframe *,
  .content.frame-content *,
  #message-content p,
  .message-content p,
  #messagebody p,
  .message-part p,
  .message-htmlpart p,
  #message-objects p,
  iframe#messagecontframe p,
  .content.frame-content p,
  #message-content div,
  .message-content div,
  #messagebody div,
  .message-part div,
  .message-htmlpart div,
  #message-objects div,
  iframe#messagecontframe div,
  .content.frame-content div,
  #message-content span,
  .message-content span,
  #messagebody span,
  .message-part span,
  .message-htmlpart span,
  #message-objects span,
  iframe#messagecontframe span,
  .content.frame-content span,
  #message-content pre,
  .message-content pre,
  #messagebody pre,
  .message-part pre,
  .message-htmlpart pre,
  #message-objects pre,
  iframe#messagecontframe pre,
  .content.frame-content pre,
  #message-content td,
  .message-content td,
  #messagebody td,
  .message-part td,
  .message-htmlpart td,
  #message-objects td,
  iframe#messagecontframe td,
  .content.frame-content td,
  #message-content th,
  .message-content th,
  #messagebody th,
  .message-part th,
  .message-htmlpart th,
  #message-objects th,
  iframe#messagecontframe th,
  .content.frame-content th {
    font-size: 12px !important;
  }
  #message-header#message-header table.header-headers tbody tr td.header_date,
  #message-header#message-header table.header-headers tbody tr td[class*="date"],
  #message-header#message-header table.header-headers tbody tr td[class*="priority"],
  .message-header#message-header table.header-headers tbody tr td.header_date,
  .message-header#message-header table.header-headers tbody tr td[class*="date"],
  .message-header#message-header table.header-headers tbody tr td[class*="priority"] {
    color: #333333 !important;
  }
  #message-header#message-header table.header-headers tbody tr td.header_date span,
  #message-header#message-header table.header-headers tbody tr td[class*="date"] span,
  #message-header#message-header table.header-headers tbody tr td[class*="priority"] span,
  .message-header#message-header table.header-headers tbody tr td.header_date span,
  .message-header#message-header table.header-headers tbody tr td[class*="date"] span,
  .message-header#message-header table.header-headers tbody tr td[class*="priority"] span,
  #message-header#message-header table.header-headers tbody tr td.header_date div,
  #message-header#message-header table.header-headers tbody tr td[class*="date"] div,
  #message-header#message-header table.header-headers tbody tr td[class*="priority"] div,
  .message-header#message-header table.header-headers tbody tr td.header_date div,
  .message-header#message-header table.header-headers tbody tr td[class*="date"] div,
  .message-header#message-header table.header-headers tbody tr td[class*="priority"] div,
  #message-header#message-header table.header-headers tbody tr td.header_date a,
  #message-header#message-header table.header-headers tbody tr td[class*="date"] a,
  #message-header#message-header table.header-headers tbody tr td[class*="priority"] a,
  .message-header#message-header table.header-headers tbody tr td.header_date a,
  .message-header#message-header table.header-headers tbody tr td[class*="date"] a,
  .message-header#message-header table.header-headers tbody tr td[class*="priority"] a,
  #message-header#message-header table.header-headers tbody tr td.header_date *,
  #message-header#message-header table.header-headers tbody tr td[class*="date"] *,
  #message-header#message-header table.header-headers tbody tr td[class*="priority"] *,
  .message-header#message-header table.header-headers tbody tr td.header_date *,
  .message-header#message-header table.header-headers tbody tr td[class*="date"] *,
  .message-header#message-header table.header-headers tbody tr td[class*="priority"] * {
    color: #333333 !important;
  }
  #message-header .header-links a,
  .message-header .header-links a,
  #message-header .header-links a.headers-summary,
  .message-header .header-links a.headers-summary,
  #message-header .header-links a.headers-all,
  .message-header .header-links a.headers-all,
  #message-header .header-links a.html,
  .message-header .header-links a.html {
    font-family: "Source Han Sans SC", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #409eff !important;
    font-size: 12px !important;
  }
  #message-header .header-links a:before,
  .message-header .header-links a:before,
  #message-header .header-links a.headers-summary:before,
  .message-header .header-links a.headers-summary:before,
  #message-header .header-links a.headers-all:before,
  .message-header .header-links a.headers-all:before,
  #message-header .header-links a.html:before,
  .message-header .header-links a.html:before {
    color: #409eff !important;
  }
  #headersframe,
  iframe#headersframe {
    width: auto !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: 80vh !important;
    box-sizing: border-box !important;
  }
  #headersframe {
    width: 100% !important;
  }
  .ui-dialog:not(:has(#recipient-dialog)) iframe,
  .ui-dialog:not(:has(#recipient-dialog)) .ui-dialog-content iframe,
  .ui-dialog-content:not(:has(#recipient-dialog)) iframe {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .frame-content.text-nowrap,
  div.frame-content.text-nowrap {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    max-width: 100vw !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
  }
  #layout #layout-content > .header,
  #layout .header,
  html body #layout-content > .header,
  html body .header,
  html body div.header {
    box-shadow: none !important;
  }
  .task-addressbook a.edit:before,
  .task-addressbook a.button.edit:before,
  .task-addressbook button.edit:before,
  #layout.task-addressbook a.edit:before,
  #layout.task-addressbook a.button.edit:before {
    font-family: "iconfont" !important;
    content: "\e737" !important;
  }
  #layout-list .header-search,
  .header-search,
  #quicksearchbar {
    background: #f9f9f9 !important;
    border: none !important;
    border-radius: 8px !important;
    margin: 8px 12px !important;
    padding: 0 !important;
    height: 40px !important;
  }
  #layout-list .header-search input[type="text"],
  .header-search input[type="text"],
  #quicksearchbar input[type="text"],
  #layout-list .header-search .form-control,
  .header-search .form-control,
  #quicksearchbar .form-control {
    background: transparent !important;
    border: none !important;
    color: #333333 !important;
    font-size: 15px !important;
    padding: 0 12px !important;
    height: 40px !important;
  }
  #layout-list .header-search input[type="text"]::placeholder,
  .header-search input[type="text"]::placeholder,
  #quicksearchbar input[type="text"]::placeholder,
  #layout-list .header-search .form-control::placeholder,
  .header-search .form-control::placeholder,
  #quicksearchbar .form-control::placeholder {
    color: #c0c4cc !important;
    font-size: 15px !important;
  }
  #layout-list .header-search input[type="text"]:focus,
  .header-search input[type="text"]:focus,
  #quicksearchbar input[type="text"]:focus,
  #layout-list .header-search .form-control:focus,
  .header-search .form-control:focus,
  #quicksearchbar .form-control:focus {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  }
  #layout-list .header-search .input-group-prepend,
  .header-search .input-group-prepend,
  #quicksearchbar .input-group-prepend {
    background: transparent !important;
    border: none !important;
  }
  #layout-list .header-search .input-group-prepend .input-group-text,
  .header-search .input-group-prepend .input-group-text,
  #quicksearchbar .input-group-prepend .input-group-text {
    background: transparent !important;
    border: none !important;
    padding: 0 8px !important;
  }
  #layout-list .header-search .input-group-prepend .input-group-text:before,
  .header-search .input-group-prepend .input-group-text:before,
  #quicksearchbar .input-group-prepend .input-group-text:before {
    color: #c0c4cc !important;
    font-size: 18px !important;
  }
  #layout-list .header-search .searchoptions .input-group-append,
  .header-search .searchoptions .input-group-append,
  #quicksearchbar .searchoptions .input-group-append {
    background: transparent !important;
    border: none !important;
  }
  #layout-list .header-search .searchoptions .input-group-append button,
  .header-search .searchoptions .input-group-append button,
  #quicksearchbar .searchoptions .input-group-append button,
  #layout-list .header-search .searchoptions .input-group-append a,
  .header-search .searchoptions .input-group-append a,
  #quicksearchbar .searchoptions .input-group-append a {
    background: transparent !important;
    border: none !important;
    color: #999999 !important;
  }
  #layout-list .header-search .searchoptions .input-group-append button:before,
  .header-search .searchoptions .input-group-append button:before,
  #quicksearchbar .searchoptions .input-group-append button:before,
  #layout-list .header-search .searchoptions .input-group-append a:before,
  .header-search .searchoptions .input-group-append a:before,
  #quicksearchbar .searchoptions .input-group-append a:before {
    color: #999999 !important;
  }
  .searchbar {
    padding: 0 !important;
    border-bottom: 1px solid #e8e8e8 !important;
  }
  .searchbar .input-group {
    background: #f9f9f9 !important;
    border-radius: 8px !important;
    margin: 8px 12px !important;
    overflow: hidden !important;
  }
  .searchbar form:before {
    font-family: "iconfont" !important;
    content: "\e604" !important;
    color: #c0c4cc !important;
  }
  .searchbar a.unread:before {
    font-family: "iconfont" !important;
    content: "\e610" !important;
    color: #c0c4cc !important;
  }
  .searchbar a.options:before {
    font-family: "iconfont" !important;
    content: "\e65e" !important;
    color: #c0c4cc !important;
  }
  #messagelist-content {
    background: #ffffff !important;
  }
  .listing tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px !important;
  }
  .messagelist td.flags {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    background-color: transparent !important;
    z-index: 10 !important;
  }
  .messagelist td.flags .flag,
  .messagelist td.flags span.flagged,
  .messagelist td.flags span.unflagged {
    visibility: visible !important;
    display: inline-block !important;
  }
  .messagelist td.flags span.flagged:before,
  .messagelist td.flags span.unflagged:before {
    font-size: 18px !important;
    color: #f56c6c !important;
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .messagelist td.flags span.unflagged:before {
    color: #c0c4cc !important;
  }
  .messagelist td.subject {
    padding-right: 40px !important;
  }
  .email-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    background-color: #409eff !important;
  }
  img.email-avatar {
    display: inline-block !important;
    object-fit: cover !important;
  }
  td.from.has-avatar,
  td.fromto.has-avatar,
  span.fromto.has-avatar {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
  }
  .pagenav.menu.footer.small,
  div.pagenav.menu.footer.small,
  .footer.small,
  #layout-content .footer,
  #message .footer,
  .content-frame-navigation,
  .message-pagenav,
  div.pagenav.menu.footer {
    background: #f8f8f8 !important;
    background-color: #f8f8f8 !important;
  }
  .pagenav.menu.footer.small a.firstpage,
  div.pagenav.menu.footer.small a.firstpage,
  .footer.small a.firstpage,
  .pagenav.menu.footer.small a.lastpage,
  div.pagenav.menu.footer.small a.lastpage,
  .footer.small a.lastpage,
  .pagenav.menu.footer.small a.prevpage,
  div.pagenav.menu.footer.small a.prevpage,
  .footer.small a.prevpage,
  .pagenav.menu.footer.small a.nextpage,
  div.pagenav.menu.footer.small a.nextpage,
  .footer.small a.nextpage,
  .pagenav.menu.footer.small button.firstpage,
  div.pagenav.menu.footer.small button.firstpage,
  .footer.small button.firstpage,
  .pagenav.menu.footer.small button.lastpage,
  div.pagenav.menu.footer.small button.lastpage,
  .footer.small button.lastpage,
  .pagenav.menu.footer.small button.prevpage,
  div.pagenav.menu.footer.small button.prevpage,
  .footer.small button.prevpage,
  .pagenav.menu.footer.small button.nextpage,
  div.pagenav.menu.footer.small button.nextpage,
  .footer.small button.nextpage,
  .pagenav.menu.footer.small a.prev,
  div.pagenav.menu.footer.small a.prev,
  .footer.small a.prev,
  .pagenav.menu.footer.small a.next,
  div.pagenav.menu.footer.small a.next,
  .footer.small a.next,
  .pagenav.menu.footer.small button.prev,
  div.pagenav.menu.footer.small button.prev,
  .footer.small button.prev,
  .pagenav.menu.footer.small button.next,
  div.pagenav.menu.footer.small button.next,
  .footer.small button.next {
    display: none !important;
  }
  .pagenav.menu.footer.small .pagenav-text,
  div.pagenav.menu.footer.small .pagenav-text,
  .footer.small .pagenav-text,
  .pagenav.menu.footer.small span.pagenav-text,
  div.pagenav.menu.footer.small span.pagenav-text,
  .footer.small span.pagenav-text,
  .pagenav.menu.footer.small .pagenav-info,
  div.pagenav.menu.footer.small .pagenav-info,
  .footer.small .pagenav-info {
    display: inline-block !important;
  }
  #layout-content .footer a.prev:before,
  .content-frame-navigation a.prev:before,
  .message-pagenav a.prev:before,
  div.pagenav.menu.footer a.prev:before,
  #layout-content .footer a.prevpage:before,
  .content-frame-navigation a.prevpage:before,
  .message-pagenav a.prevpage:before,
  div.pagenav.menu.footer a.prevpage:before,
  #layout-content .footer button.prev:before,
  .content-frame-navigation button.prev:before,
  .message-pagenav button.prev:before,
  div.pagenav.menu.footer button.prev:before,
  #layout-content .footer a:first-child:not(.submit):not(.edit):not([class*="edit"]):not(.save):not([class*="save"]):not(.reply):not([class*="reply"]):before,
  .content-frame-navigation a:first-child:not(.submit):not(.edit):not([class*="edit"]):not(.save):not([class*="save"]):not(.reply):not([class*="reply"]):before,
  .message-pagenav a:first-child:not(.submit):not(.edit):not([class*="edit"]):not(.save):not([class*="save"]):not(.reply):not([class*="reply"]):before,
  div.pagenav.menu.footer a:first-child:not(.submit):not(.edit):not([class*="edit"]):not(.save):not([class*="save"]):not(.reply):not([class*="reply"]):before {
    font-family: "iconfont" !important;
    content: "\e625" !important;
    color: #333333 !important;
    font-size: 18px !important;
  }
  #layout-content .footer a.reply.button:before,
  .content-frame-navigation a.reply.button:before,
  .message-pagenav a.reply.button:before,
  div.pagenav.menu.footer a.reply.button:before,
  #layout-content .footer a.replyall.button:before,
  .content-frame-navigation a.replyall.button:before,
  .message-pagenav a.replyall.button:before,
  div.pagenav.menu.footer a.replyall.button:before,
  #layout-content .footer button.reply.button:before,
  .content-frame-navigation button.reply.button:before,
  .message-pagenav button.reply.button:before,
  div.pagenav.menu.footer button.reply.button:before,
  #layout-content .footer a.button[class*="reply"]:before,
  .content-frame-navigation a.button[class*="reply"]:before,
  .message-pagenav a.button[class*="reply"]:before,
  div.pagenav.menu.footer a.button[class*="reply"]:before,
  #layout-content .footer button.button[class*="reply"]:before,
  .content-frame-navigation button.button[class*="reply"]:before,
  .message-pagenav button.button[class*="reply"]:before,
  div.pagenav.menu.footer button.button[class*="reply"]:before,
  #layout-content .footer a.reply:not(.disabled):before,
  .content-frame-navigation a.reply:not(.disabled):before,
  .message-pagenav a.reply:not(.disabled):before,
  div.pagenav.menu.footer a.reply:not(.disabled):before,
  #layout-content .footer a.replyall:not(.disabled):before,
  .content-frame-navigation a.replyall:not(.disabled):before,
  .message-pagenav a.replyall:not(.disabled):before,
  div.pagenav.menu.footer a.replyall:not(.disabled):before {
    font-family: "iconfont" !important;
    content: "\e691" !important;
    color: #333333 !important;
    font-size: 18px !important;
  }
  #layout-content .footer a.next:before,
  .content-frame-navigation a.next:before,
  .message-pagenav a.next:before,
  div.pagenav.menu.footer a.next:before,
  #layout-content .footer a.nextpage:before,
  .content-frame-navigation a.nextpage:before,
  .message-pagenav a.nextpage:before,
  div.pagenav.menu.footer a.nextpage:before,
  #layout-content .footer button.next:before,
  .content-frame-navigation button.next:before,
  .message-pagenav button.next:before,
  div.pagenav.menu.footer button.next:before,
  #layout-content .footer a:last-child:not(.reply):not(.submit):not(.send):not([class*="send"]):not(.edit):not([class*="edit"]):before,
  .content-frame-navigation a:last-child:not(.reply):not(.submit):not(.send):not([class*="send"]):not(.edit):not([class*="edit"]):before,
  .message-pagenav a:last-child:not(.reply):not(.submit):not(.send):not([class*="send"]):not(.edit):not([class*="edit"]):before,
  div.pagenav.menu.footer a:last-child:not(.reply):not(.submit):not(.send):not([class*="send"]):not(.edit):not([class*="edit"]):before {
    font-family: "iconfont" !important;
    content: "\e624" !important;
    color: #333333 !important;
    font-size: 18px !important;
  }
  #layout-content .footer a.send:before,
  .content-frame-navigation a.send:before,
  .message-pagenav a.send:before,
  div.pagenav.menu.footer a.send:before,
  #layout-content .footer a.primary.send:before,
  .content-frame-navigation a.primary.send:before,
  .message-pagenav a.primary.send:before,
  div.pagenav.menu.footer a.primary.send:before,
  #layout-content .footer a[class*="send"]:before,
  .content-frame-navigation a[class*="send"]:before,
  .message-pagenav a[class*="send"]:before,
  div.pagenav.menu.footer a[class*="send"]:before,
  #layout-content .footer button.send:before,
  .content-frame-navigation button.send:before,
  .message-pagenav button.send:before,
  div.pagenav.menu.footer button.send:before,
  #layout-content .footer a:last-child.send:before,
  .content-frame-navigation a:last-child.send:before,
  .message-pagenav a:last-child.send:before,
  div.pagenav.menu.footer a:last-child.send:before {
    font-family: "iconfont" !important;
    content: "\e6ab" !important;
    color: #409eff !important;
    font-size: 18px !important;
  }
  .special-buttons,
  span.special-buttons,
  a.theme.dark,
  a.theme.light,
  a.button.theme,
  .menu a.theme,
  #taskmenu a.theme,
  #layout-menu .special-buttons {
    display: none !important;
  }
  #layout-menu,
  .menu.popover,
  .popover-header,
  #taskmenu,
  div#layout-menu.popover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }
  #layout-menu .popover-header button.close,
  #layout-menu button.close,
  .menu.popover .close,
  .popover-header .close,
  #layout-menu a.button.icon.cancel,
  #layout-menu .header .close {
    display: none !important;
  }
  .toolbar-menu .popover-header,
  .messagemenu .popover-header,
  .popover.show .popover-header,
  div.popover .popover-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    font-size: 16px !important;
  }
  .toolbar-menu .popover-header a.button.icon.cancel,
  .messagemenu .popover-header a.button.icon.cancel,
  .popover.show .popover-header a.button.icon.cancel,
  div.popover .popover-header a.button.icon.cancel,
  .toolbar-menu .popover-header button.close,
  .messagemenu .popover-header button.close,
  .popover.show .popover-header button.close,
  div.popover .popover-header button.close {
    background: transparent !important;
    color: #333333 !important;
    font-size: 16px !important;
  }
  .toolbar-menu .popover-header a.button.icon.cancel:before,
  .messagemenu .popover-header a.button.icon.cancel:before,
  .popover.show .popover-header a.button.icon.cancel:before,
  div.popover .popover-header a.button.icon.cancel:before,
  .toolbar-menu .popover-header button.close:before,
  .messagemenu .popover-header button.close:before,
  .popover.show .popover-header button.close:before,
  div.popover .popover-header button.close:before {
    font-family: "iconfont" !important;
    content: "\e735" !important;
    color: #333333 !important;
    font-size: 16px !important;
  }
  .toolbar-menu,
  .messagemenu,
  .toolbar-menu .popover-body,
  .messagemenu .popover-body,
  .popover.show .popover-body,
  div.popover .popover-body {
    font-size: 16px !important;
  }
  .toolbar-menu a,
  .messagemenu a,
  .toolbar-menu .popover-body a,
  .messagemenu .popover-body a,
  .popover.show .popover-body a,
  div.popover .popover-body a,
  .toolbar-menu button,
  .messagemenu button,
  .toolbar-menu .popover-body button,
  .messagemenu .popover-body button,
  .popover.show .popover-body button,
  div.popover .popover-body button,
  .toolbar-menu li,
  .messagemenu li,
  .toolbar-menu .popover-body li,
  .messagemenu .popover-body li,
  .popover.show .popover-body li,
  div.popover .popover-body li,
  .toolbar-menu span,
  .messagemenu span,
  .toolbar-menu .popover-body span,
  .messagemenu .popover-body span,
  .popover.show .popover-body span,
  div.popover .popover-body span,
  .toolbar-menu .listing,
  .messagemenu .listing,
  .toolbar-menu .popover-body .listing,
  .messagemenu .popover-body .listing,
  .popover.show .popover-body .listing,
  div.popover .popover-body .listing {
    font-size: 16px !important;
  }
  .toolbar-menu a:before,
  .messagemenu a:before,
  .toolbar-menu .popover-body a:before,
  .messagemenu .popover-body a:before,
  .popover.show .popover-body a:before,
  div.popover .popover-body a:before,
  .toolbar-menu button:before,
  .messagemenu button:before,
  .toolbar-menu .popover-body button:before,
  .messagemenu .popover-body button:before,
  .popover.show .popover-body button:before,
  div.popover .popover-body button:before,
  .toolbar-menu li:before,
  .messagemenu li:before,
  .toolbar-menu .popover-body li:before,
  .messagemenu .popover-body li:before,
  .popover.show .popover-body li:before,
  div.popover .popover-body li:before,
  .toolbar-menu span:before,
  .messagemenu span:before,
  .toolbar-menu .popover-body span:before,
  .messagemenu .popover-body span:before,
  .popover.show .popover-body span:before,
  div.popover .popover-body span:before,
  .toolbar-menu .listing:before,
  .messagemenu .listing:before,
  .toolbar-menu .popover-body .listing:before,
  .messagemenu .popover-body .listing:before,
  .popover.show .popover-body .listing:before,
  div.popover .popover-body .listing:before {
    font-size: 16px !important;
  }
  #layout-menu a.compose,
  #taskmenu a.compose,
  .menu.popover a.compose,
  #layout-menu a.mail,
  #taskmenu a.mail,
  .menu.popover a.mail,
  #layout-menu a.contacts,
  #taskmenu a.contacts,
  .menu.popover a.contacts,
  #layout-menu a.settings,
  #taskmenu a.settings,
  .menu.popover a.settings {
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #303133 !important;
    font-size: 16px !important;
  }
  #layout-menu a.compose:before,
  #taskmenu a.compose:before,
  .menu.popover a.compose:before,
  #layout-menu a.mail:before,
  #taskmenu a.mail:before,
  .menu.popover a.mail:before,
  #layout-menu a.contacts:before,
  #taskmenu a.contacts:before,
  .menu.popover a.contacts:before,
  #layout-menu a.settings:before,
  #taskmenu a.settings:before,
  .menu.popover a.settings:before {
    font-family: "iconfont" !important;
    color: #303133 !important;
    font-size: 20px !important;
  }
  #layout-menu a.compose .inner,
  #taskmenu a.compose .inner,
  .menu.popover a.compose .inner,
  #layout-menu a.mail .inner,
  #taskmenu a.mail .inner,
  .menu.popover a.mail .inner,
  #layout-menu a.contacts .inner,
  #taskmenu a.contacts .inner,
  .menu.popover a.contacts .inner,
  #layout-menu a.settings .inner,
  #taskmenu a.settings .inner,
  .menu.popover a.settings .inner,
  #layout-menu a.compose span.inner,
  #taskmenu a.compose span.inner,
  .menu.popover a.compose span.inner,
  #layout-menu a.mail span.inner,
  #taskmenu a.mail span.inner,
  .menu.popover a.mail span.inner,
  #layout-menu a.contacts span.inner,
  #taskmenu a.contacts span.inner,
  .menu.popover a.contacts span.inner,
  #layout-menu a.settings span.inner,
  #taskmenu a.settings span.inner,
  .menu.popover a.settings span.inner {
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #303133 !important;
    font-size: 14px !important;
  }
  #layout-menu a.compose:before,
  #taskmenu a.compose:before,
  .menu.popover a.compose:before,
  #layout-menu a.button.compose:before,
  #taskmenu a.button.compose:before,
  .menu.popover a.button.compose:before,
  #layout-menu a[href*="compose"]:before,
  #taskmenu a[href*="compose"]:before,
  .menu.popover a[href*="compose"]:before {
    font-family: "iconfont" !important;
    content: "\e737" !important;
    color: #303133 !important;
    font-size: 16px !important;
  }
  #layout-menu a.mail:before,
  #taskmenu a.mail:before,
  .menu.popover a.mail:before,
  #layout-menu a.button.mail:before,
  #taskmenu a.button.mail:before,
  .menu.popover a.button.mail:before,
  #layout-menu a[href*="mail"]:not([href*="compose"]):before,
  #taskmenu a[href*="mail"]:not([href*="compose"]):before,
  .menu.popover a[href*="mail"]:not([href*="compose"]):before {
    font-family: "iconfont" !important;
    content: "\e610" !important;
    color: #303133 !important;
    font-size: 16px !important;
  }
  #layout-menu a.selected,
  #taskmenu a.selected,
  .menu.popover a.selected,
  #layout-menu a.mail.selected,
  #taskmenu a.mail.selected,
  .menu.popover a.mail.selected {
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #ffffff !important;
    font-size: 16px !important;
  }
  #layout-menu a.selected:before,
  #taskmenu a.selected:before,
  .menu.popover a.selected:before,
  #layout-menu a.mail.selected:before,
  #taskmenu a.mail.selected:before,
  .menu.popover a.mail.selected:before {
    color: #ffffff !important;
    font-size: 16px !important;
  }
  #layout-menu a.selected .inner,
  #taskmenu a.selected .inner,
  .menu.popover a.selected .inner,
  #layout-menu a.mail.selected .inner,
  #taskmenu a.mail.selected .inner,
  .menu.popover a.mail.selected .inner,
  #layout-menu a.selected span.inner,
  #taskmenu a.selected span.inner,
  .menu.popover a.selected span.inner,
  #layout-menu a.mail.selected span.inner,
  #taskmenu a.mail.selected span.inner,
  .menu.popover a.mail.selected span.inner {
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #ffffff !important;
    font-size: 16px !important;
  }
  #layout-list div.floating-action-buttons,
  #layout-list .floating-action-buttons,
  div.floating-action-buttons,
  .floating-action-buttons {
    position: fixed !important;
    right: 5px !important;
    bottom: 50px !important;
    z-index: 1000 !important;
    display: block !important;
  }
  #layout-list div.floating-action-buttons a.compose.button,
  #layout-list .floating-action-buttons a.compose.button,
  div.floating-action-buttons a.compose.button,
  .floating-action-buttons a.compose.button,
  #layout-list div.floating-action-buttons a.button.compose,
  #layout-list .floating-action-buttons a.button.compose,
  div.floating-action-buttons a.button.compose,
  .floating-action-buttons a.button.compose,
  #layout-list div.floating-action-buttons a.button,
  #layout-list .floating-action-buttons a.button,
  div.floating-action-buttons a.button,
  .floating-action-buttons a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #409eff !important;
    border-radius: 22px !important;
    padding: 6px 12px !important;
    box-shadow: 0px 5px 10px rgba(147, 154, 161, 0.39) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
    font-size: 13px !important;
    min-width: auto !important;
    width: 110px !important;
    height: 44px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }
  #layout-list div.floating-action-buttons a.compose.button:before,
  #layout-list .floating-action-buttons a.compose.button:before,
  div.floating-action-buttons a.compose.button:before,
  .floating-action-buttons a.compose.button:before,
  #layout-list div.floating-action-buttons a.button.compose:before,
  #layout-list .floating-action-buttons a.button.compose:before,
  div.floating-action-buttons a.button.compose:before,
  .floating-action-buttons a.button.compose:before,
  #layout-list div.floating-action-buttons a.button:before,
  #layout-list .floating-action-buttons a.button:before,
  div.floating-action-buttons a.button:before,
  .floating-action-buttons a.button:before {
    font-family: "iconfont" !important;
    content: "\e737" !important;
    font-size: 14px !important;
    margin-right: 4px !important;
    color: #409eff !important;
    line-height: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  #layout-list div.floating-action-buttons a.compose.button span.inner,
  #layout-list .floating-action-buttons a.compose.button span.inner,
  div.floating-action-buttons a.compose.button span.inner,
  .floating-action-buttons a.compose.button span.inner,
  #layout-list div.floating-action-buttons a.button.compose span.inner,
  #layout-list .floating-action-buttons a.button.compose span.inner,
  div.floating-action-buttons a.button.compose span.inner,
  .floating-action-buttons a.button.compose span.inner,
  #layout-list div.floating-action-buttons a.button span.inner,
  #layout-list .floating-action-buttons a.button span.inner,
  div.floating-action-buttons a.button span.inner,
  .floating-action-buttons a.button span.inner {
    color: #409eff !important;
    font-size: 13px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #layout-list div.floating-action-buttons a.compose.button:hover,
  #layout-list .floating-action-buttons a.compose.button:hover,
  div.floating-action-buttons a.compose.button:hover,
  .floating-action-buttons a.compose.button:hover,
  #layout-list div.floating-action-buttons a.button.compose:hover,
  #layout-list .floating-action-buttons a.button.compose:hover,
  div.floating-action-buttons a.button.compose:hover,
  .floating-action-buttons a.button.compose:hover,
  #layout-list div.floating-action-buttons a.button:hover,
  #layout-list .floating-action-buttons a.button:hover,
  div.floating-action-buttons a.button:hover,
  .floating-action-buttons a.button:hover {
    background: #f5f7fa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
  }
  #layout-list div.floating-action-buttons a.compose.button:active,
  #layout-list .floating-action-buttons a.compose.button:active,
  div.floating-action-buttons a.compose.button:active,
  .floating-action-buttons a.compose.button:active,
  #layout-list div.floating-action-buttons a.button.compose:active,
  #layout-list .floating-action-buttons a.button.compose:active,
  div.floating-action-buttons a.button.compose:active,
  .floating-action-buttons a.button.compose:active,
  #layout-list div.floating-action-buttons a.button:active,
  #layout-list .floating-action-buttons a.button:active,
  div.floating-action-buttons a.button:active,
  .floating-action-buttons a.button:active {
    background: #ecf5ff !important;
    transform: translateY(0) !important;
  }
  #layout-list div.floating-action-buttons a.compose.button span.inner,
  #layout-list .floating-action-buttons a.compose.button span.inner,
  div.floating-action-buttons a.compose.button span.inner,
  .floating-action-buttons a.compose.button span.inner,
  #layout-list div.floating-action-buttons a.button.compose span.inner,
  #layout-list .floating-action-buttons a.button.compose span.inner,
  div.floating-action-buttons a.button.compose span.inner,
  .floating-action-buttons a.button.compose span.inner,
  #layout-list div.floating-action-buttons a.button span.inner,
  #layout-list .floating-action-buttons a.button span.inner,
  div.floating-action-buttons a.button span.inner,
  .floating-action-buttons a.button span.inner {
    color: #409eff !important;
    font-size: 13px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) and screen and (min-width: 769px) {
  .email-avatar {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  #layout div.floating-action-buttons a.compose.button,
  #layout .floating-action-buttons a.button.compose,
  #layout div.floating-action-buttons a.button {
    background: #ffffff !important;
    color: #409eff !important;
    width: 99px !important;
    height: 44px !important;
  }
  #layout div.floating-action-buttons a.compose.button:before,
  #layout .floating-action-buttons a.button.compose:before,
  #layout div.floating-action-buttons a.button:before {
    font-family: "iconfont" !important;
    content: "\e737" !important;
    font-size: 14px !important;
    color: #409eff !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  #layout div.floating-action-buttons a.compose.button span.inner,
  #layout .floating-action-buttons a.button.compose span.inner,
  #layout div.floating-action-buttons a.button span.inner {
    color: #409eff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}
.task-mail.action-compose span.buttons a.save.draft.button,
body.task-mail.action-compose span.buttons a.save.draft.button,
.task-mail.action-compose span.buttons a#rcmbtn108-clone,
body.task-mail.action-compose span.buttons a#rcmbtn108-clone,
.task-mail.action-compose .footer span.buttons a.save,
body.task-mail.action-compose .footer span.buttons a.save,
.task-mail.action-compose a.save.draft.button,
body.task-mail.action-compose a.save.draft.button {
  color: #409eff !important;
}
.task-mail.action-compose span.buttons a.save.draft.button:before,
body.task-mail.action-compose span.buttons a.save.draft.button:before,
.task-mail.action-compose span.buttons a#rcmbtn108-clone:before,
body.task-mail.action-compose span.buttons a#rcmbtn108-clone:before,
.task-mail.action-compose .footer span.buttons a.save:before,
body.task-mail.action-compose .footer span.buttons a.save:before,
.task-mail.action-compose a.save.draft.button:before,
body.task-mail.action-compose a.save.draft.button:before {
  content: "\xe607" !important;
  font-family: "iconfont" !important;
  color: #409eff !important;
  font-size: 18px !important;
}
.task-mail.action-compose span.buttons a.save.draft.button .inner,
body.task-mail.action-compose span.buttons a.save.draft.button .inner,
.task-mail.action-compose span.buttons a#rcmbtn108-clone .inner,
body.task-mail.action-compose span.buttons a#rcmbtn108-clone .inner,
.task-mail.action-compose .footer span.buttons a.save .inner,
body.task-mail.action-compose .footer span.buttons a.save .inner,
.task-mail.action-compose a.save.draft.button .inner,
body.task-mail.action-compose a.save.draft.button .inner,
.task-mail.action-compose span.buttons a.save.draft.button span.inner,
body.task-mail.action-compose span.buttons a.save.draft.button span.inner,
.task-mail.action-compose span.buttons a#rcmbtn108-clone span.inner,
body.task-mail.action-compose span.buttons a#rcmbtn108-clone span.inner,
.task-mail.action-compose .footer span.buttons a.save span.inner,
body.task-mail.action-compose .footer span.buttons a.save span.inner,
.task-mail.action-compose a.save.draft.button span.inner,
body.task-mail.action-compose a.save.draft.button span.inner {
  color: #409eff !important;
}
@media screen and (max-width: 768px) {
  .task-mail.action-compose a:not(.save):not(.send):before,
  body.task-mail.action-compose a:not(.save):not(.send):before,
  .task-mail.action-compose button:not([class*="save"]):not([class*="send"]):before,
  body.task-mail.action-compose button:not([class*="save"]):not([class*="send"]):before,
  .task-mail.action-compose .button:not(.save):not(.send):before,
  body.task-mail.action-compose .button:not(.save):not(.send):before,
  .task-mail.action-compose .toolbar a:before,
  body.task-mail.action-compose .toolbar a:before,
  .task-mail.action-compose .menu-button:before,
  body.task-mail.action-compose .menu-button:before,
  .task-mail.action-compose .input-group-append a:before,
  body.task-mail.action-compose .input-group-append a:before,
  .task-mail.action-compose .input-group-append button:before,
  body.task-mail.action-compose .input-group-append button:before {
    font-size: 1.2rem !important;
  }
  .task-mail.action-compose .header,
  body.task-mail.action-compose .header,
  .task-mail.action-compose #layout-content > .header,
  body.task-mail.action-compose #layout-content > .header {
    background: #f7f8fa !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }
  .task-mail.action-compose .header .menu-button,
  body.task-mail.action-compose .header .menu-button,
  .task-mail.action-compose #layout-content > .header .menu-button,
  body.task-mail.action-compose #layout-content > .header .menu-button,
  .task-mail.action-compose .header a.button.back,
  body.task-mail.action-compose .header a.button.back,
  .task-mail.action-compose #layout-content > .header a.button.back,
  body.task-mail.action-compose #layout-content > .header a.button.back,
  .task-mail.action-compose .header a.button.icon.back,
  body.task-mail.action-compose .header a.button.icon.back,
  .task-mail.action-compose #layout-content > .header a.button.icon.back,
  body.task-mail.action-compose #layout-content > .header a.button.icon.back,
  .task-mail.action-compose .header a.back-list-button,
  body.task-mail.action-compose .header a.back-list-button,
  .task-mail.action-compose #layout-content > .header a.back-list-button,
  body.task-mail.action-compose #layout-content > .header a.back-list-button,
  .task-mail.action-compose .header > a:first-child,
  body.task-mail.action-compose .header > a:first-child,
  .task-mail.action-compose #layout-content > .header > a:first-child,
  body.task-mail.action-compose #layout-content > .header > a:first-child,
  .task-mail.action-compose .header > button:first-child,
  body.task-mail.action-compose .header > button:first-child,
  .task-mail.action-compose #layout-content > .header > button:first-child,
  body.task-mail.action-compose #layout-content > .header > button:first-child {
    color: #333333 !important;
  }
  .task-mail.action-compose .header .menu-button:before,
  body.task-mail.action-compose .header .menu-button:before,
  .task-mail.action-compose #layout-content > .header .menu-button:before,
  body.task-mail.action-compose #layout-content > .header .menu-button:before,
  .task-mail.action-compose .header a.button.back:before,
  body.task-mail.action-compose .header a.button.back:before,
  .task-mail.action-compose #layout-content > .header a.button.back:before,
  body.task-mail.action-compose #layout-content > .header a.button.back:before,
  .task-mail.action-compose .header a.button.icon.back:before,
  body.task-mail.action-compose .header a.button.icon.back:before,
  .task-mail.action-compose #layout-content > .header a.button.icon.back:before,
  body.task-mail.action-compose #layout-content > .header a.button.icon.back:before,
  .task-mail.action-compose .header a.back-list-button:before,
  body.task-mail.action-compose .header a.back-list-button:before,
  .task-mail.action-compose #layout-content > .header a.back-list-button:before,
  body.task-mail.action-compose #layout-content > .header a.back-list-button:before,
  .task-mail.action-compose .header > a:first-child:before,
  body.task-mail.action-compose .header > a:first-child:before,
  .task-mail.action-compose #layout-content > .header > a:first-child:before,
  body.task-mail.action-compose #layout-content > .header > a:first-child:before,
  .task-mail.action-compose .header > button:first-child:before,
  body.task-mail.action-compose .header > button:first-child:before,
  .task-mail.action-compose #layout-content > .header > button:first-child:before,
  body.task-mail.action-compose #layout-content > .header > button:first-child:before {
    color: #333333 !important;
  }
}
html.layout-small .popover-header,
html.layout-phone .popover-header {
  background: #f7f8fa !important;
}
html.layout-small .popover-header a,
html.layout-phone .popover-header a,
html.layout-small .header a,
html.layout-phone .header a,
html.layout-small #layout-content > .header a,
html.layout-phone #layout-content > .header a,
html.layout-small #layout-list > .header a,
html.layout-phone #layout-list > .header a {
  color: #333333 !important;
}
html.layout-small .popover-header a:before,
html.layout-phone .popover-header a:before,
html.layout-small .header a:before,
html.layout-phone .header a:before,
html.layout-small #layout-content > .header a:before,
html.layout-phone #layout-content > .header a:before,
html.layout-small #layout-list > .header a:before,
html.layout-phone #layout-list > .header a:before {
  color: #333333 !important;
}
html.layout-small .header .menu-button,
html.layout-phone .header .menu-button,
html.layout-small .header a.button.back,
html.layout-phone .header a.button.back,
html.layout-small .header a.button.icon.back,
html.layout-phone .header a.button.icon.back,
html.layout-small .header a.back-list-button,
html.layout-phone .header a.back-list-button,
html.layout-small #layout-content > .header .menu-button,
html.layout-phone #layout-content > .header .menu-button,
html.layout-small #layout-content > .header a.button.back,
html.layout-phone #layout-content > .header a.button.back,
html.layout-small #layout-content > .header a.button.icon.back,
html.layout-phone #layout-content > .header a.button.icon.back,
html.layout-small #layout-content > .header a.back-list-button,
html.layout-phone #layout-content > .header a.back-list-button,
html.layout-small #layout-list > .header .menu-button,
html.layout-phone #layout-list > .header .menu-button,
html.layout-small #layout-list > .header a.button.back,
html.layout-phone #layout-list > .header a.button.back,
html.layout-small #layout-list > .header a.button.icon.back,
html.layout-phone #layout-list > .header a.button.icon.back,
html.layout-small #layout-list > .header a.back-list-button,
html.layout-phone #layout-list > .header a.back-list-button {
  color: #333333 !important;
}
html.layout-small .header .menu-button:before,
html.layout-phone .header .menu-button:before,
html.layout-small .header a.button.back:before,
html.layout-phone .header a.button.back:before,
html.layout-small .header a.button.icon.back:before,
html.layout-phone .header a.button.icon.back:before,
html.layout-small .header a.back-list-button:before,
html.layout-phone .header a.back-list-button:before,
html.layout-small #layout-content > .header .menu-button:before,
html.layout-phone #layout-content > .header .menu-button:before,
html.layout-small #layout-content > .header a.button.back:before,
html.layout-phone #layout-content > .header a.button.back:before,
html.layout-small #layout-content > .header a.button.icon.back:before,
html.layout-phone #layout-content > .header a.button.icon.back:before,
html.layout-small #layout-content > .header a.back-list-button:before,
html.layout-phone #layout-content > .header a.back-list-button:before,
html.layout-small #layout-list > .header .menu-button:before,
html.layout-phone #layout-list > .header .menu-button:before,
html.layout-small #layout-list > .header a.button.back:before,
html.layout-phone #layout-list > .header a.button.back:before,
html.layout-small #layout-list > .header a.button.icon.back:before,
html.layout-phone #layout-list > .header a.button.icon.back:before,
html.layout-small #layout-list > .header a.back-list-button:before,
html.layout-phone #layout-list > .header a.back-list-button:before {
  color: #333333 !important;
}
@media screen and (max-width: 768px) {
  .task-mail.action-compose .compose-content,
  body.task-mail.action-compose .compose-content,
  .task-mail.action-compose #compose-content,
  body.task-mail.action-compose #compose-content,
  .task-mail.action-compose .form-group,
  body.task-mail.action-compose .form-group,
  .task-mail.action-compose .input-group,
  body.task-mail.action-compose .input-group,
  .task-mail.action-compose input,
  body.task-mail.action-compose input,
  .task-mail.action-compose textarea,
  body.task-mail.action-compose textarea,
  .task-mail.action-compose select,
  body.task-mail.action-compose select {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }
  .task-mail.action-compose #composebody,
  body.task-mail.action-compose #composebody,
  .task-mail.action-compose .composebody,
  body.task-mail.action-compose .composebody,
  .task-mail.action-compose #compose-body,
  body.task-mail.action-compose #compose-body,
  .task-mail.action-compose .mce-edit-area,
  body.task-mail.action-compose .mce-edit-area,
  .task-mail.action-compose .mce-container,
  body.task-mail.action-compose .mce-container,
  .task-mail.action-compose iframe,
  body.task-mail.action-compose iframe {
    border: none !important;
    box-shadow: none !important;
  }
  .task-mail.action-compose .tox-editor-container,
  body.task-mail.action-compose .tox-editor-container,
  .task-mail.action-compose div.tox-editor-container,
  body.task-mail.action-compose div.tox-editor-container,
  .task-mail.action-compose .tox.tox-tinymce,
  body.task-mail.action-compose .tox.tox-tinymce,
  .task-mail.action-compose .tox-tinymce,
  body.task-mail.action-compose .tox-tinymce,
  .task-mail.action-compose #composebodycontainer,
  body.task-mail.action-compose #composebodycontainer {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin-top: 0 !important;
  }
  .task-mail.action-compose #composebodycontainer .tox-tinymce,
  body.task-mail.action-compose #composebodycontainer .tox-tinymce {
    margin-top: 0 !important;
  }
  .task-mail.action-compose .tox-toolbar,
  body.task-mail.action-compose .tox-toolbar,
  .task-mail.action-compose div.tox-toolbar,
  body.task-mail.action-compose div.tox-toolbar,
  .task-mail.action-compose .editor-toolbar,
  body.task-mail.action-compose .editor-toolbar,
  .task-mail.action-compose .tox-toolbar--scrolling,
  body.task-mail.action-compose .tox-toolbar--scrolling {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
  }
  .task-mail.action-compose .tox-toolbar__group,
  body.task-mail.action-compose .tox-toolbar__group,
  .task-mail.action-compose div.tox-toolbar__group,
  body.task-mail.action-compose div.tox-toolbar__group {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  .task-mail.action-compose .tox-toolbar__group:first-child button:first-child,
  body.task-mail.action-compose .tox-toolbar__group:first-child button:first-child,
  .task-mail.action-compose div.tox-toolbar div.tox-toolbar__group:first-child button:first-child,
  body.task-mail.action-compose div.tox-toolbar div.tox-toolbar__group:first-child button:first-child {
    display: none !important;
  }
  .task-mail.action-compose button.send,
  body.task-mail.action-compose button.send,
  .task-mail.action-compose button.btn-primary.send,
  body.task-mail.action-compose button.btn-primary.send,
  .task-mail.action-compose .formbuttons button.send,
  body.task-mail.action-compose .formbuttons button.send,
  .task-mail.action-compose #rcmbtn112,
  body.task-mail.action-compose #rcmbtn112 {
    display: none !important;
  }
  .task-mail.action-compose .tox-tbtn--select,
  body.task-mail.action-compose .tox-tbtn--select,
  .task-mail.action-compose button.tox-tbtn--select,
  body.task-mail.action-compose button.tox-tbtn--select,
  .task-mail.action-compose .tox-tbtn__select-label,
  body.task-mail.action-compose .tox-tbtn__select-label {
    max-width: 5em !important;
    width: 5em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .task-mail.action-compose .footer span.buttons a.save.draft.button,
  body.task-mail.action-compose .footer span.buttons a.save.draft.button,
  .task-mail.action-compose .footer span.buttons a.save,
  body.task-mail.action-compose .footer span.buttons a.save,
  .task-mail.action-compose span.buttons a.save.draft.button,
  body.task-mail.action-compose span.buttons a.save.draft.button,
  .task-mail.action-compose span.buttons a#rcmbtn108-clone,
  body.task-mail.action-compose span.buttons a#rcmbtn108-clone,
  .task-mail.action-compose .footer a.save.draft.button,
  body.task-mail.action-compose .footer a.save.draft.button,
  .task-mail.action-compose .footer a.save,
  body.task-mail.action-compose .footer a.save {
    color: #409eff !important;
    background: transparent !important;
  }
  .task-mail.action-compose .footer span.buttons a.save.draft.button:before,
  body.task-mail.action-compose .footer span.buttons a.save.draft.button:before,
  .task-mail.action-compose .footer span.buttons a.save:before,
  body.task-mail.action-compose .footer span.buttons a.save:before,
  .task-mail.action-compose span.buttons a.save.draft.button:before,
  body.task-mail.action-compose span.buttons a.save.draft.button:before,
  .task-mail.action-compose span.buttons a#rcmbtn108-clone:before,
  body.task-mail.action-compose span.buttons a#rcmbtn108-clone:before,
  .task-mail.action-compose .footer a.save.draft.button:before,
  body.task-mail.action-compose .footer a.save.draft.button:before,
  .task-mail.action-compose .footer a.save:before,
  body.task-mail.action-compose .footer a.save:before {
    content: "\e607" !important;
    font-family: "iconfont" !important;
    color: #409eff !important;
    font-size: 18px !important;
  }
  .task-mail.action-compose .footer span.buttons a.save.draft.button .inner,
  body.task-mail.action-compose .footer span.buttons a.save.draft.button .inner,
  .task-mail.action-compose .footer span.buttons a.save .inner,
  body.task-mail.action-compose .footer span.buttons a.save .inner,
  .task-mail.action-compose span.buttons a.save.draft.button .inner,
  body.task-mail.action-compose span.buttons a.save.draft.button .inner,
  .task-mail.action-compose span.buttons a#rcmbtn108-clone .inner,
  body.task-mail.action-compose span.buttons a#rcmbtn108-clone .inner,
  .task-mail.action-compose .footer a.save.draft.button .inner,
  body.task-mail.action-compose .footer a.save.draft.button .inner,
  .task-mail.action-compose .footer a.save .inner,
  body.task-mail.action-compose .footer a.save .inner,
  .task-mail.action-compose .footer span.buttons a.save.draft.button span.inner,
  body.task-mail.action-compose .footer span.buttons a.save.draft.button span.inner,
  .task-mail.action-compose .footer span.buttons a.save span.inner,
  body.task-mail.action-compose .footer span.buttons a.save span.inner,
  .task-mail.action-compose span.buttons a.save.draft.button span.inner,
  body.task-mail.action-compose span.buttons a.save.draft.button span.inner,
  .task-mail.action-compose span.buttons a#rcmbtn108-clone span.inner,
  body.task-mail.action-compose span.buttons a#rcmbtn108-clone span.inner,
  .task-mail.action-compose .footer a.save.draft.button span.inner,
  body.task-mail.action-compose .footer a.save.draft.button span.inner,
  .task-mail.action-compose .footer a.save span.inner,
  body.task-mail.action-compose .footer a.save span.inner {
    color: #409eff !important;
  }
  .task-mail.action-compose .footer span.buttons a.primary.send.button,
  body.task-mail.action-compose .footer span.buttons a.primary.send.button,
  .task-mail.action-compose .footer span.buttons a.send,
  body.task-mail.action-compose .footer span.buttons a.send,
  .task-mail.action-compose span.buttons a.primary.send.button,
  body.task-mail.action-compose span.buttons a.primary.send.button,
  .task-mail.action-compose span.buttons a#rcmbtn112-clone,
  body.task-mail.action-compose span.buttons a#rcmbtn112-clone,
  .task-mail.action-compose .footer a.primary.send.button,
  body.task-mail.action-compose .footer a.primary.send.button,
  .task-mail.action-compose .footer a.send,
  body.task-mail.action-compose .footer a.send {
    color: #409eff !important;
    background: transparent !important;
  }
  .task-mail.action-compose .footer span.buttons a.primary.send.button:before,
  body.task-mail.action-compose .footer span.buttons a.primary.send.button:before,
  .task-mail.action-compose .footer span.buttons a.send:before,
  body.task-mail.action-compose .footer span.buttons a.send:before,
  .task-mail.action-compose span.buttons a.primary.send.button:before,
  body.task-mail.action-compose span.buttons a.primary.send.button:before,
  .task-mail.action-compose span.buttons a#rcmbtn112-clone:before,
  body.task-mail.action-compose span.buttons a#rcmbtn112-clone:before,
  .task-mail.action-compose .footer a.primary.send.button:before,
  body.task-mail.action-compose .footer a.primary.send.button:before,
  .task-mail.action-compose .footer a.send:before,
  body.task-mail.action-compose .footer a.send:before {
    content: "\e6ab" !important;
    font-family: "iconfont" !important;
    color: #409eff !important;
    font-size: 18px !important;
  }
  .task-mail.action-compose .footer span.buttons a.primary.send.button .inner,
  body.task-mail.action-compose .footer span.buttons a.primary.send.button .inner,
  .task-mail.action-compose .footer span.buttons a.send .inner,
  body.task-mail.action-compose .footer span.buttons a.send .inner,
  .task-mail.action-compose span.buttons a.primary.send.button .inner,
  body.task-mail.action-compose span.buttons a.primary.send.button .inner,
  .task-mail.action-compose span.buttons a#rcmbtn112-clone .inner,
  body.task-mail.action-compose span.buttons a#rcmbtn112-clone .inner,
  .task-mail.action-compose .footer a.primary.send.button .inner,
  body.task-mail.action-compose .footer a.primary.send.button .inner,
  .task-mail.action-compose .footer a.send .inner,
  body.task-mail.action-compose .footer a.send .inner,
  .task-mail.action-compose .footer span.buttons a.primary.send.button span.inner,
  body.task-mail.action-compose .footer span.buttons a.primary.send.button span.inner,
  .task-mail.action-compose .footer span.buttons a.send span.inner,
  body.task-mail.action-compose .footer span.buttons a.send span.inner,
  .task-mail.action-compose span.buttons a.primary.send.button span.inner,
  body.task-mail.action-compose span.buttons a.primary.send.button span.inner,
  .task-mail.action-compose span.buttons a#rcmbtn112-clone span.inner,
  body.task-mail.action-compose span.buttons a#rcmbtn112-clone span.inner,
  .task-mail.action-compose .footer a.primary.send.button span.inner,
  body.task-mail.action-compose .footer a.primary.send.button span.inner,
  .task-mail.action-compose .footer a.send span.inner,
  body.task-mail.action-compose .footer a.send span.inner {
    color: #409eff !important;
  }
  .task-mail.action-compose #compose-content .form-group,
  body.task-mail.action-compose #compose-content .form-group,
  .task-mail.action-compose .compose-content .form-group,
  body.task-mail.action-compose .compose-content .form-group {
    border: none !important;
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    background: #ffffff !important;
  }
  .task-mail.action-compose #compose-content .col-2,
  body.task-mail.action-compose #compose-content .col-2,
  .task-mail.action-compose .compose-content .col-2,
  body.task-mail.action-compose .compose-content .col-2,
  .task-mail.action-compose #compose-content .col-sm-2,
  body.task-mail.action-compose #compose-content .col-sm-2,
  .task-mail.action-compose .compose-content .col-sm-2,
  body.task-mail.action-compose .compose-content .col-sm-2,
  .task-mail.action-compose #compose-content .form-group .col-2,
  body.task-mail.action-compose #compose-content .form-group .col-2,
  .task-mail.action-compose .compose-content .form-group .col-2,
  body.task-mail.action-compose .compose-content .form-group .col-2,
  .task-mail.action-compose #compose-content .compose-headers .col-2,
  body.task-mail.action-compose #compose-content .compose-headers .col-2,
  .task-mail.action-compose .compose-content .compose-headers .col-2,
  body.task-mail.action-compose .compose-content .compose-headers .col-2 {
    flex: 0 0 18% !important;
    max-width: 18% !important;
  }
  .task-mail.action-compose #compose-content .col-10,
  body.task-mail.action-compose #compose-content .col-10,
  .task-mail.action-compose .compose-content .col-10,
  body.task-mail.action-compose .compose-content .col-10,
  .task-mail.action-compose #compose-content .col-sm-10,
  body.task-mail.action-compose #compose-content .col-sm-10,
  .task-mail.action-compose .compose-content .col-sm-10,
  body.task-mail.action-compose .compose-content .col-sm-10,
  .task-mail.action-compose #compose-content .form-group .col-10,
  body.task-mail.action-compose #compose-content .form-group .col-10,
  .task-mail.action-compose .compose-content .form-group .col-10,
  body.task-mail.action-compose .compose-content .form-group .col-10,
  .task-mail.action-compose #compose-content .compose-headers .col-10,
  body.task-mail.action-compose #compose-content .compose-headers .col-10,
  .task-mail.action-compose .compose-content .compose-headers .col-10,
  body.task-mail.action-compose .compose-content .compose-headers .col-10 {
    flex: 0 0 82% !important;
    max-width: 82% !important;
  }
  .task-mail.action-compose #compose-content label,
  body.task-mail.action-compose #compose-content label,
  .task-mail.action-compose .compose-content label,
  body.task-mail.action-compose .compose-content label,
  .task-mail.action-compose #compose-content .col-form-label,
  body.task-mail.action-compose #compose-content .col-form-label,
  .task-mail.action-compose .compose-content .col-form-label,
  body.task-mail.action-compose .compose-content .col-form-label {
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #606266 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .task-mail.action-compose #compose-content input.form-control,
  body.task-mail.action-compose #compose-content input.form-control,
  .task-mail.action-compose .compose-content input.form-control,
  body.task-mail.action-compose .compose-content input.form-control,
  .task-mail.action-compose #compose-content .form-control,
  body.task-mail.action-compose #compose-content .form-control,
  .task-mail.action-compose .compose-content .form-control,
  body.task-mail.action-compose .compose-content .form-control,
  .task-mail.action-compose #compose-content input[type="text"],
  body.task-mail.action-compose #compose-content input[type="text"],
  .task-mail.action-compose .compose-content input[type="text"],
  body.task-mail.action-compose .compose-content input[type="text"],
  .task-mail.action-compose #compose-content input[type="email"],
  body.task-mail.action-compose #compose-content input[type="email"],
  .task-mail.action-compose .compose-content input[type="email"],
  body.task-mail.action-compose .compose-content input[type="email"],
  .task-mail.action-compose #compose-content textarea.form-control,
  body.task-mail.action-compose #compose-content textarea.form-control,
  .task-mail.action-compose .compose-content textarea.form-control,
  body.task-mail.action-compose .compose-content textarea.form-control,
  .task-mail.action-compose #compose-content #_to,
  body.task-mail.action-compose #compose-content #_to,
  .task-mail.action-compose .compose-content #_to,
  body.task-mail.action-compose .compose-content #_to,
  .task-mail.action-compose #compose-content #_subject,
  body.task-mail.action-compose #compose-content #_subject,
  .task-mail.action-compose .compose-content #_subject,
  body.task-mail.action-compose .compose-content #_subject {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", sans-serif !important;
    color: #303133 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    min-height: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
  }
  .task-mail.action-compose #compose-content input.form-control:focus,
  body.task-mail.action-compose #compose-content input.form-control:focus,
  .task-mail.action-compose .compose-content input.form-control:focus,
  body.task-mail.action-compose .compose-content input.form-control:focus,
  .task-mail.action-compose #compose-content .form-control:focus,
  body.task-mail.action-compose #compose-content .form-control:focus,
  .task-mail.action-compose .compose-content .form-control:focus,
  body.task-mail.action-compose .compose-content .form-control:focus,
  .task-mail.action-compose #compose-content input[type="text"]:focus,
  body.task-mail.action-compose #compose-content input[type="text"]:focus,
  .task-mail.action-compose .compose-content input[type="text"]:focus,
  body.task-mail.action-compose .compose-content input[type="text"]:focus,
  .task-mail.action-compose #compose-content input[type="email"]:focus,
  body.task-mail.action-compose #compose-content input[type="email"]:focus,
  .task-mail.action-compose .compose-content input[type="email"]:focus,
  body.task-mail.action-compose .compose-content input[type="email"]:focus,
  .task-mail.action-compose #compose-content textarea.form-control:focus,
  body.task-mail.action-compose #compose-content textarea.form-control:focus,
  .task-mail.action-compose .compose-content textarea.form-control:focus,
  body.task-mail.action-compose .compose-content textarea.form-control:focus,
  .task-mail.action-compose #compose-content #_to:focus,
  body.task-mail.action-compose #compose-content #_to:focus,
  .task-mail.action-compose .compose-content #_to:focus,
  body.task-mail.action-compose .compose-content #_to:focus,
  .task-mail.action-compose #compose-content #_subject:focus,
  body.task-mail.action-compose #compose-content #_subject:focus,
  .task-mail.action-compose .compose-content #_subject:focus,
  body.task-mail.action-compose .compose-content #_subject:focus {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  .task-mail.action-compose #compose-content input.form-control::placeholder,
  body.task-mail.action-compose #compose-content input.form-control::placeholder,
  .task-mail.action-compose .compose-content input.form-control::placeholder,
  body.task-mail.action-compose .compose-content input.form-control::placeholder,
  .task-mail.action-compose #compose-content .form-control::placeholder,
  body.task-mail.action-compose #compose-content .form-control::placeholder,
  .task-mail.action-compose .compose-content .form-control::placeholder,
  body.task-mail.action-compose .compose-content .form-control::placeholder,
  .task-mail.action-compose #compose-content input[type="text"]::placeholder,
  body.task-mail.action-compose #compose-content input[type="text"]::placeholder,
  .task-mail.action-compose .compose-content input[type="text"]::placeholder,
  body.task-mail.action-compose .compose-content input[type="text"]::placeholder,
  .task-mail.action-compose #compose-content input[type="email"]::placeholder,
  body.task-mail.action-compose #compose-content input[type="email"]::placeholder,
  .task-mail.action-compose .compose-content input[type="email"]::placeholder,
  body.task-mail.action-compose .compose-content input[type="email"]::placeholder,
  .task-mail.action-compose #compose-content textarea.form-control::placeholder,
  body.task-mail.action-compose #compose-content textarea.form-control::placeholder,
  .task-mail.action-compose .compose-content textarea.form-control::placeholder,
  body.task-mail.action-compose .compose-content textarea.form-control::placeholder,
  .task-mail.action-compose #compose-content #_to::placeholder,
  body.task-mail.action-compose #compose-content #_to::placeholder,
  .task-mail.action-compose .compose-content #_to::placeholder,
  body.task-mail.action-compose .compose-content #_to::placeholder,
  .task-mail.action-compose #compose-content #_subject::placeholder,
  body.task-mail.action-compose #compose-content #_subject::placeholder,
  .task-mail.action-compose .compose-content #_subject::placeholder,
  body.task-mail.action-compose .compose-content #_subject::placeholder {
    color: #c0c4cc !important;
    font-size: 14px !important;
  }
  .task-mail.action-compose #compose-content textarea,
  body.task-mail.action-compose #compose-content textarea,
  .task-mail.action-compose .compose-content textarea,
  body.task-mail.action-compose .compose-content textarea,
  .task-mail.action-compose #compose-content textarea.form-control,
  body.task-mail.action-compose #compose-content textarea.form-control,
  .task-mail.action-compose .compose-content textarea.form-control,
  body.task-mail.action-compose .compose-content textarea.form-control,
  .task-mail.action-compose #compose-content textarea#_to,
  body.task-mail.action-compose #compose-content textarea#_to,
  .task-mail.action-compose .compose-content textarea#_to,
  body.task-mail.action-compose .compose-content textarea#_to,
  .task-mail.action-compose #compose-content textarea.recipient-input,
  body.task-mail.action-compose #compose-content textarea.recipient-input,
  .task-mail.action-compose .compose-content textarea.recipient-input,
  body.task-mail.action-compose .compose-content textarea.recipient-input,
  .task-mail.action-compose #compose-content textarea.ui-autocomplete-input,
  body.task-mail.action-compose #compose-content textarea.ui-autocomplete-input,
  .task-mail.action-compose .compose-content textarea.ui-autocomplete-input,
  body.task-mail.action-compose .compose-content textarea.ui-autocomplete-input {
    resize: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    white-space: normal !important;
    min-height: 32px !important;
    max-height: 150px !important;
    padding: 8px !important;
  }
  .task-mail.action-compose #compose-content .input-group-append,
  body.task-mail.action-compose #compose-content .input-group-append,
  .task-mail.action-compose .compose-content .input-group-append,
  body.task-mail.action-compose .compose-content .input-group-append,
  .task-mail.action-compose #compose-content .input-group-text,
  body.task-mail.action-compose #compose-content .input-group-text,
  .task-mail.action-compose .compose-content .input-group-text,
  body.task-mail.action-compose .compose-content .input-group-text,
  .task-mail.action-compose #compose-content button.dropdown-toggle,
  body.task-mail.action-compose #compose-content button.dropdown-toggle,
  .task-mail.action-compose .compose-content button.dropdown-toggle,
  body.task-mail.action-compose .compose-content button.dropdown-toggle,
  .task-mail.action-compose #compose-content a.button,
  body.task-mail.action-compose #compose-content a.button,
  .task-mail.action-compose .compose-content a.button,
  body.task-mail.action-compose .compose-content a.button {
    border: none !important;
    background: transparent !important;
    color: #909399 !important;
  }
  .task-mail.action-compose #compose-content .input-group-append:before,
  body.task-mail.action-compose #compose-content .input-group-append:before,
  .task-mail.action-compose .compose-content .input-group-append:before,
  body.task-mail.action-compose .compose-content .input-group-append:before,
  .task-mail.action-compose #compose-content .input-group-text:before,
  body.task-mail.action-compose #compose-content .input-group-text:before,
  .task-mail.action-compose .compose-content .input-group-text:before,
  body.task-mail.action-compose .compose-content .input-group-text:before,
  .task-mail.action-compose #compose-content button.dropdown-toggle:before,
  body.task-mail.action-compose #compose-content button.dropdown-toggle:before,
  .task-mail.action-compose .compose-content button.dropdown-toggle:before,
  body.task-mail.action-compose .compose-content button.dropdown-toggle:before,
  .task-mail.action-compose #compose-content a.button:before,
  body.task-mail.action-compose #compose-content a.button:before,
  .task-mail.action-compose .compose-content a.button:before,
  body.task-mail.action-compose .compose-content a.button:before {
    color: #909399 !important;
  }
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  .task-addressbook #contacts-table tr,
  body.task-addressbook #contacts-table tr,
  .task-addressbook .contactlist tr,
  body.task-addressbook .contactlist tr,
  .task-addressbook .listing.contactlist tr,
  body.task-addressbook .listing.contactlist tr,
  .task-addressbook #contacts-table li,
  body.task-addressbook #contacts-table li,
  .task-addressbook .contactlist li,
  body.task-addressbook .contactlist li,
  .task-addressbook .listing.contactlist li,
  body.task-addressbook .listing.contactlist li {
    padding: 12px 8px !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }
  .task-addressbook #contacts-table tr td,
  body.task-addressbook #contacts-table tr td,
  .task-addressbook .contactlist tr td,
  body.task-addressbook .contactlist tr td,
  .task-addressbook .listing.contactlist tr td,
  body.task-addressbook .listing.contactlist tr td,
  .task-addressbook #contacts-table li td,
  body.task-addressbook #contacts-table li td,
  .task-addressbook .contactlist li td,
  body.task-addressbook .contactlist li td,
  .task-addressbook .listing.contactlist li td,
  body.task-addressbook .listing.contactlist li td {
    padding: 8px !important;
  }
  .task-addressbook #contacts-table tr td.name,
  body.task-addressbook #contacts-table tr td.name,
  .task-addressbook .contactlist tr td.name,
  body.task-addressbook .contactlist tr td.name,
  .task-addressbook .listing.contactlist tr td.name,
  body.task-addressbook .listing.contactlist tr td.name,
  .task-addressbook #contacts-table li td.name,
  body.task-addressbook #contacts-table li td.name,
  .task-addressbook .contactlist li td.name,
  body.task-addressbook .contactlist li td.name,
  .task-addressbook .listing.contactlist li td.name,
  body.task-addressbook .listing.contactlist li td.name,
  .task-addressbook #contacts-table tr td.contact,
  body.task-addressbook #contacts-table tr td.contact,
  .task-addressbook .contactlist tr td.contact,
  body.task-addressbook .contactlist tr td.contact,
  .task-addressbook .listing.contactlist tr td.contact,
  body.task-addressbook .listing.contactlist tr td.contact,
  .task-addressbook #contacts-table li td.contact,
  body.task-addressbook #contacts-table li td.contact,
  .task-addressbook .contactlist li td.contact,
  body.task-addressbook .contactlist li td.contact,
  .task-addressbook .listing.contactlist li td.contact,
  body.task-addressbook .listing.contactlist li td.contact {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
    font-size: 15px !important;
    color: #303133 !important;
  }
  .task-addressbook #contacts-table tr td.email,
  body.task-addressbook #contacts-table tr td.email,
  .task-addressbook .contactlist tr td.email,
  body.task-addressbook .contactlist tr td.email,
  .task-addressbook .listing.contactlist tr td.email,
  body.task-addressbook .listing.contactlist tr td.email,
  .task-addressbook #contacts-table li td.email,
  body.task-addressbook #contacts-table li td.email,
  .task-addressbook .contactlist li td.email,
  body.task-addressbook .contactlist li td.email,
  .task-addressbook .listing.contactlist li td.email,
  body.task-addressbook .listing.contactlist li td.email {
    font-size: 13px !important;
    color: #909399 !important;
  }
}
@media screen and (max-width: 768px) {
  .task-addressbook .footer a.button.prev,
  .task-addressbook .footer a.button.next,
  .task-addressbook .footer button.prev,
  .task-addressbook .footer button.next {
    display: none !important;
  }
  .task-addressbook .footer a.submit,
  .task-addressbook .footer a.primary.submit.button {
    color: #000000 !important;
  }
  .task-addressbook .footer a.submit:before,
  .task-addressbook .footer a.primary.submit.button:before {
    font-family: "iconfont" !important;
    content: "\e607" !important;
    color: #000000 !important;
  }
  .task-addressbook .floating-action-buttons,
  .task-addressbook a.button.create[data-fab="true"],
  .task-addressbook a.create.button,
  .task-addressbook #layout-list .floating-action-buttons,
  .task-addressbook #layout-content .floating-action-buttons {
    display: none !important;
    visibility: hidden !important;
  }
  .task-addressbook #groupoptions-menu a.create,
  .task-addressbook .popupmenu#groupoptions-menu a.create,
  .task-addressbook #groupoptions-menu a[command="group-create"],
  .task-addressbook .popupmenu#groupoptions-menu a[command="group-create"],
  .task-addressbook #groupoptions-menu li:has(a.create),
  .task-addressbook .popupmenu#groupoptions-menu li:has(a.create),
  .task-addressbook #groupoptions-menu li:has(a[command="group-create"]),
  .task-addressbook .popupmenu#groupoptions-menu li:has(a[command="group-create"]) {
    display: none !important;
  }
  .task-addressbook #addressbooktoolbar a.create,
  .task-addressbook .toolbar.menu a.create,
  .task-addressbook #addressbooktoolbar a[command="add"],
  .task-addressbook .toolbar.menu a[command="add"],
  .task-addressbook #addressbooktoolbar .button.create,
  .task-addressbook .toolbar.menu .button.create {
    display: none !important;
  }
  #layout.task-addressbook .footer a.submit,
  #layout.task-addressbook .footer a.primary.submit.button {
    color: #000000 !important;
  }
  #layout.task-addressbook .footer a.submit:before,
  #layout.task-addressbook .footer a.primary.submit.button:before {
    content: "\e607" !important;
    color: #000000 !important;
  }
  body.task-addressbook .floating-action-buttons,
  body.task-addressbook a.button.create[data-fab="true"],
  html.task-addressbook .floating-action-buttons,
  body.task-addressbook #groupoptions-menu a.create,
  body.task-addressbook #groupoptions-menu a[command="group-create"],
  body.task-addressbook #addressbooktoolbar a.create,
  body.task-addressbook #addressbooktoolbar a[command="add"] {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (max-width: 768px) {
  .spinner-border,
  .spinner-grow {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-width: 0.25rem !important;
    border-style: solid !important;
    border-radius: 50% !important;
    animation: spinner-rotate 1s linear infinite !important;
    -webkit-animation: spinner-rotate 1s linear infinite !important;
  }
  #loading .spinner-border,
  .loading-indicator .spinner-border,
  .ui-widget-overlay .spinner-border,
  #loading .spinner-grow,
  .loading-indicator .spinner-grow,
  .ui-widget-overlay .spinner-grow {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-width: 0.25rem !important;
  }
}
@keyframes spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@media screen and (max-width: 768px) {
  .ui-dialog iframe,
  .ui-dialog .ui-dialog-content.iframe {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .ui-dialog:has(#recipient-dialog) iframe,
  .ui-dialog:has(#recipient-dialog) .ui-dialog-content.iframe {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  #layout-content .footer a.reply.button:not(.selected):before,
  .content-frame-navigation a.reply.button:not(.selected):before,
  a.reply.button:not(.selected):before,
  a.replyall.button:not(.selected):before,
  button.reply.button:not(.selected):before,
  a[id*="rcmbtn"][class*="reply"]:not(.selected):before {
    font-family: "iconfont" !important;
    content: "\e691" !important;
    color: #333333 !important;
  }
  #layout-content .footer a.reply.button:hover:before,
  .content-frame-navigation a.reply.button:hover:before,
  a.reply.button:hover:before,
  a.replyall.button:hover:before,
  button.reply.button:hover:before,
  a[id*="rcmbtn"][class*="reply"]:hover:before,
  .toolbar-menu .dropbutton .reply-all:hover:before {
    color: #fff !important;
  }
  .menu.popover a.reply.button.selected:before,
  .menu.popover a.replyall.button.selected:before,
  .menu.popover a.reply.selected:before,
  .menu.popover a.replyall.selected:before,
  .menu.popover a[class*="reply"].selected:before {
    color: #ffffff !important;
  }
  .popover.menu .dropbutton a.dropdown,
  .menu.popover .dropbutton a.dropdown {
    background-color: #ffffff !important;
  }
  .popover.menu li:hover > .dropbutton > a.dropdown,
  .menu.popover li:hover > .dropbutton > a.dropdown,
  .popover .menu li:hover .dropbutton a.dropdown {
    background-color: #409eff !important;
    color: #ffffff !important;
  }
  .popover.menu li:hover > .dropbutton > a.dropdown:before,
  .menu.popover li:hover > .dropbutton > a.dropdown:before,
  .popover .menu li:hover .dropbutton a.dropdown:before,
  .popover.menu li:hover > .dropbutton > a.dropdown:after,
  .menu.popover li:hover > .dropbutton > a.dropdown:after,
  .popover .menu li:hover .dropbutton a.dropdown:after {
    color: #ffffff !important;
  }
  .menu.popover li.active .dropbutton a.dropdown,
  .menu.popover li.selected .dropbutton a.dropdown {
    background-color: transparent !important;
    color: #ffffff !important;
  }
  .menu.popover li.active .dropbutton a.dropdown:before,
  .menu.popover li.selected .dropbutton a.dropdown:before,
  .menu.popover li.active .dropbutton a.dropdown:after,
  .menu.popover li.selected .dropbutton a.dropdown:after {
    color: #ffffff !important;
  }
  html.task-mail.action-compose span.buttons a.primary.send.button:before,
  html.task-mail.action-compose a.primary.send.button:before,
  html.task-mail.action-compose a.send.button:before,
  html body .task-mail.action-compose a.send:before,
  html body span.buttons a.primary.send.button:before,
  html body a#rcmbtn112-clone:before,
  .task-mail.action-compose a.button.primary.send:before {
    font-family: "iconfont" !important;
    content: "\e6ab" !important;
      
  }
  html body #layout.task-addressbook a.edit:before,
  html body #layout.task-addressbook a.button.edit:before,
  html body #layout.task-addressbook button.edit:before,
  html body #layout.task-addressbook .btn.edit:before,
  html body #layout.task-addressbook .menu a.edit:before,
  html body div#layout.task-addressbook a.edit:before,
  html body div#layout.task-addressbook .menu a.edit:before {
    display: inline-block !important;
    font-family: "iconfont" !important;
    content: "\e737" !important;
    color: #409eff !important;
    font-size: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  html body.task-settings #layout #layout-list > .header a.task-menu-button:before,
  html body.task-settings #layout #layout-list .header a.task-menu-button:before,
  html.layout-phone body.task-settings #layout #layout-list > .header a:first-child:before,
  html.layout-small body.task-settings #layout #layout-list > .header a:first-child:before,
  body.task-settings #layout #layout-list > .header a.button.icon.task-menu-button:before,
  html body.task-settings div#layout #layout-list > .header a:before {
    font-family: "iconfont" !important;
    content: "\e896" !important;
    color: #000000 !important;
    font-size: 20px !important;
  }
  html body.task-settings #layout #layout-list > .header a.back-sidebar-button:before,
  html body.task-settings #layout #layout-list .header a.back-sidebar-button:before,
  html body.task-settings #layout #layout-list > .header a.button.icon.back-sidebar-button:before,
  html.layout-phone body.task-settings #layout #layout-list > .header a.back-sidebar-button:before,
  html.layout-small body.task-settings #layout #layout-list > .header a.back-sidebar-button:before,
  body.task-settings #layout #layout-list > .header a.button.back-sidebar-button:before {
    font-family: "iconfont" !important;
    content: "\e605" !important;
    color: #000000 !important;
    font-size: 20px !important;
  }
}
/* 隐藏设置页面选项中的"用户界面"选项 */
#sections-table tr[id*="general.general"],
tr[id*="rcmrowgeneral.general"],
.listing.iconized.settings-default-icon tr:first-child {
  display: none !important;
}
/* 隐藏设置页面选项中的"显示参数"选项 */
#sections-table tr[id*="mailview"],
tr[id*="rcmrowmailview"],
a[href*="_section=mailview"] {
  display: none !important;
}
.task-settings .boxcontent .propform tbody tr:nth-child(1) {
  display: none !important;
}
/* 去掉所有对话框按钮的 focus 边框 - 最高优先级 */
.ui-dialog-buttonpane button:focus,
.ui-dialog-buttonpane button:focus-visible,
.ui-dialog button:focus,
.ui-dialog button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}
/* 强制对话框按钮容器使用 flex 布局 - 最高优先级 */
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-widget.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
body .ui-dialog-buttonpane .ui-dialog-buttonset,
body div.ui-dialog-buttonset {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 10px !important;
  float: none !important;
  text-align: left !important;
}
/* 强制按钮顺序 - 最高优先级 */
body .ui-dialog .ui-dialog-buttonset button.mainaction,
body .ui-dialog .ui-dialog-buttonset button.save,
body .ui-dialog .ui-dialog-buttonset button.btn-primary,
body .ui-dialog .ui-dialog-buttonset button[type="submit"],
.ui-dialog-buttonpane .ui-dialog-buttonset button.mainaction,
.ui-dialog-buttonpane .ui-dialog-buttonset button.save,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary {
  -webkit-box-ordinal-group: 3 !important;
  -webkit-order: 2 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  float: none !important;
  position: relative !important;
}
body .ui-dialog .ui-dialog-buttonset button.cancel,
body .ui-dialog .ui-dialog-buttonset button.btn-secondary,
.ui-dialog-buttonpane .ui-dialog-buttonset button.cancel,
.ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
  -webkit-box-ordinal-group: 2 !important;
  -webkit-order: 1 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
  float: none !important;
  position: relative !important;
}
/* 隐藏发件人身份页面的设为默认字段 */
tr.form-group.row:has(td input[type="checkbox"][name="_standard"]) {
  display: none !important;
}
/* 将发件人身份页面的邮件地址字段设置为禁用状态 */
tr.form-group.row input[type="text"][name="_email"] {
  pointer-events: none !important;
  background-color: #f5f5f5 !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}
/* 隐藏联系人页面的导入、导出、打印、通讯录按钮 */
.task-addressbook ul#toolbar-menu li a[onclick*="import"],
.task-addressbook ul#toolbar-menu li a[onclick*="export"],
.task-addressbook ul#toolbar-menu li a[onclick*="print"],
.task-addressbook ul#toolbar-menu li a[data-group="toolbar-menu"][onclick*="book"],
body.task-addressbook ul#toolbar-menu li:has(a[onclick*="import"]),
body.task-addressbook ul#toolbar-menu li:has(a[onclick*="export"]),
body.task-addressbook ul#toolbar-menu li:has(a[onclick*="print"]),
body.task-addressbook ul#toolbar-menu li:has(a[onclick*="book"]) {
  display: none !important;
}
/* 终极方案：强制对话框按钮使用flex布局并交换位置 */
html body div.ui-dialog-buttonset[style] {
  display: flex !important;
  flex-direction: row !important;
}
html body .ui-dialog-buttonset button.mainaction[style],
html body .ui-dialog-buttonset button.btn-primary[style] {
  order: 2 !important;
}
html body .ui-dialog-buttonset button.cancel[style],
html body .ui-dialog-buttonset button.btn-secondary[style] {
  order: 1 !important;
}
/* 隐藏收件箱右侧菜单中的创建过滤规则按钮 */
.task-mail ul#message-menu li a[onclick*="plugin.managesieve"],
.task-mail ul#message-menu li a[onclick*="filter"],
.task-mail ul#message-menu li:has(a[onclick*="managesieve"]),
body.task-mail ul#message-menu li a[data-group="message-menu"][onclick*="filter"] {
  display: none !important;
}
.popover-body .filterlink {
  display: none !important;
}
/* 隐藏联系人页面的新增浮动按钮 */
.task-addressbook #layout-content a.floating-action-buttons,
.task-addressbook #layout-content .floating-action-buttons,
body.task-addressbook #layout-content a[data-fab="true"],
.task-addressbook #layout-content a.button.create[data-fab="true"] {
  display: none !important;
}
/* 隐藏撰写邮件中的高级选项区域 */
.task-mail.action-compose #fieldset-advanced,
.task-mail.action-compose fieldset#fieldset-advanced,
#compose-content fieldset#fieldset-advanced,
fieldset[id*="advanced"] {
  display: none !important;
}


#rcmrowfolders,#rcmrowencryption{
    display: none !important;
}

/* 确保发件人身份编辑页面的签名字段正常显示 */
/* 确保签名输入框（textarea）正常显示 */
/* 确保包含签名字段的表格行正常显示 */
.task-settings tr:has(#rcmfd_signature),
.propform tr:has(#rcmfd_signature) {
  display: table-row !important;
  visibility: visible !important;
}
.popover .menu .dropbutton a.dropdown {
  background-color: inherit;
}

/* 隐藏发件人下拉框的下拉箭头和编辑按钮，但保留发件人显示 */
body.task-mail.action-compose #compose_from select#_from {
    /* 隐藏下拉箭头 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* 禁用点击 */
    pointer-events: none;
    /* 移除背景图标 */
    background-image: none !important;
    /* 设置为只读样式（保持正常输入框外观）*/
    background-color: #ffffff !important;
    border-color: #ced4da !important;
    cursor: default !important;
    /* 保持正常文字颜色 */
    color: #495057 !important;
    opacity: 1 !important;
}


.ui-helper-clearfix .ui-dialog-buttonset .mainaction.attach {
  color: #fff !important;
}
.ios-scroll{
    overflow: hidden !important;
}


.leftcol .attachmentslist li.message{
  display: none;
}

/* 默认隐藏所有垃圾邮件按钮 */
.cmd-markasjunk,
a.junk,
button.junk {
    display: none !important;
}

/* 方案A：使用 :has() - 适用于现代浏览器 */
body:has(.mailbox.inbox.selected) .cmd-markasjunk,
body:has(.mailbox.inbox.selected) a.junk,
body:has(.mailbox.inbox.selected) button.junk {
    display: inline-block !important;
}