/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * Classes common to two or more pages, but not all (those go to base.scss)
 */
h1 {
  margin-top: 0px;
  font-size: 28px !important;
  /* override bootstrap */
  line-height: 32px;
  margin-bottom: 0.5em;
}

.right {
  text-align: right;
}

.inline-block {
  display: inline-block;
}

.heading {
  font-size: 100%;
  line-height: 100%;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.small-caps, #participants span#participants_title, .overview h3, .all-lists table.lists th {
  color: #999;
  text-transform: uppercase;
  font-size: small;
  font-weight: normal;
}

.small-bolded-text, .maker-name, .maker-id {
  font-weight: bold;
  font-size: small;
  vertical-align: top;
}

.bordered, .overview .thread, .overview .stats .chart-data, .back-to-top {
  border: 1px solid #ccc;
}

.bordered-vertical, #thread-list .thread {
  border-bottom: 1px solid #ccc;
}

.labels, .all-lists table.lists tr span.new {
  font-size: 78%;
  text-transform: uppercase;
}

.cursor-pointer {
  cursor: pointer;
}

.row-hover, .overview .thread:hover, .all-lists table.lists tr.list:hover {
  cursor: pointer;
  color: white;
  background-color: #08c;
}

.row-link-hover, .overview .thread:hover a, .all-lists table.lists tr.list:hover a {
  color: white;
}

.row-chart-hover, .all-lists table.lists tr.list:hover .chart-data .bars rect {
  fill: white;
}

.errorlist {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #eed3d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #b94a48;
  background-color: #f2dede;
}

.flashmsgs {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.flashmsgs .flashmsg-wrapper {
  display: block;
}
.flashmsgs .alert {
  display: inline-block;
}

.saved .fa-star, .fa-star.saved {
  color: #ffdd00;
}

.notsaved .fa-star-o, .fa-star-o.notsaved {
  color: #999;
}

.gravatar {
  vertical-align: top;
}
.gravatar-details {
  padding-left: 5px;
  padding-right: 0;
}

.maker-id {
  color: #999;
}

.gravatar-placeholder {
  width: 120px;
  height: 120px;
  background-color: #eee;
}

ul.list-stats {
  margin: 0;
}
ul.list-stats li {
  display: inline-block;
}
ul.list-stats li + li {
  padding-left: 0.75em;
}
ul.list-stats .fa {
  color: #BFBFBF;
}

.fa-user:before {
  font-size: 1.14em;
  line-height: 1em;
}

.fa-comment:before {
  color: #BFBFBF;
  font-size: 1.14em;
  line-height: 1em;
}

.participant:before {
  content: "\e609";
  color: #BFBFBF;
  font-size: 1.14em;
  line-height: 1em;
}

.discussion:before {
  content: "\e607";
  color: #BFBFBF;
  font-size: 1.14em;
  line-height: 1em;
}

.fa-envelope {
  color: #BFBFBF;
}

.fa-meh-o {
  font-weight: lighter;
  font-size: larger;
}

.neutral:before {
  content: "\e600";
  font-size: 16px;
  line-height: 1em;
  vertical-align: -2px;
}

.like:before {
  content: "\e602";
  font-size: 16px;
  line-height: 1em;
  vertical-align: -2px;
}

.likealot:before {
  content: "\e601";
  font-size: 16px;
  line-height: 1em;
  vertical-align: -2px;
}

.fa-thumbs-up.selected,
.fa-thumbs-o-up,
a.youlike {
  color: #090;
}

.fa-thumbs-down.selected,
.fa-thumbs-o-down,
a.youdislike {
  color: #900;
}

.fa-thumbs-o-up.disabled,
.fa-thumbs-o-down.disabled,
.fa-thumbs-up.disabled,
.fa-thumbs-down.disabled {
  color: #aaa;
}

div#months-list {
  padding-top: 1em;
}
div#months-list h3 {
  margin-top: 1em;
  font-size: larger;
}
div#months-list li.current {
  font-weight: bold;
}

.send-as select {
  display: none;
  width: auto;
}

.send-as .send-as-add-address {
  margin-left: 1em;
}

.attach-files-template {
  display: none;
}

.attach-files-add {
  display: none;
}

.attach-files span {
  display: block;
}

