[data-bs-theme=light]:root {
  --bs-body-bg: #f2f3f7;
  --bs-body-color: #222222;
  --header-bg: #2ca7fb;
  --header-button-color: #ffffdd;
  --header-button-bg-color: #2c5fc4;
  --header-button-border: 1px solid #ffffff;
  --my-blue: #2ca7fb;
  --selected-bg: #ebf9ff;
  --selected-color: #2ca7fb;
  --seen: #b2b7c7;
  --highlighted-bg: #f2f3f7;
  --highlighted-color: #E2003D;
  --highlighted-seen-bg: #f2f3f7;
  --highlighted-seen-color: #00aa00;
  --deleted-bg: #b2b7c7;
  --text-deleted: #E2003D;
  --tag: #E2003D;
  --subject-color: #2ca7fb;
  --summary-font-weight: 500;
  --mssghglght-bg: lightblue;
  --mssghglght-color: #222222;
  --darkmode-icon-color: #018ffd;
  --bs-border-color: #b2b7c7;
  --redacted-bg: #222222;
  --redacted-color: #222222;

}

[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;
}
	
/* ubuntu-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/font/ubuntu-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/font/ubuntu-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/font/ubuntu-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/font/ubuntu-v21-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


html, body { height: 100%; }

body { margin:0; font-family:"Ubuntu",sans-serif; font-size:15px; 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: #2ca7fb; color: #f2f3f7; border: 1px solid #f2f3f7;}

.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:"Ubuntu",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: 240px;  }
.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: 240px; }
}

.modal {font-size:14px; }
.toast-logo { width:32px; }

.modal-body h4 {padding-top: 10px;}

.admin {border: 1px solid var(--bs-border-color); height: 100%; width: 1200px; 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;}

/*
 * #663399: rebecca purple
 * #2e8bcc: my blue
 * #33b249: nice green
 */
	

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #E2003D;
    --bs-btn-border-color: #E2003D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E2003D;
    --bs-btn-hover-border-color: #E2003D;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #E2003D;
    --bs-btn-active-border-color: #E2003D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6E2003Defd;
    --bs-btn-disabled-border-color: #E2003D;
}
	
	a {
    color: #2ca7fb;
    text-decoration: underline;
}
	
a.d-none.d-xl-block {
    
	width:0px;
}
	
a.d-none.d-xl-block i.bi.bi-info-square {
    display:none !important;
	width:0px;
}