/* add custom styles or override defined ones */



/* ==========================================================================
   ABB ICONS
   ========================================================================== */
@font-face {
  font-family: 'abb-schema-glyphs';
  src:  url('fonts/abb-schema-glyphs.eot?fegjkn');
  src:  url('fonts/abb-schema-glyphs.eot?fegjkn#iefix') format('embedded-opentype'),
    url('fonts/abb-schema-glyphs.ttf?fegjkn') format('truetype'),
    url('fonts/abb-schema-glyphs.woff?fegjkn') format('woff'),
    url('fonts/abb-schema-glyphs.svg?fegjkn#abb-schema-glyphs') format('svg');
  font-weight: normal;
  font-style: normal;
}


i.schema-glyph-book,
i.schema-glyph-books,
i.schema-glyph-comment,
i.schema-glyph-menu,
i.schema-glyph-home,
i.schema-glyph-appinfo,
i.schema-glyph-gears,
i.schema-glyph-user
{
  font-family: abb-schema-glyphs, schema-glyph;
}


.schema-glyph-book:before {
  content: "\e903";
}
.schema-glyph-books:before {
  content: "\e904";
}
.schema-glyph-comment:before {
  content: "\e908";
}
.schema-glyph-menu:before {
  content: "\e90c";
}
.schema-glyph-home:before {
  content: "\e90e";
}
.schema-glyph-appinfo:before {
  content: "\e90f";
}
.schema-glyph-user:before {
  content: "\e910";
}
.schema-glyph-gears:before {
  content: "\e915";
}


/* ==========================================================================
   FONTS
   ========================================================================== */