.quoted-switch .pgp {
  font-weight: normal;
  text-transform: lowercase;
  font-size: 90%;
}

.ajaxloader {
  display: block;
  margin: 1em auto;
}

.ui-autocomplete-loading {
  background: white url("../img/ajax-loader.gif") right center no-repeat;
}

.ui-widget.ui-autocomplete {
  font-family: inherit;
  font-size: 0.95em;
}

.thread-category a.label.disabled {
  cursor: default;
}
.thread-category a.label:hover {
  color: white;
  text-decoration: none;
}
.thread-category form {
  margin: 0;
  display: none;
}
.thread-category form p {
  margin: 0;
}
.thread-category form select {
  font-size: 90%;
  width: 12em;
  margin: 0;
}
.thread-category form .errorlist {
  display: none;
  /* Displayed manually */
}

.chart-font, .chart-data {
  font-size: 8pt;
  font-family: "Droid Sans", sans-serif;
  font-color: #777;
}

.chart-data {
  position: relative;
  margin: auto;
  padding-top: 3px;
  background-color: transparent;
}
.chart-data .axis path, .chart-data .chart-data .axis line {
  display: none;
}
.chart-data .bars rect {
  fill: steelBlue;
}

body {
  background-color: white;
}

#page-content-wrapper > .container {
  font-size: 14px;
}

a {
  color: #006fab;
}

nav {
  background-color: #f8f8f8;
}

footer {
  background-color: #f8f8f8;
  border-top: 1px solid #e7e7e7;
  margin-top: 2em;
  padding: 1em;
  text-align: center;
}
footer p {
  margin: 0;
}

nav {
  padding-top: 5px;
  padding-bottom: 5px;
}
nav ul.nav-pills li:first-child {
  padding-top: 2px;
}
nav ul.auth a:last-child {
  padding-right: 0;
  /* flush with right margin */
}
nav .input-group-addon {
  background: inherit;
}
nav .postorius {
  padding: 10px 20px;
  margin: 0;
  float: right;
}

.circle img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  /* width and height can be anything, as long as they're equal */
}

.circle-small img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  /* width and height can be anything, as long as they're equal */
}

.all-lists p.hide-switches {
  margin: 0;
  padding-top: 0.5em;
}
.all-lists p.hide-switches label:first-child {
  display: inline;
  margin-right: 2em;
}
.all-lists p.hide-switches input {
  margin: 0;
}
.all-lists .filter-lists {
  padding-bottom: 20px;
}
.all-lists hr {
  margin-top: 0;
}

