body.xtsi-no-promoted #slogxtmaindropbutton-li-promoted,
body.xtsi-no-surprise #slogxtmaindropbutton-li-surprise,
#xt-tbline-items-wrapper .xt-tbline-item.icon-surprise {
    display: none;
}
#xt-tbline-items-wrapper .xt-tbline-item.icon-surprise.xtsi-has-surprise {
    display: block;
}
.block.block-slogitems .content {
    margin: 0;
}

.xtsi-list .item-list ul {
    /*margin: 0 0 1em;*/
    margin: 0;
    padding: 0;
}
.xtsi-list .item-list ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.033);
    border-bottom: 1px solid #fff;
    display: block;
    margin: 0;
    padding: 0;
}
.xtsi-list .item-list ul li a.active {
    color: ivory;
    background-color: steelblue;
}
.xtsi-list .item-list ul li a.xtsi-by-entity {
    background-color: silver;
}
.xtsi-list .item-list ul li.active-trail {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.063);
}

/*.slogitems .view-slogitem .item-list ul li a {*/
.xtsi-list  .item-list ul li a {
    color: #434343;
    border: none;
    display: block;
    padding: 0.5em;
}

.slogxt-list #xtsi-item-action,
.xtsi-list #xtsi-item-action {
    display: none;
    float: right;
    height: 30px;
    width: 30px;
    background-color: khaki;
    margin: 2px 2px 0 3px;
    background-color: silver;
    background-image: url("../../slogxt/css/icons/cog.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 8px;
    cursor: pointer;
}
.block.xtsi-compact-list .slogxt-list #xtsi-item-action,
.block.xtsi-compact-list .xtsi-list #xtsi-item-action {
    height: 21px;
}

.slogxt-list.has-action #xtsi-item-action,
.xtsi-list.has-action #xtsi-item-action {
    display: block;
}
.slogxt-list #xtsi-item-action.select,
.xtsi-list #xtsi-item-action.select {
    background-image: url("../../slogxt/css/icons/checkmark.svg");
}
.slogxt-list #xtsi-item-action.documentadd,
.xtsi-list #xtsi-item-action.documentadd {
    background-image: url("../../slogxt/css/icons/documentadd.svg");
}
.slogxt-list #xtsi-item-action.blocked,
.xtsi-list #xtsi-item-action.blocked {
    opacity: 0.3;
    filter: Alpha(Opacity=30);
    cursor: auto;
    background-image: url("../../slogxt/css/icons/blocked.svg");
}

ul.slogxt-list.hide-select-icon .slogxt-icon {
    display: none !important;
}
ul.slogxt-list.hide-select-icon .li-title {
    margin-left: 0 !important;
}

.toolbar.slogtb nav#slogtb-_node-bar a.toolbar-item {
    display: none;
}
.toolbar.slogtb nav#slogtb-_node-bar a#slogtb-item-_node__submenu {
    display: block;
}

#xtsi-tbnode-wrapper {
    width: 35px !important;
    height: 38px !important;
    float: left;
    /*background-color: khaki;*/
    display: none;
}
#xtsi-tbnode-wrapper .toolbar-bar,
#xtsi-tbnode-wrapper .toolbar-bar {
    width: 35px !important;
    height: 38px !important;
    box-shadow: none !important;
}
#sjqlout-main-content.xtsi-content.has-tbnode #xtsi-tbnode-wrapper {
    display: block;
}
#sjqlout-main-content.xtsi-content.has-tbnode > .sxt-header-wrapper {
    margin-left: 35px;
}
#sjqlout-main-content.xtsi-infotext-mode {
    background-color: lightyellow;
}
.xtsi-content .messages.slogxt-info {
    margin: 0 15px;
}

