/* -----------------------------------
   PSS Customization CSS for BootStack
   ------------------------------------  */

html.maximized {
  background-color: transparent !important;
}
   html.maximized #sidebar {
     display: none !important;
   }
   .card.maximized {
     box-shadow: unset !important;
   }
   html.maximized #banner {
     display: none !important;
   }

html.christmas #content {
  margin-top: 26px;
}

/* logo-size */
.logo-image {
   height: 27px;
}

/*  body.tri-layout {
	visibility:hidden;
  }*/

/*    .tri-layout-middle, .tri-layout-middle *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h1 *):not(h2 *):not(h3 *):not(h4 *):not(h5 *) {
        font-size: 0.9rem !important; 
    } */

   html:not(.dark-mode) h1.break-text {
	border-bottom: 2px solid var(--color-primary);
	background-color: #f6f5f4;
	padding: 10px;
   }

   .grid-card:hover .featured-image-container {
     opacity: 1 !important;
   }


/* Scrollbare Anhangs-Region, falls mehr als 4  */
#page-attachments.scrollable .body {
  max-height: 294px;
  overflow-y: scroll;
  overflow-x: hidden !important;
}

/* tinymce Edit-Mode */

#tinymce.page-content {
   max-width: 100% !important;
} 


/* Tablesorter */
td.tablesorter-header {
  padding-right: 10px !important;
}

/* Neuer Favoriten-Button */
.in-favorite {
  vertical-align: top;
  display: flex;
  top: 0px;
  margin-top: -10px !important;
  position: absolute;
  min-width: 236px !important;
  left: 190px;
}

a.ingolstadt-my-favorites {
  color: #fff;
  top: 16px;
  position: absolute;
  margin-left: 50px;
  font-weight: bold;
  padding: 10px 16px;
}

  a.ingolstadt-my-favorites .svg-icon {
    color:yellow;
  }

   .icon-item.ingolstadt-my-favorites div {
      display: inline !important;
      margin-left: -3px;
   }
   html.mobile .icon-item.ingolstadt-my-favorites {
      display: none !important;
   }


/* --------------------- */

/* Tags wurden abgeschnitten */
.tri-layout-left-contents section {
    max-width: 360px;
}
/* --------------------- */

/* Banner-CSS */
#banner {
  background-color: greenyellow;
  padding: 5px;
  color: black;
  text-align: center;
  position: absolute;
  z-index: -2;
  top: 65px;
  width: 100%;
}

html.mobile #banner {
  display: none !important;
}

html.has-banner:not(.maximized) #content {
  margin-top: 12px;
}
/* --------------------- */

/* Linke Sidebar komplett nach links schieben! */

/* lightbox */
.lum-lightbox {
  z-index:999;
}

.lum-lightbox-inner img[src*="drawio"] {
  background-color: #fff;
}

.lum-lightbox-position-helper img {
  padding: 20px !important;
}
a:focus img:only-child {
  outline: unset !important;
}

/* --------------------- */


/*Draw-IO */

div[drawio-diagram] {
  width: 60%;
}
td div[drawio-diagram] {
  width: 100% !important;
}

/* --------------------- */

#header .grid.mx-l {
    margin-left: 13px !important;
}
#sidebar {
    margin-left: -32px !important;
} 
/* --------------------- */

/* Regal-Bilder etwas verkleinern */
.featured-image-container {
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 85px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* --------------------- */


/* Versucht: Kapitel --> Buchnavigation nach oben bringen... */
  .tri-layout-container[component="entity-search"] #book-tree {
  /*    margin-top: -300px !important; */
}

/* --------------------- */

/* Ausblenden Kopieren-Button */
.actions a[data-shortcut="copy"] {
    display: none;
}
/* --------------------- */

/* Header Such-Box ganz oben verbreitern... */
.search-box {
   max-width: unset !important;
}
   input#header-search-box-input {
      width: 500px;
   }
/* -------------------- */

/* Minimalhöhe Content, damit es  nicht blöd ausschaut */
.content-wrap.card {
   width: 100% !important;
   display: inline-block !important;
}
/* -------------------- */

/* Bei Büchern das Bild in der Übersicht ausblenden...  */
.book-content .featured-image-container {
    display: none;
}
.book-content .entity-list-item-image.bg-book {
    display: none;
}