.all-lists .header {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.all-lists .header h1 {
  margin-bottom: 0;
}
.all-lists .header h1 small {
  font-size: 60%;
}
.all-lists .header .sort-type {
  margin-top: -3px;
}
.all-lists nav.sort-mode {
  padding-top: 0;
  background-color: white;
  position: absolute;
  bottom: 0;
  right: 0;
}
.all-lists nav.sort-mode ul {
  margin-bottom: 0;
  padding-bottom: 7px;
}
.all-lists nav.sort-mode .active {
  font-weight: bold;
  border-bottom: 4px solid #08c;
  padding-bottom: 12px;
}
.all-lists nav.sort-mode a {
  color: black;
  border-bottom: 4px solid transparent;
}
.all-lists .dropdown-toggle {
  margin-left: 25px !important;
}

.all-lists .table-responsive {
  border: none;
}

.all-lists .condensed-table {
  display: none;
}

.all-lists table.lists th {
  border-bottom: none;
}
.all-lists table.lists td {
  vertical-align: middle;
  padding: 8px 12px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.all-lists table.lists td:first-child {
  border-left: 1px solid #ccc;
}
.all-lists table.lists td:last-child {
  border-right: 1px solid #ccc;
}
.all-lists table.lists .list-name {
  font-size: 120%;
  color: black;
  font-weight: bold;
}
.all-lists table.lists .list-tags {
  font-size: 80%;
  color: #999;
  font-style: italic;
}
.all-lists table.lists .list-address {
  font-size: 90%;
}
.all-lists table.lists .chart {
  height: 35px;
}
.all-lists table.lists .chart .ajaxloader {
  margin: 0 auto;
  padding-top: 0.5em;
}
.all-lists table.lists .chart .x.axis path, .all-lists table.lists .chart x.axis line {
  display: inline;
  stroke: #ccc;
  stroke-width: 1px;
  shape-rendering: crispEdges;
  fill: none;
}
.all-lists table.lists ul.list-stats {
  font-size: 90%;
}
.all-lists table.lists ul.list-stats li:first-child {
  padding-right: 1em;
}
.all-lists table.lists ul.list-stats li + li {
  padding-left: 0;
}
.all-lists table.lists .participant {
  padding-left: 10px;
}
.all-lists table.lists tr.private {
  background-color: #e6f2f5;
}
.all-lists table.lists tr.private .list-name {
  color: #2e6c83;
}
.all-lists table.lists tr.inactive {
  background-color: #eee;
}
.all-lists table.lists tr.inactive .list-name {
  color: #999;
}
.all-lists table.lists tr.inactive ul.list-stats .fa {
  color: #999;
}
.all-lists table.lists tr span.new {
  margin-right: 0.5em;
}

.back-to-top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: black;
  background-color: #f8f8f8;
  font-size: smaller;
  padding: 1em;
  display: none;
}
.back-to-top:hover {
  background-color: #4d4d4d;
}

@media (max-width: 319.98px) {
  .all-lists .row {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .all-lists .header h1 {
    padding-right: 0;
  }
  .all-lists .header .sort-type {
    padding-right: 0;
    padding-left: 2px;
    font-size: 55%;
    margin-top: 0;
  }
  .all-lists .header .btn-group {
    padding-left: 0;
  }

  .all-lists .filter-lists p.hide-switches label:first-child {
    margin-right: 1em;
  }

  .participant {
    padding-left: 0;
  }

  .all-lists table.lists .chart {
    display: inline-block;
  }
  .all-lists table.lists ul.list-stats {
    display: inline-block;
    padding-left: 8px;
  }
  .all-lists table.lists ul.list-stats li {
    padding-right: 0;
    display: block;
  }
}
.all-lists .logo {
  display: block;
  margin: 50px auto 0 auto;
}

/*
 * Threads view header
 */
#thread-list .thread-list-header {
  margin-bottom: 2em;
  padding-bottom: 1em;
}
#thread-list .thread-list-header h1 {
  margin-bottom: 0;
}
#thread-list .thread-list-header .list-name {
  color: black;
}
#thread-list .thread-list-header .list-name:hover {
  text-decoration: none;
}
#thread-list .thread-list-header .list-address {
  font-size: 120%;
  padding-bottom: 0.5em;
}
#thread-list .thread-list-header .list-stats {
  font-size: 90%;
}

/*
 * Thread summary
 */
#thread-list .thread {
  padding: 1em;
}
#thread-list .thread .thread-title {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
#thread-list .thread .thread-title .category {
  text-align: center;
  margin-right: 1%;
}
#thread-list .thread .thread-info {
  padding-top: 0.25em;
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
}
#thread-list .thread .thread-info .likeform {
  display: inline;
}
#thread-list .thread .thread-info .sender {
  word-wrap: break-word;
  float: left;
}
#thread-list .thread .thread-info .thread-extras {
  font-size: 90%;
}
#thread-list .thread .thread-info .thread-category {
  font-size: 110%;
  padding-bottom: 0.25em;
}
#thread-list .thread .thread-info .thread-fav {
  text-align: right;
}
#thread-list .thread .thread-info .likestatus + span {
  padding-right: 1em;
}
#thread-list .thread .thread-info .likestatus {
  vertical-align: -2px;
}
#thread-list .thread .thread-info .tags ul {
  display: inline;
  margin: 0 0 0 0.2em;
}
#thread-list .thread .thread-info .tags li {
  padding: 0;
  margin: 0;
}
#thread-list .thread .thread-info .thread-date {
  flex-flow: row wrap;
}

#thread-list .unread {
  border-left: 2px solid #08c;
}

#thread-list .thread-list-info {
  padding-top: 10px;
}

/*
 * Relative placement of the sender gravatar+address and the email excerpt
 */
#thread-list .thread .thread-info .sender {
  width: 60px;
}

/*
@media (min-width: $screen-lg-min) {
    #thread-list .thread .thread-info {
        .sender {
            width: 100px;
        }
    }
}
*/
/*
 * Part containing the body of the mail which can be shown/hidden
 */
