html,body{height:auto !important;height:100%;min-height:100%;}
body{margin:0;padding-top: 0px;font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif;font-size:14px;line-height:25px;color:#333333;background-color:#ffffff;}
body#loginpage{background-color:#fcfcfc;padding-top:40px;padding-bottom:40px;}

#header { height: 45px; align-items: center; display: flex; justify-content: center; width: 100%; background-color:#fcfcfc; text-transform:lowercase;}
#menu { background: #2c5fc4; color: #fcfcfc; font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif;font-size:25px;font-weight:100; text-transform:lowercase;}

.dropdown-menu {font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif;font-size:25px;font-weight:100; text-transform:lowercase;}
.dropdown-menu li.dropdown-item:hover, a.dropdown-item:hover { background-color: #2c5fc4; color: #fcfcfc; text-decoration:none;}
a.dropdown-item {font-weight:100; text-decoration:none;}

.menulink{text-shadow:0 0px 0 rgba(0, 0, 0, 0);padding-bottom:10px;margin-left:15px;padding-top:10px;color:#ffffff;font-size:24px;}
.menulink:hover{color:#ffffff;text-decoration:none;background: #555;}



.container-panes { height: calc(95vh - 56px); /* Height of the screen minus the navbar */ display: flex; flex-direction: column; }
.pane { overflow-y: auto; flex-grow: 1; min-height: 300px; position: relative; }
.resizer { height: 5px; background: #333; cursor: row-resize; }
.pane-upper-content { height: calc(100% - 40px); /* 40px is the height of the fixed bottom row in the upper pane */ overflow-y: auto; border: 1px solid #ccc;}
.pane-upper-fixed { height: 40px; background: #f1f1f1; position: absolute; bottom: 0; width: 100%; border-top: 1px solid #ddd; }
#preview {height: 500px; border: 1px solid #ccc;}
.no-select { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }


.resizer-search-results { display: inline-block; width: 5px; height: 100%; position: absolute; right: 0; top: 0; cursor: col-resize; }

h1,h2,h3,h4 {font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif;font-weight:100;text-transform:lowercase;}
h2 i{font-size:60px;}

.btn {border-radius:0;}
.btn-search {width: 33%;}
.btn-options {width: 34%;}

.searchcontainer{padding-top: 20px; margin-left: 12px; margin-right: 12px;}

input[type=text]{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

#pagingrow{overflow:hidden;}
.functionbox{border-left:1px solid #ccc;height:30px;overflow:hidden;}

.messageheader{background-color:#f6f6f6;padding:8px;border-bottom:1px solid #ccc;}
.messagecontents{background-color:#fff;padding:8px;}

.resultrow{font-style:italic;cursor:pointer;}
.resultrow.new{font-style:normal;}

a{color:#2e8bcc;text-decoration:none;}
a:hover{color:#20608e;text-decoration:underline;}
a.xxx{color:#aaa;text-decoration:underline;}
a.xxx:hover{color:#aaa;text-decoration:underline;}

#logo-lg{width:300px;margin:0 auto 20px;}
#logincontainer{text-transform:lowercase;}
.compatibility {max-width: 300px;}

.form-signin{max-width:300px;padding:19px 29px 29px;margin:0 auto 20px;background-color:#fff;border:1px solid #e5e5e5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
#compatibility{max-width:300px;margin:0 auto;color:#444;text-align:justify;}

.ps10 { padding-left: 10px; }
.pe10 { padding-right: 10px; }

i.spam{color:#ffc40d;}
i.attachment{color:#2e8bcc;}
i.note{color:#00aba9;}
i.tag{color:#7b4f9d;}
i.verified{color:#339933;}
.private{color:red;}

.xxx{color:#aaa;}

.myspinner {width: 5rem; height: 5rem;}
.middleofscreen {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hidden {visibility: hidden;}

table { width: 100%; border-collapse: collapse; }
th { padding: 10px; border: 1px solid #ccc; position: relative; }
th.centered, td.centered { text-align: center; }
th.auto-width, td.auto-width { width: 1%; white-space: nowrap; }

.tsa {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.branding_logo {max-height:25px;}

/* Highlighted row (selected message) */
.highlighted {
  background-color: #d1ecf1 !important;
}

.highlighted td {
  background-color: #d1ecf1 !important;
}

/* Dark mode styles */
[data-theme="dark"] {
  --bs-body-bg: #1a1a1a;
  --bs-body-color: #e0e0e0;
  --bs-border-color: #404040;
}

[data-theme="dark"] body {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

[data-theme="dark"] body#loginpage {
  background-color: #1a1a1a;
}

[data-theme="dark"] #header {
  background-color: #1a1a1a;
}

[data-theme="dark"] #menu {
  background: #1e3a8a;
  color: #e0e0e0;
}

[data-theme="dark"] .dropdown-menu {
  background-color: #2a2a2a;
  border-color: #404040;
}

[data-theme="dark"] .dropdown-menu li.dropdown-item:hover,
[data-theme="dark"] a.dropdown-item:hover {
  background-color: #1e3a8a;
  color: #e0e0e0;
}

[data-theme="dark"] a.dropdown-item {
  color: #e0e0e0;
}

[data-theme="dark"] .menulink {
  color: #e0e0e0;
}

[data-theme="dark"] .menulink:hover {
  color: #e0e0e0;
  background: #404040;
}

[data-theme="dark"] .pane {
  background-color: #1a1a1a;
}

[data-theme="dark"] .resizer {
  background: #404040;
}

[data-theme="dark"] .pane-upper-content {
  border-color: #404040;
  background-color: #1a1a1a;
}

[data-theme="dark"] .pane-upper-fixed {
  background: #2a2a2a;
  border-top-color: #404040;
}

[data-theme="dark"] #preview {
  border-color: #404040;
  background-color: #1a1a1a;
}

[data-theme="dark"] .functionbox {
  border-left-color: #404040;
}

[data-theme="dark"] .messageheader {
  background-color: #2a2a2a;
  border-bottom-color: #404040;
}

[data-theme="dark"] .messagecontents {
  background-color: #1a1a1a;
}

[data-theme="dark"] .form-signin {
  background-color: #2a2a2a;
  border-color: #404040;
}

[data-theme="dark"] a {
  color: #5fa3d8;
}

[data-theme="dark"] a:hover {
  color: #4a8fc2;
}

[data-theme="dark"] .btn-primary {
  background-color: #1e3a8a;
  border-color: #1e3a8a;
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #2563eb;
  border-color: #2563eb;
}

[data-theme="dark"] .form-control {
  background-color: #2a2a2a;
  border-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] .form-control:focus {
  background-color: #2a2a2a;
  border-color: #5fa3d8;
  color: #e0e0e0;
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: #2a2a2a;
  border-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] input[type="password"]:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  background-color: #2a2a2a;
  border-color: #5fa3d8;
  color: #e0e0e0;
}

[data-theme="dark"] .tagtext {
  background-color: #2a2a2a;
  border-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] table th,
[data-theme="dark"] table td {
  border-color: #404040;
}

[data-theme="dark"] .tsa {
  border-top-color: #404040;
  border-bottom-color: #404040;
}

[data-theme="dark"] .alert {
  background-color: #2a2a2a;
  border-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] .modal-content {
  background-color: #2a2a2a;
  border-color: #404040;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
  border-color: #404040;
}

[data-theme="dark"] .toast {
  background-color: #2a2a2a;
  border-color: #404040;
}

[data-theme="dark"] .toast-header {
  background-color: #333333;
  border-bottom-color: #404040;
  color: #e0e0e0;
}

[data-theme="dark"] .toast-body {
  color: #e0e0e0;
}

[data-theme="dark"] .text-body-secondary {
  color: #a0a0a0 !important;
}

[data-theme="dark"] .text-bg-light {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .resultrow {
  color: #c0c0c0;
}

[data-theme="dark"] .resultrow.new {
  color: #e0e0e0;
}

[data-theme="dark"] .resultrow td {
  color: #c0c0c0;
}

[data-theme="dark"] .resultrow.new td {
  color: #e0e0e0;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .table-secondary {
  background-color: #2a2a2a !important;
  border-color: #404040;
}

[data-theme="dark"] .table {
  color: #e0e0e0;
  border-color: #404040;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  color: #e0e0e0;
}

[data-theme="dark"] .form-label {
  color: #e0e0e0;
}

[data-theme="dark"] .highlighted {
  background-color: #2c5282 !important;
}

[data-theme="dark"] .highlighted td {
  background-color: #2c5282 !important;
  color: #e0e0e0 !important;
}

/* Dark mode toggle button */
#theme-toggle {
  cursor: pointer;
  padding: 10px;
  margin-left: 10px;
  background: transparent;
  border: none;
  color: inherit;
  font-size: 20px;
}