.book-content .entity-list, .book-content .icon-list {
    margin: unset !important;
}
.entity-list .bg-book, .grid-card .bg-book  {
  background-color: #eee !important;
  outline: 1px solid #ccc;
}
/* -------------------- */

html:not(.dark-mode) .bg-bookshelf:hover, html:not(.dark-mode) a.entity-list-item:hover .bg-bookshelf, .grid-card:hover .bg-bookshelf {
  background-color: #ccc !important;
  outline-color: #acacac !important;
}

button.chapter-contents-toggle:focus {
    outline: none !important;
}

.popup-header, .popup-footer {
    z-index: 99999999999 !important;
}

html:not(.mobile) body.tri-layoutt .flex-container-row {
   display: block !important;
}

.page.entity-list-item .content {
    width: 100%;
}
   .page.entity-list-item .text-muted.break-text {
	color: gray !important;
	font-style: italic !important;
   }
   .shelf.entity-list-item .text-muted {
     display: none;
   }
   .shelf.entity-list-item:hover .text-muted {
     display: block;
   }
   .shelf.entity-list-item .entity-list-item-name, .book.entity-list-item .entity-list-item-name, .chapter.entity-list-item .entity-list-item-name {
     font-size: 1.0rem !important;
   }


.entity-list .bg-bookshelf {
    /* box-shadow: var(--color-primary) 4px 4px 6px; */
   outline: 1px solid #ccc;
}
.grid-card .bg-bookshelf {
    /* box-shadow: var(--color-primary) 4px 3px 22px; */
   outline: 1px solid #ccc;
}

.bg-bookshelf svg.svg-icon {
    display: none !important;
}

input#header-search-box-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

input#header-search-box-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

div.CodeMirror {
  border: 2px dotted gray !important;
}

.tri-layout-middle-contents {
  max-width: 95% !important;
}
.page-editor-wysiwyg .page-editor-page-area {
  max-width: 62% !important;
}

html.dark-mode .activity-list a {
  color: #fff !important;
}

.book .entity-list-item-name.break-text {
  border-bottom: 2px solid gray;
  padding-bottom: 3px;
  display: inline list-item;
}
   .book.entity-list-item .content {
     margin-left: -6px;
   }

.list-item-chapter.chapter .entity-list-item-name::before {
   content: "\226B";
   margin-right: 3px;
}

div.page-content a:not([href=""]) {
  /*color: var(--color-page) !important;*/
  text-decoration: underline;
}
  html:not(.christmas) div.page-content a:not([href=""]):hover {
	  /*color: royalblue !important;*/
	  text-decoration:none;
	  /*border-bottom: 2px solid royalblue;*/
   }

.tri-layout-left-contents, .tri-layout-right-contents {
   max-height: 95vh !important;
}

.tri-layout-left-contents > *, .tri-layout-right-contents > * {
    transition: none !important;
}

   .book-tree .page.entity-list-item .content .entity-list-item-name::before {
       padding-right: 20px;
       background-image: url("/opened-book-3163.png");
       content: "";
       background-repeat: no-repeat;
       margin-left: -10px;
   }

   .page.selected.entity-list-item .content * {
     font-weight:bold;
   }

.book-tree button.text-muted svg + svg, .book-tree button.text-muted span {
  display: none !important;
}

   .book-tree button.text-muted {
     margin-top: -28px !important;
     position: absolute;
   }
   .book-tree .text-muted.open {
     margin-top: -31px !important;
   }

   .book-tree .chapter > .content {
     margin-left: 15px;
   }

.book-content .book.entity-list-item {
   padding-top: 2px;
   padding-bottom: 2px;
}

.grid-card {
   margin-bottom: 0px !important;
}

footer a:first-child {
   text-decoration: none !important;
   cursor: default !important;
}


footer a:not(:first-child) {
   color: #F26322;
}


html:not(.dark-mode) .bg-bookshelf {
  opacity: 0.7;
  background-color: #eee !important;
}

#main-content .page-content {
  max-width: 100% !important;
}

.page-content img:not([id*="bkmrk"]) {
  box-shadow: 2px 2px 4px 2px #ccc;
  /*outline: 1px solid #ccc; */
}

