LOGIN_PAGE_DETECTION_HELPER_UNIQUE_STRING_THAT_WOULDNT_OCCUR_ANYWHERE_ELSE_FOR_SURE_SO_ITS_SAFE_TO_USE
[data-bs-theme=light]:root {
--bs-body-bg: #edede9;
--bs-body-color: #333333;
--header-bg: #2c5fc4;
--header-button-color: #ffffdd;
--header-button-bg-color: #2c5fc4;
--header-button-border: 1px solid #ffffff;
--my-blue: #2e8bcc;
--selected-bg: #ebf9ff;
--selected-color: #2e8bcc;
--seen: grey;
--highlighted-bg: #ffffdd;
--highlighted-color: #2e8bcc;
--highlighted-seen-bg: #ffffdd;
--highlighted-seen-color: #333;
--deleted-bg: #adb5bd;
--text-deleted: #d90429;
--tag: purple;
--subject-color: #2e8bcc;
--summary-font-weight: 500;
--mssghglght-bg: lightblue;
--mssghglght-color: #333;
--darkmode-icon-color: #2c5fc4;
--bs-border-color: #cbd5e0;
--redacted-bg: #000;
--redacted-color: #000;
}
[data-bs-theme=dark]:root {
--bs-body-bg: #232B32;
--bs-body-color: #cccccc;
--header-bg: #232B32;
--header-button-color: #111;
--header-button-bg-color: #bb86fc;
--header-button-border: 1px solid #bbb;
--my-blue: white;
--selected-bg: #444;
--selected-color: #bbb;
--seen: #888;
--highlighted-bg: #bb86fc;
--highlighted-color: #111;
--highlighted-seen-bg: #bb86fc;
--highlighted-seen-color: #111;
--deleted-bg: #e63946;
--text-deleted: #ccc;
--tag: #ccc;
--subject-color: #bbb;
--summary-font-weight: 400;
--mssghglght-bg: #999;
--mssghglght-color: #ddd;
--darkmode-icon-color: #eee;
--bs-border-color: #cbd5e0;
--redacted-bg: #fff;
--redacted-color: #fff;
}
@font-face{
font-family:'FontAwesome';
src: url('/assets/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),
url('/assets/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype');
font-weight:normal;
font-style:normal;
}
html, body { height: 100%; }
body { margin:0; font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif; font-size:14px; line-height:25px; }
#main { border: 1px solid var(--bs-border-color); width: 100%; height: 100%; flex: 1; align-items: center; display: flex; flex-direction: column; justify-content: center; }
#header { height: 45px; align-items: center; display: flex; justify-content: center; width: 100%; background-color: var(--header-bg); }
#header a { color: #ffffff; }
#header .middlebutton { margin-top: 0px; background-color: var(--header-button-bg-color); color: var(--header-button-color); border: var(--header-button-border);}
.shistory { margin-right:-10px; border-radius: 0px!important; }
#middlebox { flex: 1; width: 100%; align-items: center; display: flex; justify-content: center; overflow-y: auto; }
#searchresults { border: 1px solid var(--bs-border-color); width: 25%; height: 100%; min-width: 150px; align-items: center; display: flex; justify-content: center; overflow-x: hidden; overflow-y: auto; }
.wrapper { border: 1px solid var(--bs-border-color); display: flex; flex-direction: column; height: 100%; width: 100%; }
.upperbox { height: 50px; }
.uppercolumn { height: 45px; }
#searchresultsbox { flex-grow: 1; overflow-y: auto; }
#preview { border: 1px solid var(--bs-border-color); flex: 1; height: 100%; min-width: 150px; align-items: center; display: flex; flex-direction: column; justify-content: center; overflow-x: hidden; overflow-y: auto; }
#footer { border: 1px solid var(--bs-border-color); height: 30px; width: 100%; align-items: center; display: flex; justify-content: center; }
#footer .darkmode { max-width: 80px; }
.verticalbox { flex-grow: 1; overflow-x: none; overflow-y: auto; }
.summarybox { border: 1px solid var(--bs-border-color); font-weight:var(--summary-font-weight); overflow-x: hidden;}
.nouserselect { user-select: none; -webkit-user-select: none; -moz-user-select: none; }
.summarybox a { color: var(--subject-color);}
.subject { text-decoration: underline;}
.highlighted, .highlighted a {background: var(--highlighted-bg);color:var(--highlighted-color);font-weight:400;}
.highlighted.seen, .highlighted.seen a {background: var(--highlighted-seen-bg);color:var(--highlighted-seen-color);font-weight:400;font-style:italic;}
.seen, .seen a {font-style:italic;font-weight:400;color:var(--seen);}
.selected {background:var(--selected-bg); color:var(--selected-color);}
.deleted {background: var(--deleted-bg);}
.resizer[data-direction='horizontal'] { background-color: #2e8bcc; cursor: ew-resize; height: 100%; width: 5px; }
.resizer[data-direction='vertical'] { background-color: #cbd5e0; cursor: ns-resize; height: 5px; width: 100%; }
.navbar { background-color: #2c5fc4; font-family:"Segoe UI Light","Helvetica Neue","Segoe UI","Segoe WP",sans-serif;font-weight:100;text-transform:lowercase;font-size:25px;}
.ps10 { padding-left: 10px; }
.pe10 { padding-right: 10px; }
.text-tag { color: var(--tag); }
.text-tag.highlighted { color: var(--highlighted-color); }
.text-myblue { color: var(--my-blue); }
.text-deleted { color: var(--text-deleted); }
.mssghglght { background:var(--mssghglght-bg); color:var(--mssghglght-color);}
.brand { padding-right: 10px; margin-top: -5px; }
#mynote { height: 20px; }
input,button,select,textarea{font-family:"Segoe UI","Segoe WP","Helvetica Neue",sans-serif; background-color: var(--header-body-bg);border: 1px solid var(--bs-border-color);}
.middlebuttons { width: 40%; }
.text-darkmode-icon { color: var(--darkmode-icon-color); }
.loginbox { width: 300px; text-transform:lowercase; }
.login-logo { margin-top: 30px; margin-bottom: 30px; width: 148px; height: 70px; }
.header-logo { height: 35px; margin-left: -10px; padding-right: 10px; }
@media (max-width: 1199px) {
.lefticons { width: 80%; font-size: 1rem; }
.righticons { width: 20%; font-size: 1rem; }
.icon-padding { padding-right: 10px; }
}
@media (min-width: 1200px) {
.lefticons { width: 40%; font-size: 1.5rem; }
.righticons { width: 20%; font-size: 1.5rem; }
.icon-padding { padding-right: 20px; }
}
@media (min-width: 768px) {
.login-logo { width: 295px; height: 140px; }
}
.modal {font-size:12px; }
.toast-logo { width:32px; }
.modal-body h4 {padding-top: 10px;}
.admin {border: 1px solid var(--bs-border-color); height: 100%; width: 1400px; align-items: center; justify-content: center; overflow-x: auto; overflow-y: auto;}
.piechart {position: relative; width:400px; height:400px;}
.linechart {position: relative; width:600px; height:300px;}
.help1 {font-size: 16px;}
.help2 {color: var(--selected-color);}
.myspinner {width: 5rem; height: 5rem;}
.middleofscreen {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.hidden {visibility: hidden;}
.active {font-weight:400;}
.ms5 {margin-left: 5px;}
.img404 {height: 450px;}
.redacted {color:var(--redacted-color); background:var(--redacted-bg);}
.external-warning { color:red; font-size: 1.5rem; }
.truncated-warning { color:#FF5733; font-size: 1.5rem; }
h1.h3.mb-3.fw-normal {text-align: center;}
tr.text-success td {
color: #198754; /* Bootstrap success color */
}
tr.text-danger td {
color: #dc3545; /* Bootstrap danger color */
}
.clickable {
cursor: pointer;
}
/* Audit Dashboards */
#failedLoginChart {
height: 250px;
}
#activityTimelineChart {
height: 250px;
}
#actionDistributionChart {
height: 300px;
}
.no-timeline-icon {
font-size: 3rem;
}
/* Deduplication Dashboard */
.deduplication-dashboard {
padding: 20px;
}
.dashboard-header {
margin-bottom: 30px;
}
.dashboard-header h4 {
margin-bottom: 5px;
font-weight: 600;
}
.stat-card {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: 8px;
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
height: 100%;
transition: transform 0.2s;
}
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.stat-icon {
width: 50px;
height: 50px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: white;
}
.stat-content {
flex: 1;
}
.stat-label {
font-size: 0.875rem;
color: var(--bs-secondary-color);
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
}
.stat-value {
font-size: 1.75rem;
font-weight: 700;
color: var(--bs-body-color);
line-height: 1.2;
}
.stat-subtext {
font-size: 0.875rem;
color: var(--bs-secondary-color);
margin-top: 5px;
}
.chart-card {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: 8px;
padding: 20px;
height: 100%;
}
.chart-card h5 {
margin-bottom: 20px;
font-weight: 600;
font-size: 1.1rem;
}
.distribution-legend {
margin-top: 15px;
}
.attachment-stat {
text-align: center;
padding: 15px;
}
.attachment-stat .label {
font-size: 0.875rem;
color: var(--bs-secondary-color);
margin-bottom: 8px;
text-transform: uppercase;
font-weight: 600;
}
.attachment-stat .value {
font-size: 1.5rem;
font-weight: 700;
color: var(--bs-body-color);
}
.attachment-stat .subtext {
font-size: 0.875rem;
color: var(--bs-secondary-color);
margin-top: 5px;
}
/* Storage Insights Dashboard */
.storage-insights {
padding: 20px;
}
.insight-card {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
}
.insight-card h5 {
margin-bottom: 10px;
font-weight: 600;
font-size: 1.1rem;
}
.insight-card .table {
margin-bottom: 0;
}
.insight-card .table th {
background: var(--bs-body-bg);
border-bottom: 2px solid var(--bs-border-color);
font-weight: 600;
font-size: 0.875rem;
text-transform: uppercase;
color: var(--bs-secondary-color);
}
.insight-card .table td {
vertical-align: middle;
}
.recommendations-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.recommendations-card h5 {
color: white;
}
.recommendation-item {
display: flex;
gap: 15px;
align-items: flex-start;
padding: 15px;
background: rgba(255, 255, 255, 0.1);
border-radius: 8px;
margin-bottom: 15px;
}
.recommendation-icon {
width: 50px;
height: 50px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: white;
flex-shrink: 0;
}
.recommendation-content h6 {
margin-bottom: 5px;
font-weight: 600;
color: white;
}
.recommendation-content p {
margin: 0;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.9);
}
/* Smart Insights Modal */
.smart-insights-modal-body {
overflow-y: auto;
max-height: calc(100vh - 200px);
}
/* Modal Enhancements */
#myArchiveModal .sortable,
#exportModal .sortable,
#advancedSearchModal .sortable,
#userSettingsModal .sortable {
cursor: pointer;
user-select: none;
transition: background-color 0.2s;
}
#myArchiveModal .sortable:hover,
#exportModal .sortable:hover,
#advancedSearchModal .sortable:hover,
#userSettingsModal .sortable:hover {
background-color: rgba(0, 0, 0, 0.05);
}
#myArchiveModal .sortable.sorted,
#exportModal .sortable.sorted,
#advancedSearchModal .sortable.sorted,
#userSettingsModal .sortable.sorted {
color: #0d6efd;
font-weight: 600;
}
#myArchiveModal .sortable .bi,
#exportModal .sortable .bi,
#advancedSearchModal .sortable .bi,
#userSettingsModal .sortable .bi {
font-size: 0.75rem;
opacity: 0.5;
transition: opacity 0.2s;
}
#myArchiveModal .sortable.sorted .bi,
#exportModal .sortable.sorted .bi,
#advancedSearchModal .sortable.sorted .bi,
#userSettingsModal .sortable.sorted .bi {
opacity: 1;
}
#myArchiveModal .card,
#exportModal .card,
#advancedSearchModal .card,
#userSettingsModal .card {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
transition: transform 0.2s;
}
#myArchiveModal .card:hover,
#advancedSearchModal .card:hover,
#userSettingsModal .card:hover {
transform: translateY(-2px);
}
/* Export Modal Specific */
#exportModal .table-hover tbody tr:hover {
cursor: pointer;
}
/* Advanced Search Modal Specific */
#advancedSearchModal .form-label,
#userSettingsModal .form-label {
margin-bottom: 0.5rem;
}
#advancedSearchModal .card-header,
#userSettingsModal .card-header {
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
/* User Settings Modal Specific */
#userSettingsModal .badge {
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
}
/*
* #663399: rebecca purple
* #2e8bcc: my blue
* #33b249: nice green
*/
/* Modal scrollable content */
.modal-scrollable-body {
max-height: calc(100vh - 200px);
overflow-y: auto;
}
/* File icon size in modals */
.file-icon-sm {
width: 20px;
}
/* Empty state icon for Similar Emails modal */
.similar-emails-empty-icon {
font-size: 3rem;
}
/* Admin navbar styles */
.admin-navbar-flex {
flex: 1;
}
.admin-nav-compact {
font-size: 0.9rem;
}
/* Empty state icon for Related Attachments modal */
.related-attachments-empty-icon {
font-size: 3rem;
}
/* Truncate text for attachment subject in table */
.attachment-subject-truncate {
max-width: 200px;
}