body.xtsi-debug .dropbutton-widget ul.dropbutton {
    background-color: bisque;
}
body span.xtsi-id,
body.xtsi-no-promoted #slogxtmaindropbutton-li-promoted,
body.xtsi-no-surprise #slogxtmaindropbutton-li-surprise,
#xt-tbline-items-wrapper .xt-tbline-item.icon-surprise,
.xtsi-embed-content span.xtsi-xtitem-source {
    display: none;
}
#xt-tbline-items-wrapper .xt-tbline-item.icon-surprise.xtsi-has-surprise {
    display: block;
}
body.xtsi-show-ids span.xtsi-id,
body.xtsi-show-ids .xtsi-embed-content span.xtsi-xtitem-source {
    display: inline;
}
.block.block-slogitems .content {
    margin: 0;
}

.xtsi-list .item-list ul {
    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;
}
#slogxt-modal-dialog .messages.slogxt-info.preview-warn {
    margin-left: 24px;
    max-width: 240px;
    padding: 6px 20px 4px 36px;
    background-position-y: 6px;
    background-color: bisque;
}

.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;
}
.xtsi-content .xtsi-drag-img-tbnode {
    display: block;
    position: absolute;
    top: -60px;
    left: -60px;
    height: 36px;
    width: 36px;
    background-color: silver;
    background-image: url("icons/dark/tbnode.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 4px;
}
#page-sjqlout.on-drag-lidata .xtsi-content .xtsi-drag-img-tbnode {
    top: 0;
    left: 0;
}

#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 .field--name-xtyoutube {
    position: relative;
}
#page-sjqlout .field--name-xtyoutube .yt-dragdrop-over {
    position: absolute;
    display: none;
    background-color: ivory;
    opacity: 0.01;
    z-index: 1;
}
#page-sjqlout.on-drag-lidata .field--name-xtyoutube .yt-dragdrop-over {
    display: block;
}
#page-sjqlout article.node--type-xtyoutube.is-alone {
    overflow: hidden;
    margin-top: 0;
}
#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%;
}
#slogxt-dialog-content form#xtsi-search-byid .tfilter-base,
#slogxt-dialog-content form#xtsi-search-byid .form-item-target-toolbars,
#slogxt-dialog-content form#xtsi-search-byid .form-item-target-sort-code {
    display: none;
}

#page-wrapper.sxt-enlarge-page,
#lout-center.xtsi-enlarge-content .sjqlout-content article.node,
.stb-content.block-slogtb.xtsi-enlarge-list {
    font-size: 120% !important;
}
.xtsi-content .messages.slogxt-info {
    margin: 0 15px;
}
.stb-content.block-slogtb .messages.slogxt-info {
    margin-left: 15px;
    margin-right: 5px;
}
.xtsi-content .messages.slogxt-info,
.stb-content.block-slogtb .messages.slogxt-info {
    color: darkkhaki;
    border-color: silver;
    background-color: whitesmoke;
    background-image: none;
    box-shadow: -8px 0 0 silver;
    font-style: italic;
    padding: 10px;
}

#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-xtsicontext > a {
    background-image: url("icons/xtsi-context.svg");
    background-size: 50% auto;
}
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: maroon;
    vertical-align: super;
    font-size: 75%;
}
span.xtsi-slink.xtsi-slink-sid.xtsi-slink-alter:after {
    content: "»";
    color: maroon;
    vertical-align: super;
    font-size: 75%;
}
span.xtsi-slink.xtsi-slink-notfound > a,
span.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound,
div.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound > a,
div.xtsi-slink.xtsi-slink-notfound > a {
    background-color: wheat !important;
}
div.xtsi-slink.xtsi-slink-createnew > a {
    background-color: coral;
    border-left: 4px solid lavender !important;
}