.svg-icon[data-icon="book"] {
  display: none !important;
}

.tri-layout-container {
  grid-column-gap: 0px !important;
}

.breadcrumbs {
  opacity: 1 !important;
}

.mb-xl h5 {
  font-weight: bold;
}

#page-attachments {
    order: unset !important;
    z-index: 9999999999999999999999999999999999999999;
}

table tbody tr:not(.head):hover > td:not([rowspan]){
   /*outline: 2px solid gray; */
   border-bottom: 2px solid gray !important;
   padding-bottom: 6px !important;
}
/*table td {
  vertical-align: top !important;
}*/
.page-content table {
   width: 100% !important;
   max-width: 100% !important;
   table-layout: unset !important;
   /* display: block; */
   border-collapse: initial !important;
}

.page-content .cm-content {
   /*position: absolute;*/
   margin-left: 5px;
}

html.maximized .page-content table {
   display: inline-table !important;
}

	table tbody tr.selected td {
	    background-color: #f9f9f9;
	}

	table tbody tr.selected {
	    box-shadow: -7px 0px 0px var(--color-primary) !important;
	}

	tr.head, thead tr td {
	    font-weight: bold !important;
	    background-color: #eee !important;
	    border-bottom: 2px solid #bbb !important;
	    color: black !important;
	}

	/*main table tr, main table td {
	  height: auto !important;
	}*/


.content-wrap.card.maximized {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100% !important;
  height: 100vh;
  z-index: 1;
}

   .entity-chip::after {
     background-color: gray !important;
     border: 5px solid black !important;
   }

   a.maximize-button {
     float: right;
     margin-top: -10px;
     margin-right: -40px;
   }

   a.maximize-button::after::hover {
      box-shadow: 8px 5px 14px #ccc;
   }

   a.maximize-button::after{
      content:"";
      background: url("/min_max.png") 0 0 no-repeat;
      cursor: pointer;
      background-size: contain;
      width: 30px;
      height: 30px;
      display: inline-block;
      color: #ccc;
   }


   main.maximized a.maximize-button::after{
      content:"";
      background: url("/min_max.png") 0 0 no-repeat;
      cursor: pointer;
      background-size: contain;
      width: 30px;
      height: 30px;
      display: inline-block;
      color: #ccc;
   }

/* Weihnachten */
html.christmas .logo-text::after {
  background: url("/chris.png") 0 0 !important;
  content: "";
  position: absolute !important;
  Width: 100vw;
  height: 57px;
  background-size: contain !important;
  left: 0px;
  top: 52px !important;
  opacity: 0.85;
  z-index: -2;
}
html.christmas .page-editor {
  z-index: 100;
}

/* dark-mode */
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6 {
  color: #fff !important;
}

html.dark-mode .tri-layout-right-contents *, html.dark-mode .breadcrumbs * {
  color: #fff !important;
}

html.dark-mode #page-navigation * {
  color: #fff !important;
}

html.dark-mode .page-content :not([style]):not([href]) {
  color: #fff !important;
}

html.dark-mode table tbody tr:not(.selected) td {
  background-color: #111;
  border-color: #aaa !important;
}

.pss-search-addon {
  position: relative;
  display: block;
  width: 100% !important;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 15px 10px 15px 10px;
  border-radius: 8px;
}

   td .pss-search-addon {
       display: none !important;
   }

   .pss-lable {
     display: inline;
   }
   .search-input {
     display: inline;
     margin-left: 20px;
     width: 290px;
   }

   button.pss-clear-search {
     background-color: #ccc;
     padding: 2px 5px 2px 5px;
     margin-left: 6px;
     cursor: pointer;
     outline: 1px solid #aaa;
   }
   .pss-search-options {
     display: inline;
     margin-left: 10px;
     width: 175px !important;
   }
   .pss-search-mark {
     font-weight: bold;
     color: #fff;
     background-color: orange;
     border-bottom: 2px solid red;
   }

