/* easybrowse custom-css */

/**
@font-face { 
	font-family: MyIconFont; 
	src: url('./fonts/MyIconFont.woff'); 
} 

body {
	font-family: 'MyIconFont', sans-serif;
}

**/


/** Header Farbe **/

.app-header {
    background-color: #fff;
}

.app-header .top-bar-brand {
    background-color: #fff;
}

.app-header-dark .btn-account {
    color: #333;
}

.app-header-dark .header-nav .nav-link {
    color: #333;
}


/** Navigations-Icons **/
.nav-item {
    color: #333;
}

.app-header-dark .header-nav .nav-link:focus,
.app-header-dark .header-nav .nav-link:hover {
    color: #333;
}

svg.nav-icon path {
    fill: #333;
}

/** Schriftzug Farbe **/
.portalname {
    color: #333;
}

/** Logo Ausrichtung **/
.top-bar-brand {
    padding-left: 17px;
}

.top-bar-brand img {
    height: 43px;
}

/** Breite in ContentTree **/
span.fancytree-title {
    width: 360px;
}

/** Hightlighting **/
.highlightresults em {
    background: #efeb3245;
    color: black;
}

/** Nur Wert des Metadatums in Ergebnisliste anzeigen **/
span.metadata-key {
    display: none;
}


/* Navigations-Icons */
body:not([data-skin="dark"]) .app-header-dark .header-nav .nav-link, 
body:not([data-skin="dark"]) .nav-item {
	color: #000;
}


body:not([data-skin="dark"]) svg.nav-icon path {
	fill: #000;
}


/* Dark mode */
body[data-skin="dark"] {
--bodybackground-dark: #252B31; /* thead Hintergrund */
--text-color-dark: #e6e6e6;
color: var(--text-color-dark);
}

body[data-skin="dark"] 
.top-bar-brand {
	background-color: #346cb0;
}


body[data-skin="dark"] .app-header,
body[data-skin="dark"] .app-header-dark {
	height: auto;
	background: linear-gradient(180deg, rgb(253, 196, 0) 6px, rgba(0,0,0,0) 6px);
}

body[data-skin="dark"] .main-logo, 
body[data-skin="dark"] #main-logo { /* Logo in hell */
	filter:brightness(0) invert(1);
}

body[data-skin="dark"] .portalname {
	color: #e6e6e6;
}
	
    /** Navigations-Icons **/
body[data-skin="dark"] svg.nav-icon path {
	fill: #a8a8a8;
}

body[data-skin="dark"] .badge-subtle.badge-primary,
body[data-skin="dark"] .badge-light {
	color: #e6e6e6;
	background-color: rgba(255, 255, 255, 0.08);
}

body[data-skin="dark"] .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
	filter: brightness(2.5) grayscale(1); 
}

body[data-skin="dark"] .fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title {
	color: #e6e6e6;
}
	
body[data-skin="dark"] .app-header-dark,
body[data-skin="dark"] .modal-content {
    background-color: #1D2226;
}
	
body[data-skin="dark"] .app-header-dark .top-bar-brand,
body[data-skin="dark"] .top-bar {
	background-color: #1D2226;
}
	
body[data-skin="dark"] .app-header-dark .btn-account {
    color: #e6e6e6;
}
	
body[data-skin="dark"] .gutter.gutter-horizontal::before {
	background-color: var(--text-color-dark);
}

body[data-skin="dark"] .content-iframe-background {
	background-color: transparent;
	color: #e6e6e6;
}