::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-button { width:0;height:0;  }
::-webkit-scrollbar-track {  }
::-webkit-scrollbar-track-piece { border-radius: 6px;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #cdcdcd; border-radius: 6px;}
::-webkit-scrollbar-corner { background-color: transparent;}
::-webkit-resizer { background-color: transparent;}

* {
    -webkit-text-size-adjust: none;
}

body{
    height: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
}
/*loading*/
@keyframes amf{
    0%{opacity:.3;}
    60%{opacity:1;}
    100%{opacity:.3;}
}
@-moz-keyframes amf{
    0%{opacity:.3;}
    60%{opacity:1;}
    100%{opacity:.3;}
}
@-webkit-keyframes amf{
    0%{opacity:.3;}
    60%{opacity:1;}
    100%{opacity:.3;}
}
@-o-keyframes  amf{
    0%{opacity:.3;}
    60%{opacity:1;}
    100%{opacity:.3;}
}

#loadingimg {
    padding: 24px;
    opacity:.3;
    animation:amf 3s  linear infinite;
    -moz-animation:amf 3s  linear infinite;
    -webkit-animation:amf 3s  linear infinite;
    -o-animation:amf 3s  linear infinite;
}
/*xui*/
.xui-tag-cmd-hover{
    color: #0000ff !important;
}

.xui-icon-icon-mark{
    font-size: 85% !important;
    vertical-align: top !important;
    color: #71889a !important;
}

.xui-treegrid-cella.parsed-value, .xui-treegrid-cella.parsed-value > .xui-treegrid-cellcaption{
    white-space: nowrap;
}

.xui-treegrid-trheader{
    box-shadow: 2px 2px 4px 0px #cccccc;
}
.xui-treegrid-fhcell, .xui-treegrid-hcell, .xui-treegrid-hscell {
    border-color: transparent !important;
}
.xui-toolbar{
    box-shadow : 2px 2px 4px #ccc;
}
.xui-toolbar .xui-toolbar-items{
    background-color : transparent;
    border: none;
    padding : 2px;
}
.xui-input textarea{
    white-space: pre-wrap;
}

.xui-block.bottom-bar{
    border: none;
}
.xui-block.bottom-bar > .xui-block-frame > .xui-block-border{
    box-shadow: -2px -2px 4px #ccc;
    border-radius: 0px 0px 6px 6px;
    background-color: #ffffff;
}
.xui-block.bottom-bar > .xui-block-frame > .xui-block-border > .xui-block-panel{
    background: transparent;
}

.astopbar{
     border-radius: 6px 6px 0px 0px;
}
.astopbar .xui-treegrid-fhcell,
.astopbar .xui-treegrid-hcell,
.astopbar .xui-treegrid-hscell {
    background-color: #ffffff;
}

.xui-buttonviews.left-menu .xui-buttonviews-list-atleft .xui-buttonviews-item {
    padding-left: 3px;
    border-radius: 12px 0 0 12px;
}
.xui-buttonviews.left-menu .xui-buttonviews-list-atleft .xui-buttonviews-item-checked {
    z: inset 2px 2px 2px #cccccc;
    border-left: none;
    padding-left: 9px;
}
.xui-treebar-bar-group {
    background: #b3d4fc !important;
    font-weight: bold;
}
.xui-treebar-bar.xui-ui-disabled{
    background: #efefef !important;
    font-style: italic;
}

/*main*/
.special-script-file{
    color: blue !important;
}
.hover-treeelist-item{
    background-color: #1164A3;
    color: #ffffff;
}
.nav-item, .nav-item div, .nav-item span{
    cursor: pointer;
}
.script-status-mark-compiled, .script-status-mark-parsed, .script-status-mark-member {
    font-size:75%;
    font-weight:bold;
    color:red;
    font-style: italic;
    float:right;
}
.script-status-mark-resource{
    font-size:75%;
    font-weight:bold;
    color:blue;
    font-style: italic;
    float:right;
}

.tags-list{
}
.tags-list-tag{
    background-color: rgb(236, 236, 238);
    border-radius: 12px;
    padding: 3px 8px;
    margin: 0px 4px;
    line-height: 2;
}
.currency-span, .currency-span span{
    font-weight: bold;
    color: #ff0000;
}

/* Fade in */
.nav-item::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 1px;
    box-shadow: 2px 2px 2px 2px #ffe97f;
    background-color: #ffe97f;
    transition: opacity 200ms, transform 200ms;
    opacity: 0;
    transform: scale(0);
    transform-origin: left;
}
.nav-item:hover::after {
    opacity: 1;
    transform: scale(1);
}

.nav-item-disabled, .nav-item-disabled * {
    cursor: not-allowed !important;
    color: #cdcdcd !important;
    opacity: 0.75;
}
.nav-item-disabled::after {
    display:none;
}

.nav-item-under-development, .nav-item-under-development * {
    cursor: default !important;
    color: #cdcdcd !important;
}