/* List Books */
.entity-list {
  display: inline;
}
.entity-list .entity-shelf-books, .entity-list hr.my-m {
  display: none !important;
}
.entity-list .shelf.entity-list-item {
  max-width: 49% !important;
  width: 49% !important;
  display: inline-flex;
  float: left;
  padding: 3px !important;
}
.entity-list .entity-list-item-image {
   width: 210px;
   min-height: 85px;
   height: 85px;
   background-size: 75% 75%;
}
.entity-list-item-image {
   background-repeat: no-repeat;
   background-size: contain;
}
.grid-card-content {
  padding-top: 10px !important;
  padding-bottom: 5px !important;
}
.grid-card-footer {
  padding-top: 4px !important;
  padding-bottom: 7px !important;
}
.grid-card[data-entity-type="bookshelf"] .grid-card-content h2 {
  display: none;
}
.entity-list .text-muted.break-text.mb-none {
   line-height: 18px;
   word-break: break-word;
   background-color: #eee;
   position: absolute;
   padding: 3px 0px 0px 0px;
   border-radius: 8px;
   font-size: 12px !important;
}
.tri-layout-middle .entity-list .entity-list-item[data-entity-type="bookshelf"] > .content {
   margin-top: -50px;
}
.tri-layout-middle .entity-list h4:not(.entity-list-item-name) {
	font-size: 1.0rem;
}

/* JQUERY DIALOG UI */

html.dialog-open {
  overflow-y: hidden;
}

.ui-dialog {
  max-height: 97vh !important;
}
.ui-dialog-content {
  max-height: 91vh !important;
}
.ui-dialog #header {
  display: none;
}
.ui-dialog main {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100% !important;
  height: 100% !important;
}

/*.ui-dialog h1.list-heading, 
  .ui-dialog h1#bkmrk-page-title, */
    .ui-dialog #sibling-navigation,
      .ui-dialog #sidebar,
        .ui-dialog .tri-layout-right,
          .ui-dialog a.maximize-button {
  display: none;
}

/*a.jquery-dialog:hover {
  color: red !important;
}*/
  .ui-dialog h1#bkmrk-page-title, .ui-dialog h1.list-heading {
    margin-top: 5px !important;
    font-size: 30px !important;
  }
  
  .ui-dialog .page-content table {
    display: inline-table !important;
  }

  .ui-dialog .dialog-page-link {
    color: var(--color-primary);
    font-weight: bold;
    position: absolute;
    z-index: 999;
    right: 50px;
    top: 11px;
  }

  .ui-dialog .content-wrap.card {
    border: none !important;
    box-shadow: none;
    padding: 4px !important;
  }
  
.ui-dialog h1.list-heading + .book-contents * {
  font-size: 1rem;
}


/* Codeblock-Manipulation  */

.cm-editor[data-codeblock]:before {
    content: attr(data-codeblock) !important;
    background-color: #ccc;
    padding: 3px 10px 3px 10px;
    border-radius: 10px;
    z-index: 99999;
    position: absolute;
    right: 4px;
    top: -28px;
    min-width: 40px;
    text-align: center;
    box-shadow: 4px 4px 4px #aaa;
    color: gray;
    font-weight: bold !important;
    text-transform: uppercase;
    opacity: 0.7;
    font-size: 0.75rem;
}

/*.cm-editor[data-codeblock]:hover:before {
    top: -28px;
}*/

/*
.page-content .cm-editor {
   margin-top: 32px !important;
}
*/

.cm-editor[data-codeblock]:hover {
    outline: 3px solid #aaa;
    background-color: #f9f9f9;
}

.cm-editor[data-codeblock="sql"]:before {
    background-color: gold;
}
.cm-editor[data-codeblock="shell"]:before, .cm-editor[data-codeblock="bash"]:before {
    background-color: black;
    color: #fff;
}
.cm-editor[data-codeblock="powershell"]:before {
    background-color: blue;
    color: #fff;
}
.cm-editor[data-codeblock="typescript"]:before, .cm-editor[data-codeblock^="vb"]:before {
    background-color: purple;
    color: #fff;
}
.cm-editor[data-codeblock^="java"]:before {
    background-color: coral;
    color: #fff;
}
.cm-editor[data-codeblock="php"]:before {
    background-color: palevioletred;
    color: #fff;
}

.cm-editor:hover .cm-copy-button {
    margin-top: -2px;
}