.xtsi-tbnode-hint {
    display: none;
}
.xtsi-content .has-tbnode-hint .main-label {
    padding-left: 28px;
}
.xtsi-content.has-tbnode .xtsi-tbnode-hint {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 4px;
    opacity: 0.5;
    z-index: 10;
    height: 24px;
    width: 24px;
    border: 1px solid gray;
    cursor: pointer;
    background-color: silver;
    background-image: url("icons/dark/tbnode.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 8px;
}
.xtsi-content.is-over.has-tbnode .xtsi-tbnode-hint {
    left: 26px;
}
.xtsi-content.has-tbnode .xtsi-tbnode-hint:hover {
    opacity: 1;
}

/*//todo::replace this by preventing header building */
#slogxt-dialog-content .preview article.node > header,
.xtsi-content > .content article.node > header {
    display: none;
}
.column.sidebar > aside.xtsi-has-slogtb {
    padding-top: 0;
    position: relative;
}
.column.sidebar > aside.xtsi-has-slogtb > .ui-tabs {
    border: none;
    padding: 0;
}
.column.sidebar > aside.xtsi-has-slogtb > .ui-tabs ul.ui-tabs-nav {
    background: lavender;
}

/*xtyoutube*/
#page-sjqlout article.node--type-xtyoutube.is-alone {
    overflow: hidden;
}
#page-sjqlout article.node--type-xtyoutube.is-alone.has-sinlge-line .mw-parser-output {
    margin-top: -16px;
    line-height: 18px;
}
#page-sjqlout figure.youtube-container,
#slogxt-dialog-content .preview figure.youtube-container {
    margin: 0;
}
#slogxt-dialog-content .preview figure.youtube-container >iframe.youtube-field-player,
#page-sjqlout figure.youtube-container >iframe.youtube-field-player {
    width: 100%;
}

#page-wrapper.sxt-enlarge-page,
#lout-center.xtsi-enlarge-content .sjqlout-content article.node,
.stb-content.block-slogtb.xtsi-enlarge-list {
    font-size: 106% !important;
}

#page-wrapper.tbnode-no-sync #block-sjqlout-stb-content-node .sxt-header-wrapper {
    background-color: lavenderblush;
}

div.xtsi-slink {
    width: 18px;
    min-height: 18px;
    border: 1px solid gray;
    background-color: gainsboro;
    border-radius: 8px;
    margin: -3px 2px 2px 5px;
    float: right;
}

div.xtsi-slink.multiple {
    min-height: 38px;
}
div.xtsi-slink.xtsi-slink-left {
    margin: -3px 5px 2px 0;
    float: left;
}
a.xtsi-external {
    background-image: url("icons/xtsi-external.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 9px;
    padding-right: 10px;
}
div.xtsi-slink > a {
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    float: left;
    background-color: gainsboro;
    background-image: url("icons/xtsi-more-link.svg");
    background-position: left+2px bottom+2px;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 8px;
}
div.xtsi-slink.xtsi-slink-youtube > a {
    background-image: url("icons/xtsi-camera.svg");
}
div.xtsi-slink > a.sxt-slink-next {
    background-image: url("icons/mwc-is-closed-arrow.svg");
    background-position: left+6px bottom+2px;
}

span.xtsi-slink.xtsi-slink-tid:after {
    content: "«";
    color: lightskyblue;
    vertical-align: super;
}
span.xtsi-slink.xtsi-slink-sid.xtsi-slink-alter:after {
    content: "»";
    color: darkgray;
    vertical-align: super;
}
span.xtsi-slink.xtsi-slink-notfound > a,
div.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound > a,
div.xtsi-slink.xtsi-slink-notfound > a {
    background-color: wheat;
}
div.xtsi-slink.xtsi-slink-createnew > a {
    background-color: coral;
    border-left: 4px solid lavender !important;
}

div.xtsi-slink.xtsi-slink-tid,
div.xtsi-slink.xtsi-slink-tid > a {
    background-color: lightskyblue;
}
div.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound {
    border-color: cadetblue;
}
span.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound {
    background: wheat;
}

div.xtsi-slink a:active,
div.xtsi-slink a:focus,
div.xtsi-slink a:hover,
div.xtsi-slink a,
div.xtsi-slink a.link,
.xtsi-content a,
.xtsi-content a.link {
    border: none !important;
}

.field--name-xtnodebase {
    margin-left: 10px;
    border: 1px solid gray;
    padding: 2px;
    background-color: beige;
}

div.xtsi-slink-breadcrumb {
    display: block;
    margin: 10px 0;
    padding: 0 0 0 6px;
    border: 1px solid darkgray;
    background-image: none;
    background-color: gainsboro;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    min-height: 20px;
}