html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  /*padding-top: 3.5rem;*/
}
table {
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: grey;
  margin-top: 1em;
  margin-bottom: 1em;
}
th, td {
  border: 1px solid #ddd;
  padding: 5px;
}
th {
  font-weight: bold;
  background-color:#e9ebec;
}
pre {
	/*
  background-color:#f5f5f5;
  border: 1px solid #eeeeee;
  */
  font-size:1em;
}
div.fullheight {
  height: 100%;
}
nav.navbar {
  border-bottom: 1px solid #ee3b3b;
}
img.logo {
  height:2rem;
  margin-left: 1rem;
  -webkit-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}
img.print-logo {
  display:none;
}
img.logo_loading {
  -webkit-filter: grayscale(1);
  filter: gray;
  filter: grayscale(1);
}
div#title {
  color: #555;
  font-size:2em;
  border-bottom: 1px solid #999;
  margin-bottom: 0.4em;
}
div.sidebar {
  padding-top: 8px;
  font-size:0.85rem;
}
div.main {
  padding-top: 0.5em;
  font-size:0.85rem;
}
div.sidebuttonbar {
  margin-top:8px;
  padding-bottom:8px;
  border-bottom: 1px solid #fff;
  text-align:center;
}
div.modelabel {
  text-align:center;
  color:#FFF;
  background-color:#ee3b3b;
  font-weight:bold;
  margin-bottom:8px;
}
button.navbar-toggler {
  /* background-color: silver; */
  color: black;
}
a.nav-item {
  text-align:left;
  margin-top:5px;
}
a.nav-item.btn-outline-secondary {
  color: #999b9c;
  border-color:#999b9c;
}
div.search {
  padding-bottom:8px;
}
div.notes {
}
div.notes div.card{
  margin-top:5px;
}
span.cardtitle {
    font-size:1.2rem;
    color: #292b2c;
}
.btn-card {
  display:inline-block;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border:1px solid transparent;
  -webkit-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  color: #999b9c;
  background-color: #fff;
  border-color: #ccc;
  overflow-x: hidden;
}
.btn-card:hover {
  color: #292b2c;
  background-color: #fff6f0;
  border-color: #ff9999;
}
.btn-card:focus,.btn-card:hover {
  text-decoration:none;
}
.btn-card.focus,.btn-card:focus {
  outline:0;
  -webkit-box-shadow:0 0 0 2px rgba(2,117,216,.25);
  box-shadow:0 0 0 2px rgba(2,117,216,.25);
  -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
}
.btn-card.disabled,.btn-card:disabled {
  cursor:not-allowed;
  opacity:.65;
  background-color: #fff;
  border-color: #ccc;
}
.btn-card.active,.btn-card:active {
  background-image:none;
}
.btn-card:active, .btn-card.active, .show > .btn-card.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-card .card-block {
  padding:0.5rem 1rem 0.5rem 1rem;
}

#savebutton {
width:3.5em;
}

textarea.textview {
width:100%;
resize:vertical;
height:8em;
}

textarea.editor, #editor {
width:100%;
resize:vertical;
height:40em;
}

/*
footer {
  padding: 30px 0;
}
*/

.CodeMirror-fullscreen,.editor-toolbar.fullscreen,.editor-preview-side {
  z-index: 1050;
}

i.openmark {
  margin-left:0.3rem;
  font-size: 0.5em;
  vertical-align: super; 
  color: #ee3b3b;
}

div#toc {
  margin-top:1em;
}

div#toc ol{
  word-break: break-all;
}

div#toc a{
  color: #777;
}

ol, ul{
  padding-left:1em;
}

a {
	color:#0645ad;
}

h1 {
  margin-top:0.7em;
  font-size: 1.5em;
  border-bottom: 2px dashed cornflowerblue;
}
h2 {
  margin-top:0.4em;
  font-size: 1.3em;
  border-bottom: 1px dashed steelblue;
}
h3 {
  margin-top:0.4em;
  font-size: 1.3em;
}
h3::before {
  content:"– ";
}
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

div.searched-article b {
  color: #ee3b3b;
}

div#titleHidden {
  display:none;
}

div#open-key {
  margin-top:1em;
  border:1px solid darkblue;
  text-align:center;
  padding:2px;
  border-radius:4px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

div#upload-btn {
  margin-top:1em;
  border:1px solid darkgreen;
  text-align:center;
  padding:2px;
  border-radius:4px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color: darkgreen;
}

div.history-crumb {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

.pagetop {
  position: fixed;
  bottom: 4px;
  right: 16px;
  z-index:10;
  display: block;
}
 
.pagetop a {
  text-decoration: none;
  font-size:2.2em;
  color:silver;
}
 
.pagetop a:hover {
  color: #ee3b3b;
}

div#barcode {
  display: none;
}

div#files {
  width:100%;
}

div#files div {
  width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}

@media print {
  div.sidebar, .pagetop, footer, .navbar {
    display: none;
  }
  div.main, div.mainview {
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    max-width:100% !important;
    font-size: 0.8em;
  }
  .row {
    display:block;
  }
  div#barcode {
    padding:2px;
    background-color:#fff;
    display: inline;
    position: relative;
    top:10px;
  }
}