.expander {
  display: block;
  vertical-align: top;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.btn-expander {
  background: #efefef;
  padding: 1px 5px;
  vertical-align: middle !important;
  font-size: 0.8em;
  display: inline-block;
  margin-top: 1em;
}

.btn-expander:hover {
  cursor: pointer;
}

.thread-email .list-stats {
  margin-top: 1.5em;
}
.thread-email .expander.collapsed {
  white-space: normal;
}
.thread-email .gravatar {
  margin-left: 5px;
}

.search-results .list-name {
  color: black;
}
.search-results .list-name:hover {
  text-decoration: none;
}
.search-results .thread + .thread {
  padding-top: 1.5em;
}
.search-results .list-stats {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

@media (max-width: 575.98px) {
  .thread-email .thread-date {
    margin-top: 1.5em;
  }
}
.overview h3 {
  line-height: 28px;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.overview .searchbar,
.overview .list-actions {
  padding-top: 1em;
  padding-bottom: 1em;
}
.overview .list-actions > a {
  margin-bottom: 0.2em;
}
.overview .anchor-link {
  position: relative;
}
.overview .anchor-link a {
  position: absolute;
  top: -75px;
}
.overview .nav-tabs .dropdown-header {
  padding-left: 0;
  padding-right: 0;
}

.overview section#title h2 {
  margin-top: 5px;
  margin-bottom: 0px;
}
.overview section#title #description {
  font-size: smaller;
  font-weight: normal;
}

.overview .list-group h5 {
  font-size: 1em;
}
.overview .list-group .list-group-item-heading {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview .list-group .list-group-item-heading .fa-envelope {
  color: #08c;
}
.overview .list-group .thread-id {
  font-weight: bold;
  color: #333;
  vertical-align: top;
  padding-right: 0.5em;
}
.overview .list-group .category {
  font-size: 70%;
}
.overview .list-group .list-stats {
  font-size: 90%;
}

.discussions {
  padding-top: 10px;
}

.overview section + section,
.overview .discussions > section,
.overview .stats,
.overview .stats > section {
  padding-top: 10px;
}

.overview #flagged .thread-list,
.overview #posted-to .thread-list {
  display: none;
}
.overview #flagged h3:hover,
.overview #posted-to h3:hover {
  cursor: pointer;
}

.overview section#by-category h4.label {
  font-size: 90%;
  line-height: 90%;
  padding-left: 1em;
  padding-right: 1em;
}
.overview section#by-category .list-group {
  margin-bottom: 1.5em;
}
.overview section#by-category .list-group .category, .overview section#by-category .list-group .thread-id {
  display: none;
}

.overview .stats {
  float: none;
  clear: left;
}
.overview .stats .caption {
  font-size: x-small;
  color: #999;
  margin-left: 0.25em;
  margin-bottom: 0px;
}
.overview .stats ul.list-stats {
  padding-bottom: 10px;
  display: block;
}
.overview .stats ul.list-stats i {
  padding-right: 5px;
}
.overview .stats ul.list-stats li {
  display: block;
  font-size: small;
  padding-left: 0;
}
.overview .stats .duration-text {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
}

@media (min-width: 992px) {
  .overview .stats ul.list-stats li {
    display: inline;
    margin-right: 1em;
  }
}
.overview .maker {
  padding-right: 10px;
  padding-bottom: 20px;
}
.overview .maker .maker-name {
  word-wrap: break-word !important;
}
.overview .maker .score {
  font-weight: bold;
}

.overview section#discussion-maker {
  padding-top: 0;
}

.overview .more-threads {
  text-align: center;
  font-weight: bold;
}
.overview .more-threads .thread {
  display: none;
}

