/*! vtkWeb/ParaViewWeb - v2.0 - 2016-08-08
* http://www.kitware.com/
* Copyright (c) 2016 Kitware; Licensed BSD */
.vtkweb-catalyst-analysis .estimate-content {
    margin-top: 10px;
}

.vtkweb-catalyst-analysis .estimate-content select {
    position: relative;
    right: 0px;
    width: 50%;
}

.vtkweb-catalyst-analysis .estimate-content li {
    line-height: 2em;
}

.vtkweb-catalyst-analysis .estimate-content div.label {
    position: relative;
    width: 40%;
    margin-right: 10px;
    display: inline-block;
}

.vtkweb-catalyst-analysis .estimate-content div.label > .value {
    position: absolute;
    right: 5px;
}

.vtkweb-catalyst-analysis .estimate-content input[type='range'] {
    position: relative;
    left: -8px;
    top: 3px;
    width: 50%;
}

.vtkweb-catalyst-analysis .estimate-content input[type='text'] {
    position: relative;
    width: 50%;
}

.vtkweb-catalyst-analysis .estimate-content input[type='text'].half {
    position: relative;
    width: 22%;
}

.vtkweb-catalyst-analysis .estimate-content ul {
    list-style: none;
}

.vtkweb-catalyst-analysis .estimate-content .input {
    position: relative;
    float: left;
    clear: left;
    width: 45%;
    padding: 10px;
    margin: 10px 0;
    margin-left: 1.5%;
    border-radius: 5px;
    border: solid 1px black;
}
.vtkweb-catalyst-analysis .estimate-content .input.right {
    float: right;
    margin: 10px 0;
    margin-right: 1.5%;
}

.vtkweb-catalyst-analysis .estimate-content .title {
    position: absolute;
    top: -0.8em;
    left: 10px;
    background: white;
    font-weight: bold;
    padding: 0 5px;
}