div.xtsi-embed-header div.xtsi-slink.xtsi-slink-tid,
div.xtsi-embed-header div.xtsi-slink.xtsi-slink-tid > a,
div.xtsi-slink.xtsi-slink-tid,
div.xtsi-slink.xtsi-slink-tid > a {
    background-color: lightblue !important;
}
div.xtsi-slink.xtsi-slink-tid.xtsi-slink-notfound {
    border-color: cadetblue !important;
}
span.xtsi-slink.xtsi-slink-tid.xtsi-slink-alter >a {
    color: cadetblue !important;
}

.xtsi-slink a:active,
.xtsi-slink a:focus,
.xtsi-slink a:hover,
div.xtsi-slink.xtsi-slink-createnew > a:hover,
.xtsi-slink a,
.xtsi-slink a.link,
.xtsi-content a,
.xtsi-content a.link {
    border: none !important;
}
.xtsi-slink a,
.xtsi-slink a.link,
.xtsi-content a,
.xtsi-content a.link {
    -webkit-user-select: text;
    user-select: text;
}

.field--name-xtnodebase {
    padding: 0;
    margin: -10px -5px 10px -5px;
    min-width: 1px;
    min-height: 1px;
}

article.xtsi_embeded .field--name-xtnodebase {
    margin-right: -4px;
}

article.node--type-xtyoutube .field--name-xtnodebase {
    margin: -10px 0 10px 0;
}

.xt-dialog-view.preview.fix-margin-top article.node.node--view-mode-full.clearfix,
article.node.node--view-mode-full.clearfix {
    margin-top: 24px;
}
.xt-dialog-view.preview article.node.node--view-mode-full.clearfix,
article.node.node--type-mwdiscussion.node--view-mode-full.clearfix {
    margin-top: 0;
}
.xt-dialog-view.preview.xtsi-content > .content {
    margin: 0;
    padding: 0;
}
.field--name-xtnodebase > .xtn-base-tags {
    padding: 0 4px;
    margin-top: -24px !important;
    background-color: gainsboro;
    line-height: 18px;
    font-size: 12px;
    font-style: italic;
}
article.node--type-xtyoutube.is-alone .field--name-xtnodebase > .xtn-base-tags {
    margin-top: 0 !important;
}

.stb-content .xtsi-base-data,
.field--name-xtnodebase > .xtsi-base-data {
    border: 1px solid khaki;
    background-color: beige;
    padding: 0 4px;
    display: none;
}

#slogxt-dialog-content .stb-content .xtsi-base-data,
#slogxt-dialog-content .field--name-xtnodebase > .xtsi-base-data {
    border: none;
}

body.xtsi-show-basedata .stb-content .xtsi-base-data,
body.xtsi-show-basedata .field--name-xtnodebase > .xtsi-base-data {
    display: block;
}

div.xtsi-slink-breadcrumb {
    display: block;
    margin: -12px 0 0;
    padding: 1px 0 0;
    font-size: 10px;
    font-style: italic;
}

div.xtsi-slink-breadcrumb span.xtsi-breadcrumb-overall {
    display: inline-block;
    position: relative;
    top: 5px;
    width: 26px;
    height: 16px;
    margin: -4px 0 0 10px;
    padding-top: 0px;
    border: 1px solid gray;
    border-radius: 6px;
    overflow: hidden;
}