.overview .thread {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  margin: 0.25em 0;
}
/*
// tiny screen (<=320px):
// nav-tabs: less padding, smaller dropdowns, right-align last dropdown
@media (max-width: $screen-tn) {
    .overview .nav-tabs {
        >li a {
            padding-left: 5px;
            padding-right: 7px;
        }
        #navbarDiscussionsDrop ~ .dropdown-menu {
            min-width: 110px;
        }
        #navbarMonthsListDrop ~ .dropdown-menu {
            min-width: 90px;
            left: inherit;
            right: 0;
        }
    }
}
*/
@media (max-width: 539px) {
  .overview .nav-tabs .dropdown-menu {
    min-width: 120px;
  }
  .overview .nav-tabs #navbarMonthsListDrop ~ .dropdown-menu {
    text-align: left;
  }

  .searchbar {
    text-align: right;
  }

  .overview .back-to-top {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 575.98px) {
  .overview .searchbar {
    text-align: right;
  }
}
@media (max-width: 319.98px) {
  .overview .stats {
    float: left;
  }
}
@media (min-width: 320px) {
  .overview .list-actions {
    padding-top: 0;
  }
  .overview .thread .thread-title {
    max-height: 1.8em;
  }

  .gravatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }
}
.thread-header {
  margin-bottom: 2em;
  padding: 0;
}
.thread-header h3 {
  text-align: center;
  font-size: 1.5em;
  margin-top: 8px;
  margin-bottom: 0;
}
.thread-header .thread-older, .thread-header .thread-newer {
  margin-top: 1em;
  color: #999;
}
.thread-header button {
  margin-top: 10px;
}
.thread-header .thread-category {
  text-align: center;
}
.thread-header .thread-titles a {
  color: #999;
}

.view-thread .nav-tabs {
  margin-bottom: 1.5em;
}
.view-thread .nav-tabs .dropdown-header {
  padding-left: 0;
  padding-right: 0;
}

.view-thread .anchor-link {
  position: relative;
}
.view-thread .anchor-link a {
  position: absolute;
  top: -95px;
}

.view-thread .unread {
  border-left: 2px solid #08c;
}

.email-header {
  margin-bottom: 1em;
  display: table;
  width: 100%;
}
.email-header .gravatar-wrapper {
  float: left;
}
.email-header .gravatar {
  margin-bottom: 2px;
  display: inline-block;
}
.email-header .fa-envelope {
  font-size: 130%;
  margin-right: 10px;
}
.email-header .messagelink {
  font-style: italic;
  font-size: 90%;
  color: #a7a9ac;
}
.email-header .messagelink a {
  color: #a7a9ac;
}
.email-header .fa {
  color: #08c;
}

.email-author {
  margin-left: 0.5em;
  display: inline-block;
}
.email-author .name {
  font-weight: bold;
}
.email-author .rank {
  color: #999;
  font-size: 80%;
  font-weight: bold;
}

.email-date .date {
  font-weight: bold;
  display: inline-block;
}
.email-date .time {
  text-align: right;
  display: inline-block;
}
.email-date .time span {
  text-align: right;
  color: #999;
  border-bottom: 1px dashed #ccc;
  cursor: help;
}

.email-body {
  word-wrap: break-word;
}
.email-body span.read-more a,
.email-body span.read-less a {
  float: right;
  padding: 3px 10px 0 0;
}
.email-body .blockquote {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1rem;
  border-radius: 10px;
}
.email-body blockquote {
  background: #e8ecf2;
  border-left: 2px solid #3771c8;
}
.email-body blockquote blockquote {
  background: #e4f1df;
  border-left: 2px solid #3771c8;
}
.email-body blockquote blockquote blockquote {
  background: #ffc4b3;
  border-left: #ffc4b3;
}
.email-body blockquote blockquote blockquote blockquote {
  background: #5e473e;
  border-left: #ffd3c0;
}
.email-body p {
  white-space: pre-wrap;
}
.email-body div {
  white-space: pre-wrap;
}
.email-body h1, .email-body h2, .email-body h3, .email-body h4, .email-body h5, .email-body h6 {
  font-size: 1.2rem;
}
.email-body pre {
  border: none;
}

.email-body.fixed {
  font-family: "Droid Sans Mono", monospace;
  white-space: pre;
}

.attachments {
  padding-top: 8px;
}
.attachments p {
  margin-bottom: 0;
  font-weight: bold;
}