.vtkweb-catalyst-analysis .estimate-content .output {
    clear: both;
    position: relative;
    width: 96%;
    padding: 10px;
    margin: 0px auto;
    border-radius: 5px;
    border: solid 1px black;
    top: 20px;
}
.vtkweb-catalyst-analysis .cost-content table.catalyst-bill  {
    width: 98%;
    border-collapse:collapse;
    margin: 15px auto;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill td {
    vertical-align: middle;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill td.title {
    text-align: left;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill td.value {
    width: 150px;
    text-align: center;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr.head {
    background: #ddd;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr.head td {
    text-align: center;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr.head td.empty {
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr td {
    border: solid 1px #ccc;
    padding: 5px;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr.sum {
    background: #ddd;
}

.vtkweb-catalyst-analysis .cost-content .catalyst-bill tr.sum td {
    text-align: center;
    font-weight: bold;
}
/* -------------------------------------------- */
/* Sub menu */
/* -------------------------------------------- */

.vtkweb-catalyst-analysis .sub-menu {
    position: relative;
    top: 0;
    background: #999;
    color: white;
    height: 30px;
}

.vtkweb-catalyst-analysis .sub-menu ul {
    list-style: none;
    z-index: 100;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu > li {
    position: relative;
    display: inline;
    padding: 0 5px;
}
.vtkweb-catalyst-analysis .sub-menu ul.menu {
    position: absolute;
    top: 0;
    height: 30px;
    padding: 5px;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu.right {
    right: 0;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu.left {
   left: 0;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu ul {
    display: none;
    background: #ccc;
    border-radius: 6px;
    border-top: solid 6px #999;
    padding-bottom: 6px;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu ul li:hover {
    background: #ddd;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu ul > li {
    padding: 10px 15px;
}

.vtkweb-catalyst-analysis .sub-menu li.sub:hover > ul {
    display: block;
    position: absolute;
    white-space: nowrap;
    color: black;
}

.vtkweb-catalyst-analysis .sub-menu li.sub.active > ul {
    display: block;
    position: absolute;
    white-space: nowrap;
    color: black;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu > li.sub:hover > ul {
    top: 100%;
    left: 0;
}

.vtkweb-catalyst-analysis .sub-menu ul.menu ul li.sub:hover > ul {
    top: 0;
    left: 100%;
}

.vtkweb-catalyst-analysis .sub-menu li i.help {
    position: absolute;
    left: 100%;
    top: 5px;
    color: black;
    padding: 10px;
    background: #FFFFCC;
    border-radius: 5px;
    margin-left: 5px;
    border: solid 1px #999;
}

.vtkweb-catalyst-analysis .sub-menu li:hover > i.help {
   display: block;
}

/* -------------------------------------------- */
/* view content */
/* -------------------------------------------- */

.vtkweb-catalyst-analysis .bench-content .bench-viewers {
    position: relative;
    top: 5px;
}

.vtkweb-catalyst-analysis .bench-content .bench-viewers .viewer {
    position: relative;
    float: left;
    border: solid 1px black;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.vtkweb-catalyst-analysis .bench-content .bench-viewers .viewer .title-bar {
    position: relative;
    width: 100%;
    background: black;
    height: 20px;
    color: white;
    padding-left: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.vtkweb-catalyst-analysis .bench-content .bench-viewers .viewer .title-bar .right {
    float: right;
    margin-right: 5px;
    cursor: pointer;
}


.vtkweb-catalyst-analysis .bench-content .bench-viewers .viewer .content {
    position: absolute;
    top: 20px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}.vtk-catalyst-viewer .control {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(0, 0, 0, 0.7);
    border-radius: 0 0 0 10px;
    top: 0px;
    right: 0px;
    width: 300px;
    z-index: 2;
}

.vtk-catalyst-viewer.small .control {
    width: 4.5em;
}
.vtk-catalyst-viewer.small .control .header {
  border-radius: 0 0 0 8px;
}

.vtk-catalyst-viewer .stop {
    display: none;
}

.vtk-catalyst-viewer.small .control .parameters {
   display: none;
}

.vtk-catalyst-viewer .control .header {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: normal;
    height: 1.4em;
    border-radius: 0;
}

.vtk-catalyst-viewer .control .header span {
    float: right;
    cursor: pointer;
}

.vtk-catalyst-viewer .control .parameters {
    padding: 10px;
}

.vtk-catalyst-viewer .control .parameters li {
    list-style: none;
    margin: 0;
}

.vtk-catalyst-viewer .control .parameters .label {
    margin-left: -6px;
    margin-right: 5px;
    text-align: left;
    font-weight: bold;
}

.vtk-catalyst-viewer .control .parameters .label .flag {
    visibility: hidden;
    width: 1.5em;
    float: left;
}

.vtk-catalyst-viewer .control .parameters .label.active .flag {
    visibility: visible;
}

.vtk-catalyst-viewer .control .parameters .label.select {
    margin-bottom: 5px;
}

.vtk-catalyst-viewer .control .parameters .label span {
    float: right;
    font-weight: normal;
}

.vtk-catalyst-viewer .control .parameters input {
    width: 90%;
    display: inline-block;
    padding-right: 10px;
}

.vtk-catalyst-viewer .control .parameters select {
    float: right;
}

.vtk-catalyst-viewer .image-viewer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}.vtk-catalyst-resample-viewer .toolbar {
    position: relative;
    top: 5px;
    left: 5px;
}
.vtk-catalyst-resample-viewer .toolbar .label {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.vtk-catalyst-resample-viewer .toolbar input {
    position: relative;
    top: 6px;
    width: 100px;
}
.vtk-catalyst-resample-viewer .toolbar select {
    position: relative;
    top: -1px;
    margin-left: 5px;
    /*width: 100px;*/
}

.vtk-catalyst-resample-viewer .toolbar span.txt-feedback {
    padding: 0 5px 0 5px;
}

.vtk-catalyst-resample-viewer .control {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(0, 0, 0, 0.7);
    border-radius: 0 0 0 10px;
    top: 0px;
    right: 0px;
    width: 300px;
    z-index: 2;
}

.vtk-catalyst-resample-viewer.small .control {
    width: 3em;
}
.vtk-catalyst-resample-viewer.small .control .header {
  border-radius: 0 0 0 8px;
}

.vtk-catalyst-resample-viewer .stop {
    display: none;
}

.vtk-catalyst-resample-viewer.small .control .parameters {
   display: none;
}

.vtk-catalyst-resample-viewer .control .header {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: normal;
    height: 1.4em;
    border-radius: 0;
}

.vtk-catalyst-resample-viewer .control .header span {
    float: right;
    cursor: pointer;
}

.vtk-catalyst-resample-viewer .control .parameters {
    padding: 10px;
}

.vtk-catalyst-resample-viewer .control .parameters li {
    list-style: none;
    margin: 0;
}

.vtk-catalyst-resample-viewer .control .parameters .label {
    margin-left: -6px;
    margin-right: 5px;
    text-align: left;
    font-weight: bold;
}

.vtk-catalyst-resample-viewer .control .parameters .label .flag {
    visibility: hidden;
    width: 1.5em;
    float: left;
}

.vtk-catalyst-resample-viewer .control .parameters .label.active .flag {
    visibility: visible;
}

.vtk-catalyst-resample-viewer .control .parameters .label.select {
}

.vtk-catalyst-resample-viewer .control .parameters .label span {
    float: right;
    font-weight: normal;
}

.vtk-catalyst-resample-viewer .control .parameters input {
    width: 90%;
    display: inline-block;
    padding-right: 10px;
}
.vtkweb-catalyst-composite .action {
    cursor: pointer;
}

.vtkweb-catalyst-composite .control {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(0, 0, 0, 0.7);
    border-radius: 0 0 0 10px;
    top: 0px;
    right: 0px;
    z-index: 2;
}

.vtkweb-catalyst-composite.small .control {
    width: 4.5em;
}

.vtkweb-catalyst-composite.small .control .header {
  border-radius: 0 0 0 8px;
}

.vtkweb-catalyst-composite .stop {
    display: none;
}

.vtkweb-catalyst-composite.small .control .parameters {
   display: none;
}

.vtkweb-catalyst-composite .control .header {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: normal;
    height: 1.4em;
    border-radius: 0;
}

.vtkweb-catalyst-composite .control .header span {
    float: right;
    cursor: pointer;
}

.vtkweb-catalyst-composite .control .parameters {
    position: relative;
}

.vtkweb-catalyst-composite .control .parameters .pipeline {
    padding: 10px;
}

.vtkweb-catalyst-composite .control .parameters select {
    position: relative;
    top: -2px;
}

.vtkweb-catalyst-composite .control .parameters .layer-selector {
    display: none;
}

.vtkweb-catalyst-composite .control .parameters .layer-selector ul {
    margin: 10px;
}

.vtkweb-catalyst-composite .control .parameters .layer-selector li {
    padding: 2px;
}

.vtkweb-catalyst-composite .control .parameters .layer-selector .head {
    background: #ddd;
    color: black;
    font-weight: normal;
    height: 1.4em;
    border-radius: 0;
    padding: 0 10px;
}

.vtkweb-catalyst-composite .control .parameters .toggle-container {
    position: relative;
    padding: 10px;
    width: 130px;
    left: 160px;
}

.vtkweb-catalyst-composite .control .parameters .right-control {
    float: right;
    margin-left: 30px;
}

.vtkweb-catalyst-composite .control .parameters .pipeline li ul {
    margin-left: 20px;
}

.vtkweb-catalyst-composite .control .parameters .pipeline li {
    margin: 5px 0;
}

.vtkweb-catalyst-composite .control .parameters li {
    list-style: none;
    display: list-item;
    margin: 0;
    padding: 0;
}

.vtkweb-catalyst-composite .control .parameters .pipeline .label {
}

.vtkweb-catalyst-composite .control .parameters .fields {
    margin: 0 10px 0 10px;
}

.vtkweb-catalyst-composite .control .parameters .fields li {
    width: 100%;
    margin-bottom: 5px;
    padding: 2px 0;
    display: none;
}

.vtkweb-catalyst-composite .control .parameters .fields li.active {
    background: #ddd;
    border-radius: 5px;
}

.vtkweb-catalyst-composite .control .parameters .fields span.value {
    text-align: right;
    margin-right: 20px;
}

.vtkweb-catalyst-composite .control .parameters .fields span.title {
    width: 100px;
    font-weight: bold;
}

.vtkweb-catalyst-composite .bg {
    display: none;
}

.vtkweb-catalyst-composite .control .parameters .background  {
    margin: 0 10px 10px 10px;
    font-weight: bold;
}

.vtkweb-catalyst-composite .control .parameters .background li {
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

.vtkweb-catalyst-composite .control .parameters .background li.color {
    padding: 0 10px;
    border: solid 1px black;
    border-radius: 0;
    margin-left: 10px;
}

.vtkweb-catalyst-composite .control .parameters .background li.color.active {
    border-radius: 10px;
}

/* -------------------- Search -------------------- */

.vtkweb-catalyst-analysis-composite-search .control .parameters .pipeline li {
    margin: 15px 0;
}

.vtkweb-catalyst-analysis-composite-search .control .parameters select {
    position: relative;
    top: -8px;
}

.vtkweb-catalyst-analysis-composite-search .control .parameters .pipeline {
    padding: 0 10px;
}

.vtkweb-catalyst-analysis-composite-search .control .header {
    display: none;
}

.vtkweb-catalyst-analysis-composite-search .control {
    float: left;
    background: white;
    position: inherit;
    margin: 10px;
    border-radius: 0 0 10px 10px;
}

.vtkweb-catalyst-analysis-composite-search span.shift {
    position: relative;
    top: -6px;
}

.vtkweb-catalyst-analysis-composite-search .control .parameters .fields li.active {
    background: none;
}

.vtkweb-catalyst-analysis-composite-search .control .ratio-value {
    width: 40px;
    text-align: right;
}

.vtkweb-catalyst-analysis-composite-search .control .ratio-type {
    margin-left: 20px;
}

.vtkweb-catalyst-analysis-composite-search .control .fields .toggle-active {
    position: relative;
}

.vtkweb-catalyst-analysis-composite-search .control .fields .toggle-active input {
    position: relative;
    width: 150px;
}

/*.vtkweb-catalyst-analysis-composite-search .control .fields .toggle-active i.help {
    display: none;
    position: absolute;
    top: 0px;
    left: 100px;
    right: 160px;
    padding: 5px;
    height: 15px;
    text-align: right;
    border: none;
}*/

.vtkweb-catalyst-analysis-composite-search .search-bar {
    padding: 20px 10px;
}

.vtkweb-catalyst-analysis-composite-search .search-bar li {
    padding: 5px;
    border: solid 1px black;
    border-radius: 5px;
}

.vtkweb-catalyst-analysis-composite-search .search-bar .search-result {
    padding-top: 20px;
}

.vtkweb-catalyst-analysis-composite-search .search-bar .working {
    visibility: hidden;
}

.vtkweb-catalyst-analysis-composite-search .search-bar .disabled {
    color: #ddd;
}

.vtkweb-catalyst-analysis-composite-search .control .parameters .fields .compute-coverage {
    display: none;
    background: #ddd;
    border: 1px solid;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px;
    position: relative;
    width: 95%;
}

.vtkweb-catalyst-analysis-composite-search .chart-container {
    float: right;
    width: 10px;
    height: 10px;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar {
    clear: both;
    position: relative;
    width: 98%;
    width: 100%;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar .table {
    display: table;
    width: 100%;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar .cell {
    display: table-cell;
    padding: 0 10px;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar .cell.expand {
    width: 100%;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar input.query-expression {
    width: 100%;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar input.zoom-level {
    width: 150px;
    position: relative;
    top: 6px;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar i {
    display: none;
    position: absolute;
    top: 40px;
    left: 10px;
    padding: 5px;
    text-align: left;
    border: solid 1px black;
    border-radius: 5px;
    background: white;
    z-index: 100;
}

.vtkweb-catalyst-analysis-composite-search .search-toolbar:hover i {
    display: block;
}

.vtkweb-catalyst-analysis-composite-search .toggle-stats {
    padding: 2px;
    border-radius: 4px;
    border: solid 1px black;
    background: white;
}

.vtkweb-catalyst-analysis-composite-search .toggle-stats.stats {
    background: #ccc;
}

.vtkweb-catalyst-analysis-composite-search .composite-result li {
    list-style: none;
    display: list-item;
}

.vtkweb-catalyst-analysis-composite-search .composite-result {
    margin: 10px;
    border-radius: 5px;
    border: solid 1px black;
    position: relative;
    width: 20%;
    overflow: hidden;
    float: left;
}

.vtkweb-catalyst-analysis-composite-search .composite-result ul {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 5px;
}


.vtkweb-catalyst-analysis-composite-search .cell > ul li {
    list-style: none;
    display: table-cell;
}


.vtkweb-catalyst-analysis-composite-search .result-page-index {
    width: 20px;
    position: relative;
}

.vtkweb-catalyst-analysis-composite-search .composite-search-results .result-page {
    display: none;
}

.vtkweb-catalyst-analysis-composite-search .composite-search-results .result-page.active {
    display: block;
}

.vtkweb-catalyst-analysis-composite-search .progress {
    background-color: #ddd;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.vtkweb-catalyst-analysis-composite-search .progress > div {
    background-color: black;
    width: 5%;
    height: 15px;
    border-radius: 5px;
    margin: 3px;
}.vtk-catalyst-pvweb .control {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(0, 0, 0, 0.7);
    border-radius: 0 0 0 10px;
    top: 0px;
    right: 0px;
    width: 300px;
    z-index: 200;
}

.vtk-catalyst-pvweb.small .control {
    width: 4.5em;
}
.vtk-catalyst-pvweb.small .control .header {
  border-radius: 0 0 0 8px;
}

.vtk-catalyst-pvweb .stop {
    display: none;
}

.vtk-catalyst-pvweb.small .control .parameters {
   display: none;
}

.vtk-catalyst-pvweb .control .header {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: normal;
    height: 1.4em;
    border-radius: 0;
}

.vtk-catalyst-pvweb .control .header span {
    float: right;
    cursor: pointer;
}

.vtk-catalyst-pvweb .control .parameters {
    padding: 10px;
}

.vtk-catalyst-pvweb .control .parameters li {
    list-style: none;
}

.vtk-catalyst-pvweb .control .parameters .label {
    margin-left: -6px;
    margin-right: 5px;
    text-align: left;
    font-weight: bold;
    height: 1.5em;
}

.vtk-catalyst-pvweb .control .parameters .label .flag {
    visibility: hidden;
    width: 1.5em;
    float: left;
}

.vtk-catalyst-pvweb .control .parameters .label.active .flag {
    visibility: visible;
}

.vtk-catalyst-pvweb .control .parameters .label span {
    float: right;
    font-weight: normal;
}

.vtk-catalyst-pvweb .control .parameters input {
    width: 90%;
    display: inline-block;
    padding-right: 10px;
}

.vtk-catalyst-pvweb .control .parameters select {
    float: right;
}

.vtk-catalyst-pvweb .image-viewer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}.vtkweb-catalyst-analysis-search .search-toolbar {
    position: relative;
    width: 98%;
    padding: 10px;
}

.vtkweb-catalyst-analysis-search .search-toolbar input[type='range'] {
    float: right;
}

.vtkweb-catalyst-analysis-search .search-toolbar input[type='text'] {
    width: 30%;
    margin: 0 10px 0 10px;
}

.vtkweb-catalyst-analysis-search .search-toolbar input.sort-expression {
    width: 7%;
}

.vtkweb-catalyst-analysis-search .search-toolbar i {
    display: none;
    position: absolute;
    top: 50px;
    left: 10px;
    border: solid 1px black;
    border-radius: 5px;
    background: white;
    padding: 10px;
    z-index: 10;
}
.vtkweb-catalyst-analysis-search .search-toolbar:hover i {
    display: block;
}

.vtkweb-catalyst-analysis-search .query-result {
    margin: 10px;
    border-radius: 5px;
    border: solid 1px black;
    position: relative;
    float: left;
    overflow: hidden;
}

.vtkweb-catalyst-analysis-search .query-stats {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 5px;
    z-index: 2;
}

.vtkweb-catalyst-analysis-search .query-result .image-result {
    position: relative;
    width: 100%;
    z-index: 1;
}

.vtkweb-catalyst-analysis-search .search-button {
    padding: 2px;
    border-radius: 4px;
    border: solid 1px black;
    background: white;
    margin-left: 15px;
}

.vtkweb-catalyst-analysis-search .toggle-stats.stats {
    background: #ccc;
}
/* ========== Main toolbar Info ========== */

.vtkweb-catalyst-analysis .toolbar-main {
    position: relative;
    font-weight: bold;
    font-size: 25px;
    vertical-align: middle;
    background: #333;
    padding:  0 5px;
    color: white;
}

.vtkweb-catalyst-analysis .toolbar-main li.logo {
    background-image: url('../../ext/pv/pv-cinema-ww.png');
    background-repeat: no-repeat;
    background-size: contain;

    position: relative;
    width: 30px;
    height: 27px;
    top: 3px;

    display: inline-block;
}

.vtkweb-catalyst-analysis ul.toolbar-main  {
    list-style: none;
}

.vtkweb-catalyst-analysis ul.toolbar-main li {
    display: inline;
    padding: 0;
    margin: -2px 10px;
}

.vtkweb-catalyst-analysis ul.toolbar-main li.right {
    float: right;
}

.vtkweb-catalyst-analysis .action {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.vtkweb-catalyst-analysis .toggle-button.active {
    background-color: #999;
}

.vtkweb-catalyst-analysis .toolbar-main .run-button {
    padding-right: 15px;
}

.vtkweb-catalyst-analysis .toolbar-main .need-project {
    display: none;
}

.vtkweb-catalyst-analysis .toggle-content {
    display: none;
}

.vtkweb-catalyst-analysis i.help {
    display: none;
}

/* ========== Project Info ========== */

.vtkweb-catalyst-analysis .info-content {
    margin: 15px;
}

.vtkweb-catalyst-analysis .info-content table td {
    padding-bottom: 10px;
}

.vtkweb-catalyst-analysis .info-content .key {
    font-weight: bold;
    text-align: right;
}
.vtkweb-catalyst-analysis .info-content .value {
    font-weight: normal;
    padding-left: 15px;
}

/* ========== Run content ========== */

.vtkweb-catalyst-analysis .run-content {
    position: absolute;
    top: 31px;
    left: -1000px;
    background: #333;
    color: white;
    z-index: 102;
}

.vtkweb-catalyst-analysis .run-content li {
    padding: 5px 20px;
    border-bottom: solid 1px #aaa;
}

.vtkweb-catalyst-analysis .run-content li:hover {
    background: #999;
}


.vtkweb-catalyst-analysis .run-content li i.help {
    position: absolute;
    left: 100%;
    width: 300px;
    top: 10px;
    color: black;

    padding: 10px;
    background: #FFFFCC;
    border-radius: 5px;
    margin-left: 15px;
    border: solid 1px #999;
}

.vtkweb-catalyst-analysis .run-content li:hover i.help {
   display: block;
}

/* ========== User Share content ========== */

.vtkweb-catalyst-analysis .share-content {
    padding: 15px;
}.vtk-chart {
    overflow: hidden;
}

 .vtk-chart > div  {
    position: relative;
    width: 100%;
    height: 100%;
}

.vtk-chart .vtk-legend {
    position: absolute;
    top: 10px;
    right: 10px;
}

.vtk-chart .vtk-bottom .vtk-top .vtk-left .vtk-right {
    overflow: hidden;
}

.vtk-chart .vtk-annotation {
}
.vtk-directory {
    display:none;
}
.vtk-directory .vtk-label {
    display:none;
}

.vtk-directory.active {
    display: block;
}

.vtk-directory ul[data=path] {
    list-style: none;
}

.vtk-directory li {
    display: block;
}

.vtk-directory ul {
    padding: 0;
    margin: 0;
}

.vtk-directory ul[data=path] li {
    display: inline-block;
}

.vtk-directory ul[data=path] li div:before {
  content: "/";
  padding-right: 2px;
  padding-left: 2px;
}

.vtk-directory ul[data=dir] li div:before {
  content: url('resources/folder.png');
  padding-right: 4px;
  padding-left: 2px;
  position: relative;
  top: 4px;
}

.vtk-directory ul[data=groups] li div:before {
  content: url('resources/gfile.png');
  padding-right: 4px;
  padding-left: 2px;
  position: relative;
  top: 4px;
}

.vtk-directory ul[data=files] li div:before {
  content: url('resources/file.png');
  padding-right: 4px;
  padding-left: 2px;
  position: relative;
  top: 4px;
}

.vtk-directory .action {
    cursor: pointer;
}.vtk-tree {
}

.vtk-tree ul {
    margin: 0 0 0 -1.5em;
    padding: 0 0 0 1.5em;
}

.vtk-tree li .node {
  list-style: none;
  line-height: 1.5em;
  position: relative;
  top: 0px;
}

.vtk-tree li .node .node-line {
  cursor: pointer;
  margin-left: 20px;
  margin-right: 5px;
  top: .25em;
  position: relative;
}

.vtk-tree li .node .node-line div {
  display: inline-block;
}

.vtk-tree li .node .node-line .head {
  position: absolute;
  background-image: url("resources/file.png");
  height: 1.5em;
  width: 1.5em;
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  left: -1.6em;
}

.vtk-tree li .label {
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    margin-left: 7px;
}

.vtk-tree li .node .node-line .label {
}

.vtk-tree li .node .node-line .tail {
  height: 1.5em;
  margin-right: 10px;
  position: relative;
  float: right;
}

.vtk-tree li .node .children {
}

.vtk-tree .action {
    cursor: pointer;
}

/* Tree images */

.vtk-tree ul ul {
  background: url("resources/list-item-contents.png") repeat-y scroll 5px center transparent;
}

.vtk-tree li {
  background: url("resources/list-item-root.png") no-repeat scroll left top transparent;
  list-style: none;
  margin: 0;
  padding: 0;
}

.vtk-tree li li {
  background-image: url("resources/list-item.png");
  padding-left: 1.5em;
}

.vtk-tree li.lastChild > ul {
    background-image: none;
}

.vtk-tree li.lastChild {
    background-image: url("resources/list-item-last.png");
}

.vtk-tree li.open {
    background-image: url("resources/list-item-open.png");
}

.vtk-tree li.open.lastChild {
    background-image: url("resources/list-item-last-open.png");
}

.vtk-tree li ul {
    position: relative;
}

.vtk-tree .label {

}

/* Root node tree image */
.vtk-tree > ul > li {
  background-image: none !important;
}

.vtk-tree > ul > li .head {
  position: absolute;
  background-image: url("resources/folder.png");
  height: 1.5em;
  width: 1.5em;
  background-repeat: no-repeat;
  background-position: right center;
  overflow: hidden;
  left: -6px;
  top: 0;
}

.vtk-tree > ul > li > div > .label {
  margin-left: 20px;
}

/* Selection management */

.vtk-tree li .node .node-line:hover {
  background: #eeeeee;
  border-radius: 5px;
}

.vtk-tree li .node .node-line .tail div {

}

.vtk-tree li .node .node-line.selected {
  background: #cccccc;
  border-radius: 5px;
}

/* Type icon management */

.vtk-tree li[type='root'] .head {
  background-image: url("resources/server.png") !important;
}

.vtk-tree li[type='source'] .head {
  background-image: url("resources/source.png") !important;
}

.vtk-tree li[type='filter'] .head {
  background-image: url("resources/filter.png") !important;
}

/* ==================== Custom Pipeline usage ==================================== */
.vtk-tree .tail div {
  position: relative;
  width: 25px;
  height: 25px;
}

/* =========== REPRESENTATION ========= */
.vtk-tree .tail div[type='representation'] {

  background: url("resources/pipeline/representations.png") no-repeat center center transparent;
}

.vtk-tree .tail div[type='representation'][data='hide'] {
    background-position: 0px;
}

.vtk-tree .tail div[type='representation'][data='outline'] {
    background-position: -34px;
}

.vtk-tree .tail div[type='representation'][data='wireframe'] {
    background-position: -68px;
}

.vtk-tree .tail div[type='representation'][data='surface'] {
    background-position: -102px;
}

.vtk-tree .tail div[type='representation'][data='surface_edge'] {
    background-position: -136px;
}

.vtk-tree .tail div[type='representation'][data='volume'] {
    background-position: -170px;
}

/* =========== COLOR BY ========= */

.vtk-tree .tail div[type='colorBy'] {
    background: url("resources/pipeline/colorBy.png") no-repeat center center transparent;
    background-position: 2px;
}

.vtk-tree .tail div[type='colorBy'][field='points'] {
    background-position: 2px;
}

.vtk-tree .tail div[type='colorBy'][field='cells'] {
    background-position: -22px;
}

.vtk-tree .tail div[type='colorBy'][field='color'] {
  background: none;
}

/* =========== SCALAR BAR ========= */

.vtk-tree .tail div[type='bar'] {
    background: url("resources/pipeline/scalarbar.png") no-repeat center center transparent;
    background-position: -22px;
}

.vtk-tree .tail div[type='bar'][data='on'] {
    background: url("resources/pipeline/scalarbar.png") no-repeat transparent;
    background-position: 2px;
}
