:root {
    
}

.tool-domain-status {
    background-image: url(../img/tool-domain-status.svg);
}

.tool-domain-status-up {
    background-image: url(../img/tool-domain-status-up.svg);
}

.tool-domain-status-down {
    background-image: url(../img/tool-domain-status-up.svg);
}

.tool-domain-status-up-down {
    background-image: url(../img/tool-domain-status-up-down.svg);
}

.tool-domain-status-info-bubble {
    width: 5rem;
    height: 24rem;
}

.workspace-sticky {
    height: 30%;
}

.palette-sticky {
    height: 30%;
}

.outline-sticky {
    height: 20%;
}

.outline-sticky .outline-sticky-container {
    overflow: hidden;
}

.editor-table-sticky {
    width: 70%;
    height: 60%;
}

.editor-table-sticky-container {
    overflow: hidden; /* No scrollbars in outer Sticky - but in inner editor-table-group-view-container */
}

.graph-view .jsa-view-header{
    background-color: darkblue;
}


.graph-view-container .graph-view-palette {
    /*unset any defined styles*/
}

.graph-view-container .graph-view-outline {
    width: 100%;
    height: 100%;
}

.no-margin {
    margin: 0;
}

/* allow tab title wrap, max 2 lines, then clip */
.jsa-app-tabbar .jsa-label-text {
    white-space: normal; /* allow wrap (line break) */
    font-size: 0.8rem; /* smaller than default 1rem - more info visible, fits well in default jsa-tab height 2rem */
    max-height: 2lh;  /* 2 line heights, then clip */
}

div.jsa-app-tooltip {
    background-color: var(--jsa-bd-color);
}

div.jsa-app-tooltip .jsa-bubble-arrow:after {
	background-color: var(--jsa-bd-color);
}