.email-info {
  position: relative;
}
.email-info .messagelink {
  display: inline;
  font-style: italic;
  font-size: 90%;
  color: #a7a9ac;
}
.email-info .messagelink a {
  color: #a7a9ac;
}
.email-info .messagelink span, .email-info .messagelink a {
  padding: 5px;
  margin-left: 2px;
  border-radius: 2px;
}
.email-info .messagelink span:hover, .email-info .messagelink a:hover {
  background: grey;
}
.email-info .vote {
  padding: 5px;
  marging-left: 2px;
  border-radius: 2px;
}
.email-info .youlike:hover {
  background: #E1F4A2;
}
.email-info .youdislike:hover {
  background: #FFAAAA;
}
.email-info .reply {
  padding: 10px;
  border-radius: 4px;
}
.email-info .reply:hover {
  background: #e8ecf2;
}
.email-info .likeform-wrapper {
  position: relative;
  top: 0;
  right: 0;
}
.email-info .likestatus + span {
  padding-right: 1em;
}
.email-info div.attachments {
  display: inline;
  margin-left: 1em;
}
.email-info div.attachments .attachments-list {
  margin-bottom: 0;
}
.email-info .reply-form {
  display: none;
}
.email-info .reply-form .reply-tools {
  margin-top: 10px;
  margin-bottom: 0;
}
.email-info .reply-form .reply-tools label {
  font-size: 90%;
  font-weight: normal;
}
.email-info .reply-form p {
  margin: 0;
}
.email-info .reply-form p.new-subject {
  display: none;
  margin-bottom: 0.5em;
}
.email-info .reply-form p.message-text {
  margin-bottom: 0.25em;
}
.email-info .reply-form p.buttons {
  margin-top: 1em;
}
.email-info .reply-result {
  text-align: center;
}
.email-info .reply-result .alert {
  display: inline-block;
}
.email-info .reply-result .alert-success {
  margin-bottom: 0;
}
.email-info .reply-result .alert-error {
  white-space: pre;
  text-align: left;
}

.email-first .email-info {
  padding: 0 0 20px 0;
}

.email-first {
  padding-left: 10px;
}

.email-first .email-body {
  padding-left: 25px;
}

.sort-mode {
  text-align: right;
  padding-top: 10px;
}

/* Set the indent of the replies based on the size of the screen.*/
.reply-level-1 {
  margin-left: 2em;
}

.reply-level-2 {
  margin-left: 4em;
}

.reply-level-3 {
  margin-left: 6em;
}

.reply-level-4 {
  margin-left: 8em;
}

.reply-level-5 {
  margin-left: 10em;
}

/* On smaller screens, do not indent replies as it gets harder to read emails
 *  at level 5.
 */
@media (max-width: 575.98px) {
  .reply-level-1, .reply-level-2, .reply-level-3, .reply-level-4, .reply-level-5 {
    margin-left: 0em;
  }
}
/* The email thread */
.view-thread .replies {
  margin-top: -15px;
}

.replies .email {
  border-top: 1px solid #ccc;
  padding: 0.5em;
  margin: 20px 0 20px 0;
}
.replies .email .unread {
  border-top: 1px solid #646464;
  background-color: #d6d6d6;
}
.replies .email .unread i.unread {
  float: right;
  margin-right: 2em;
}
.replies .email .subject {
  text-align: center;
  font-style: italic;
}
.replies .email .email-body {
  padding-left: 25px;
  background-color: white;
}

.temporary .email {
  background-color: #d7d7e5;
  display: none;
}

.days-num {
  font-size: 200%;
}

.days-text {
  font-size: 70%;
}

#thread-overview-info a:hover .fa, #message-overview-info a:hover .fa {
  color: #fff;
}
#thread-overview-info .fa, #message-overview-info .fa {
  color: #BFBFBF;
}
#thread-overview-info .postorius .fa, #message-overview-info .postorius .fa {
  color: #007bff;
}

#thread-overview-info #thread-date-info {
  padding-bottom: 8px;
}
#thread-overview-info .list-name {
  word-wrap: break-word;
}
#thread-overview-info .list-name a {
  color: black;
}
#thread-overview-info form.favorite {
  margin-bottom: 0;
}
#thread-overview-info .favorite a i {
  margin-right: 0.3em;
}
#thread-overview-info a.saved,
#thread-overview-info a.notsaved {
  /* Will be shown via Javascript */
  display: none;
}

#tag-title {
  color: #4d4d4d;
  text-transform: uppercase;
}

#tags {
  color: #a7a9ac;
  margin-top: 2em;
}

#tags ul {
  padding: 10px 0;
  margin: 0;
}

#tags ul li {
  padding-left: 0;
}

#tags ul li span {
  margin-left: 5px;
}

#tags .rmtag {
  margin: 0;
  display: inline;
}

