:root {
  --elqt-border-radius: 12px;
}
html.dark-mode {
    scrollbar-color: #323e42 #4d6066;
}


/* Tipografia */

.popover, body, button, div.tox, div.tox :not(.svg), input, optgroup, select, textarea{
    font-family: "Segoe UI",Roboto,"Helvetica Neue",-apple-system,BlinkMacSystemFont,Arial,"Noto Sans",sans-serif;
}



/* mensagem */
.dark-mode .message-htmlpart {
  padding: 30px !important;
  border-radius: var(--elqt-border-radius) !important;
  background-color: rgb(226 231 233);
}

html.dark-mode .message-htmlpart blockquote,
html.dark-mode .message-part blockquote {
  background-color: rgb(226 231 233);
  color: #006a9d !important;
}

#messagestack .alert-warning,
.ui.alert.boxwarning {
  border-radius: var(--elqt-border-radius);
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
}

html.dark-mode .attachmentslist {
  background-color: #374549;
  border-radius: var(--elqt-border-radius);
  padding: 0.5rem 1rem;
}

/* modal */
.ui-dialog {
  border-radius: 12px;
  overflow: hidden;
}

/* listagem de mensagens */
.messagelist td.subject {
  padding: 1rem 0;
}
.messagelist td.subject span {
  line-height: 1.5rem;
}

/* html:not(.touch) #messagelist.listing li>a:focus, 
html:not(.touch) #messagelist.listing.focus tbody tr.focused>td:first-child, */
html:not(.touch)
  #messagelist.listing.focus:not(.withselection)
  tbody
  tr.focused
  > td.selection
  + td {
  border-left: 4px solid #9ddfff;
}
html:not(.touch) .listing:not(.withselection) tbody tr > td.selection + td {
  border-radius: var(--elqt-border-radius) 0 0 var(--elqt-border-radius);
  border-left: 4px solid transparent;
}

html:not(.touch) .listing tbody tr > td {
  transition: all 0.1s ease-in-out;
}

.messagelist td.subject span.date,
.messagelist td.subject span.size {
  font-size: 0.75em;
  opacity: 0.8;
}

html.dark-mode .searchbar {
    border: none;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-bottom: 8px;
}


/* menu lateral */

#layout-sidebar {
  border: none;
}
#mailboxlist li {
  margin: 0.5rem 0.4rem;
  border-bottom: none;
}
#mailboxlist li.selected {
  border-radius: 12px;
}

.listing a {
  transition: all 0.2s ease-in-out;
}

/* botões */
.menu.toolbar a,
a.toolbar-button,
.menu.toolbar .menuitem {
  border-radius: 12px;
  transition: all 0.1s ease-in-out;
}

html.dark-mode #taskmenu a:hover,
html.dark-mode .header a.button.icon:not(.disabled):focus,
html.dark-mode .header a.button.icon:not(.disabled):hover,
html.dark-mode .menu a:not(.disabled):focus,
html.dark-mode .menu a:not(.disabled):hover,
html.dark-mode .menu.toolbar .dropbutton:not(.disabled):hover,
html.dark-mode .popupmenu .listing li > a:not(.disabled):hover {
  border-radius: 12px;
}

/* dangerous things dont know */
html.dark-mode #layout-content,
html.dark-mode #layout-list,
html.dark-mode #layout-sidebar,
html.dark-mode #layout > div > .footer,
html.dark-mode #layout > div > .header,
html.dark-mode .menu.pagenav.pagenav-list,
html.dark-mode .menu.pagenav.pagenav-list + .navlist,
html.dark-mode .menu.pagenav.pagenav-list.expanded + .navlist,
html.dark-mode .popup .listbox .footer {
  border: none;
}

html.dark-mode .toolbar.listing li{
    border: none;
}

/* Menu principal vertical */
@media screen and (min-width: 1025px) {
    #layout-menu {
        width: 88px;
    }
}
#taskmenu a {
    margin: 5px;
}
html:not(.layout-phone) #taskmenu a.settings {
    margin-top: auto;
}
.special-buttons a.about {
    display: none !important;
}