@font-face {
    font-family: 'MaisonNeue';
    src: url('fonts/MaisonNeue-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MaisonNeue';
    src: url('fonts/MaisonNeue-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

* {
	font-family: 'MaisonNeue';
}

select, button, .title {
	font-family: 'MaisonNeue' !important;
}

/* ==========================================================================
   LOGIN
   ========================================================================== */

button.js-login {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    /*clear: both;*/
    /*display: block;*/
    height: 40px;
    line-height: 40px;
    border-radius: 43px;
    background: #5a32a5;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 24px;
    margin: 24px 0;
    border: 0;
    min-width: 250px;
    text-align: center;
    transition: background-color .25s;
}

select.locale {
	background-color: #5a32a5;
}

.login img {
	max-width: 200px;
}

.login {
	background-color: #fff;
	background-image: none;
}

.login a, .login a:link, .login label {
	color: #212121;
}

.login .locale option {
    background-color: #fff;
}

/* ==========================================================================
   PORTAL
   ========================================================================== */

.app > .nav {
	background-color: #fff;
	border-left: 50px solid #fff;
}

.app > .nav .tools .locale button {
    background-color: #fff;
}

.nav .tools .user-menu {
    background: #fff;
}

/* nav buttons */
.app > .nav .tools .locale button span {
    color: #212121;
}

.app > .nav .tools i {
	color: #212121;
}

.app > .nav .tools .username {
    color: #212121;
}

.app > .nav .tools span.caret {
    border-top-color: #212121;
    border-bottom-color: #212121;
}

.app > .nav .tools .legal button {
    background-color: transparent;
}

.navpane-toggle, 
.navpane-toggle a, 
.navpane-toggle a:link, 
.navpane-toggle a:visited, 
.navpane-toggle a:hover {
    color: #212121;
}

.navpane-toggle,
.navpane-toggle.disabled {
    color: #212121;


    display: none;
}

.navleft, .navleft-text {
	background-color: #fff;
}

.navleft .modules li.selected {
    border-left: 3px solid #5a32a5;
    border-right: 3px solid #5a32a5;
}
.navleft .modules li:hover, .navleft .modules li:focus {
    background: #212121;
    border-left: 3px solid #5a32a5;
    border-right: 3px solid #5a32a5;
}

.navleft .modules li.disabled {
	color: #c5c5c5;
}

.moduleheader .scopes select {
    color: #5a32a5 !important;
}

.moduleheader > .title {
    color: #5a32a5 !important;
}

.app > .nav .tools .legal ul,
.app > .nav .tools .locale ul {
    padding: 5px 0 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #404040 !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    filter: none !important;
}

/* DOC NAVPANE */

.navpane > .header .search div.searchbox input {
    width: 330px !important;
}

.navpanedoc .header > .search div.searchbox input[name="search"] {
    background-position-x: 306px !important;
}

/* FILTER TREE*/

ul.jqtree-tree span.jqtree-title:hover {
    color: #5a32a5;
}

#navpane-taxonomy-tree .treeview > ul > .tree-root:hover .collapse {
    background-color: #5a32a5 !important;
}

#navpane-toc-tree ul.jqtree-tree .jqtree-title {
    white-space: normal;
    display: inline-flex;
    padding: 4px 0;
    font-size: 14px;
    line-height: 16px;
    margin-right: 11px;
}

.navpane .concepts-header .concepts i::before, .concepts-header .metadatas i::before {
    background-position: 3px 0px !important;
}

/* header logo */
.app > .nav .homelink img {
    height: 35px;
	width: 113px;
    margin-left: 0px;
}

.app > .nav .homelink {
    max-width: 80px;
}

.app > .navleft .navitem_imprint {
    background-image: url("img/legal.svg");
    background-size: contain;
    background-position: 5px -2px;
    display: block;
    width: 40px;
    height: 40px;
}

.app > .navleft .navitem_imprint:hover,
.app > .navleft .selected .navitem_imprint {
    background-position: 2px -2px;
}

.app > .navleft .navitem_imprint:hover {
    background-image: url("img/legal_on.svg");
}

/* filter display */
.app > .nav .current-filter-display {
    position: absolute;
    top: 0px;
    left: 225px;
    color: #333;
    font-weight: bold;
}

.app > .nav .current-filter-display-home {
    position: relative;
    bottom: -5px;
    font-size: 1.8em;
    color: #333333;
}
.app > .nav .current-filter-display-home:hover,
.app > .nav .unsetAllFacetsExceptProduct:hover,
.app > .nav .backToListView:hover {
    color: #5a32a5;
}

.app > .nav .unsetAllFacetsExceptProduct,
.app > .nav .backToListView {
    text-decoration: underline;
}

.navarea li.tree-hidden {
    display: none;
}

/* list view */
.listitem.book:hover {
    border-left: 5px solid #5a32a5 !important;
    border-right: 5px solid #5a32a5 !important;
}

/* tile view */
.booklist[data-style="tile"] .listitem.book div.name {
    border-top: 2px solid #5a32a5 !important;
}

/* notes-panel */
.section-header {
    color: #212121 !important;
}

html ::selection {
	background: #5a32a5 !important;
}

.sidebar a, 
.sidebar a:link,
.sidebar a:visited, 
.sidebar a:hover {
    color: #5a32a5 !important;
}

.sidebar .btn-primary  {
    background-color: #5a32a5;
}

.sidebar .btn-primary[disabled] {
    opacity: 0.4;
}

/* admin */
.GridItem:hover {
    background-color: #fff;
	border: 1px solid #fff;
}

/* Search result */
@media (min-width: 700px) {
    #navpane-result-list .search-result .title {
        font-size: 10px;
    }
}

.queryresultsview .title-cont .title {
    color: #5a32a5 !important;
}

.queryresultsview .bct {
    color: #5a32a5 !important;
}

/*Backend*/
.GridItem:hover {
  border: 1px solid #5a32a5;
  transition: all 0.1s cubic-bezier(0.58, 0.13, 0.56, 1.26);
  background-image: none;
  background-size: cover;
  color: #c5c5c5;
}

/* Breadcrumb display with watermark */
.breadcrumb {
    position: relative;
}

/* ### NotificationInterface GUI */
.notification-tree-container {
    margin-left: 30px;
}

.notification-tree-hint {
    font-size: 0.8em;
    padding: 5px 0 0 30px;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.NotificationsSection td.DataViewStringArray span.DataView.DataViewString {
    white-space: nowrap;
}