#tags .rmtag a {
  visibility: hidden;
  font-size: 125%;
}

#tags:hover .rmtag a {
  visibility: visible;
}

#tags:hover .rmtag a:hover {
  text-decoration: none;
}

#add-tag {
  margin-top: 0.3em;
}

#participants {
  margin-top: 2em;
  color: #999;
}
#participants li {
  margin: 1em 0;
}
#participants .participant-gravatar {
  padding-left: 0;
}

/* Inline quotes */
.quoted-switch a {
  background-color: #fafafa;
  padding: 0 4px 2px 4px;
  border-left: 2px solid #3771c8;
  font-weight: bold;
  font-size: 115%;
}
.quoted-switch a:hover {
  text-decoration: none;
}

.quoted-text {
  border-left: 2px solid #3771c8;
  padding: 0.5em;
  background: #e8ecf2;
  border-radius: 10px;
}

.quoted-text-1 {
  border-left: 2px solid #1d3e0f;
  padding: 0.5em;
  background: #e4f1df;
  border-radius: 10px;
}

.quoted-text-2 {
  border-left: 2px solid #5c0a0a;
  padding: 0.5em;
  background: #f7d4d4;
  border-radius: 10px;
}

.quoted-text-3 {
  border-left: 2px solid #3771c8;
  padding: 0.5em;
  background: #e8ecf2;
  border-radius: 10px;
}

#unreadnavbar {
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: right;
  padding-right: 2em;
  display: none;
}

#unreadnavbar > div {
  width: auto;
  padding: 0.2em 1em;
  border: 1px solid #888;
  border-bottom: none;
  background-color: #eee;
}

.reattach-thread h1 {
  text-align: center;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 2em;
}
.reattach-thread form {
  margin-bottom: 0;
}
.reattach-thread form img.ajaxloader {
  margin-left: 1em;
}
.reattach-thread form.search {
  margin-top: 2em;
}
.reattach-thread form.search p {
  line-height: 22px;
}
.reattach-thread form.search input {
  margin-left: 3em;
}
.reattach-thread form.search input,
.reattach-thread form.search button {
  font-size: 12px;
  padding: 2px 8px;
}
.reattach-thread li.manual label {
  display: inline;
}
.reattach-thread li.manual input {
  margin-bottom: 0;
}
.reattach-thread li.manual input[type=text] {
  width: 22em;
}
.reattach-thread p.buttons {
  margin-top: 2em;
}

.new-thread-form #id_subject,
.new-thread-form textarea {
  width: 100%;
}
.new-thread-form p.buttons {
  margin-top: 2em;
}

/*
// tiny screen (<=320px):
// nav-tabs: less padding, smaller dropdowns, right-align last dropdown
@media (max-width: $screen-tn) {
    .view-thread .nav-tabs {
        >li a {
            padding-left: 7px;
            padding-right: 7px;
        }
        #navbarMonthsListDrop ~ .dropdown-menu {
            min-width: 90px;
            left: inherit;
            right: 0;
        }
    }
    #participants {
        .participant-name {
            margin-left: 0 !important;
        }
    }
}
     */
.view-thread .nav-tabs .dropdown-menu {
  min-width: 120px;
}
.view-thread .nav-tabs #navbarMonthsListDrop ~ .dropdown-menu {
  text-align: left;
}

@media (max-width: 319.98px) {
  #participants .participant-name {
    margin-left: -20px;
  }
}
.message-header {
  margin: 1em 0 2em 0;
}
.message-header .message-back a {
  padding: 0.2em 0;
}
.message-header .message-back a .icon {
  font-size: 1.5em;
}

.user-profile tr.list-address {
  font-weight: bold;
  background: #ccc;
}

table.user-data {
  font-size: 95%;
}
table.user-data th {
  font-weight: bold;
  padding-left: 0 !important;
}
table.user-data tr.gravatar td {
  vertical-align: middle;
}
table.user-data tr:first-child > td,
table.user-data tr:first-child > th {
  border-top: 0;
}

/*
// for tiny viewports (<=380px), adjust table column widths
@media (max-width: $screen-tn-max) {
    .user-profile table.user-data {
        .ellipsis-overflow {
            max-width: 150px;
        }
        select {
            width: 150px;
        }
    }
}
*/

/*# sourceMappingURL=hyperkitty.css.map */