.nav-item-under-development::after{
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    width: 68px;
    height: 100%;
    box-shadow: none;
    background-color: transparent;
    background: url(./../img/under-development.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 200ms, transform 200ms;
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
    z-index: 2;
}
.nav-item-under-development:hover::after {
    transform: scale(1);
}

.pic-nav-bar .nav-number{
    transition: all .5s;
}

.top-bar .xui-block-panel{
    border-radius: 6px 6px 0px 0px;
    background-color: #ffffff;
}

.unknown-lang-file-row{
    background: red;
    color: white;
}

.lang-caption{
    font-size: 75%;
    font-style: italic;
}
.workflow .workflow-line{
    padding: 8px 8px !important;
    border-radius: 16px !important;
}
.workflow .workflow-line-checked{
    border: solid #0661bc 2px !important;
    border-radius: 16px !important;
    padding: 7px 8px !important;
}
.workflow .xui-treeview-bar:focus{
    outline-style: none !important;
}
.workflow .xui-treeview-sub {
    padding-left: 1em;
}
.workflow .output {
    border-top: solid 4px #00d672;
    border-left: solid 1px #00d672;
    border-right: solid 1px #00d672;
    background-color: #FDF8D2;
}
.workflow .inputoutput {
    border-left: solid 1px #00d672;
    border-right: solid 1px #00d672;
    background-color: #FDF8D2;
}
.workflow .input {
    border-left: solid 1px #00d672;
    border-bottom: solid 1px #00d672;
    border-right: solid 1px #00d672;
    background-color: #FDF8D2;
}

.workflow .type-resource{
    font-weight: bold;
    color: #000000;
}
.workflow .type-dependency{
    font-weight: bold;
    color: #ff0000;
}
.workflow .type-configuration{
    font-weight: bold;
    font-style: italic;
    color: #0000ff;
}
.workflow .type-dataset, .workflow .type-folder{
    font-weight: bold;
}

/*
.workflow .type-dataset .xui-treeview-itemcaption{
    text-decoration: underline;
}
*/

.workflow .type-resource .tagcmd-features,
.workflow .type-dependency .tagcmd-features,
.workflow .type-configuration .tagcmd-features,
.workflow .type-dataset .tagcmd-features,
.workflow .type-folder .tagcmd-features{
    display: none;
}
/*for prism*/
pre.code-hl{
    background-color: transparent !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    outline: 0;
    counter-reset: linenumber;
}
pre.code-hl .line{
    counter-increment: linenumber;
    margin-left: 4.5em;
    padding-left: 4px;
    position: relative;
    line-height: 24px;
}
pre.code-hl .line:hover{
    background: linear-gradient(to right, hsla(24, 20%, 50%,.2) 70%, hsla(24, 20%, 50%, 0));
}
pre.code-hl .line:hover::before{
    background: hsla(24, 20%, 50%,.2);
}

pre.code-hl .line-hl::before{
     background: linear-gradient(to right, hsla(50, 100%, 75%, .75) 20%, hsla(60, 90%, 90%, 0.1));
}

pre.code-hl span.keyword-hl{
    color: black;
    font-weight: bold;
    background-color: hsla(50, 100%, 75%, .5);
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 2px 6px;
}

pre.code-hl span.keyword-hl2{
    color: black;
    font-weight: bold;
    background-color: hsla(50, 100%, 75%, .5);
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 2px 6px;
    cursor: pointer;
    position: relative;
}
pre.code-hl span.keyword-hl2::after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #3393d2;
    transition: opacity 200ms, transform 200ms;
    opacity: 0;
    transform: scale(0);
    transform-origin: left;
}
pre.code-hl span.keyword-hl2.focus::after {
    opacity: 1;
    transform: scale(1);
}
pre.code-hl span.keyword-hl2:hover::after {
    opacity: 1;
    transform: scale(1);
}

pre.code-hl .line::after {
    content: '';
    position: absolute;
    left: 0px;
    top: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid #3393d2;
    transition: opacity 200ms, transform 200ms;
    opacity: 0;
    transform: scale(0);
    transform-origin: left;
    border-radius: 0 12px 12px 0;
}
pre.code-hl .line.focus::after {
    opacity: 1;
    transform: scale(1);
}

pre.code-hl .line::before{
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    position: absolute;
    left: -4.5em;
    top: 0;
    width: 4em;
    border-right: 1px solid #999;
}

/*for 3d graph*/
.clickable {
  cursor: default !important;
}
.clickcursor {
    cursor: pointer !important;
}



/***********/
.emphasize1{
    font-size: 120%;
}
.emphasize2{
    font-size: 120%;
    color: #ff0000;
}
.log{

}
.log-time{
    font-size: 75%;
    font-style: italic;
    color: grey;
}
.log-body{
    margin: 2px 0;
    border: 1px dashed #efefef;
    font-size: 75%;
}
.log-item{
    padding: 2px;
}