div.xtsi-slink-breadcrumb span.xtsi-breadcrumb-overall >a {
    display: inline-block;
    width: 28px;
    height: 16px;
    background-color: gainsboro;
    background-image: url("icons/path-tree.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    border-radius: 6px;
}

div.xtsi-embed-node div.xtsi-slink-breadcrumb,
div.xtsi-embed-xtitem div.xtsi-slink-breadcrumb {
    display: none;
}

div.xtsi-embed-node,
div.xtsi-embed-xtitem {
    background-color: gainsboro;
    border: 1px solid silver;
    margin: 12px 0 12px 16px;
    font-size: 1em;
    line-height: 1.2em;
}
div.xtsi-embed-node.frameless.simple,
div.xtsi-embed-xtitem.simple {
    background-color: transparent !important;
    border: none;
    margin-top: 0;
}
div.xtsi-embed-node.opened.frameless {
    margin: 0;
}
div.xtsi-embed-node.opened.frameless > .xtsi-embed-header {
    display: none;
}
div.xtsi-embed-node.opened.frameless > .xtsi-embed-content {
    margin: 0 0 0 4px;
}
div.xtsi-embed-node.opened.frameless.simple > .xtsi-embed-content {
    margin-top: -24px;
}
div.xtsi-embed-node.opened.frameless.simple > .xtsi-embed-content .field--name-xtnodebase {
    display: none;
}
div.xtsi-embed-xtitem .xtsi-embed-content {
    padding: 4px;
}
div.xtsi-embed-xtitem span.xtitem-pre {
    font-style: italic;
    font-weight: bold;
}

.mw-references-wrap div.xtsi-embed-node {
    margin: -20px 0 0 10px;
}

div.xtsi-embed-header {
    background-color: silver;
    padding: 3px 44px 3px 24px;
    position: relative;
    max-height: 120px;
    font-style: italic;
}

div.xtsi-embed-header .xtsi-embed-header-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-image: url("icons/xtsiembed.svg");
    background-attachment: scroll;
    background-position: 2px 3px;
    background-repeat: no-repeat;
    background-size: 20px 16px;
}

div.xtsi-embed-header .xtsi-embed-header-link {
    position: absolute;
    right: 2px;
    top: -8px;
    height: 20px;
    width: 20px;
    background-image: url("icons/special-open.svg");
    background-attachment: scroll;
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-size: 20px 12px;
    background-color: silver;
    border: 1px solid gray;
    border-radius: 8px;
}

div.xtsi-embed-header .xtsi-embed-header-hint {
    position: absolute;
    right: 24px;
}

div.xtsi-embed-content {
    padding: 0 4px;
    overflow: auto;
}

div.xtsi-embed-node .node__content {
    font-size: 1em;
    line-height: 1.2em;
}

div.xtsi-embed-node .xtsi-embed-content,
div.xtsi-embed-node .xtsi-embed-content div.xtsi-embed-node .xtsi-embed-content {
    display: none;
}
div.xtsi-embed-node.opened .xtsi-embed-content,
div.xtsi-embed-node .xtsi-embed-content div.xtsi-embed-node.opened .xtsi-embed-content {
    /*    padding-top: 10px;*/
    display: block;
}
.xtsi-content .content.embed-has-opened .xtsi-embed-header-link {
    background-image: url("icons/special-close.svg");
}
div.xtsi-embed-node .xtsi-embed-content div.xtsi-embed-node .xtsi-embed-header-link {
    display: none;
}
div.xtsi-embed-node .xtsi-embed-content div.xtsi-embed-node .xtsi-embed-header-hint {
    right: 2px;
}
div.xtsi-embed-header div.xtsi-slink.xtsi-xtsicontext {
    margin-top: -2px;
}

body.sxtcbase-gainsboro .sjqlout-content.is-default .field--name-xtnodebase > .xtn-base-tags,
body.sxtcover-gainsboro .sjqlout-content.is-over .field--name-xtnodebase > .xtn-base-tags,
div.xtsi-embed-header div.xtsi-slink.xtsi-xtsicontext > a {
    background-color: silver;
}

body.sxtcbase-gainsboro .sjqlout-content.is-default div.xtsi-embed-node,
body.sxtcbase-gainsboro .sjqlout-content.is-default div.xtsi-embed-xtitem,
body.sxtcover-gainsboro .sjqlout-content.is-over div.xtsi-embed-node,
body.sxtcover-gainsboro .sjqlout-content.is-over div.xtsi-embed-xtitem {
    background-color: whitesmoke;
}

div.xtsi-embed-node details.xtitems-block > summary {
    background: silver;
    border: 1px solid silver;
}
div.xtsi-embed-node .xtsi-embed-xtitem.xtitems-block-0,
div.xtsi-embed-node .xtitems-block.xtitems-block-0 summary {
    border-left: 3px solid Gray !important;
}
div.xtsi-embed-node .mw-references-wrap {
    font-size: 12px;
    margin-top: -6px;
}