/*body {
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDEwIDEwIj48cG9seWdvbiBmaWxsPSIjRjVGN0Y4IiBwb2ludHM9IjEsMTAgMSwxIDEwLDEgMTAsMCAwLDAgMCwxMCIvPjwvc3ZnPg==);
    overflow: hidden
}*/


/*html {
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
}*/

.html-template-list {
    height: 400px;
}
.html-project-list {
    height: 250px;
}
/*pipeline-list */


.pipeline-list {
    margin-bottom: 0px;
    min-height: 80px;
}

.pipeline .widget .widget-body {
    overflow: visible;
}


.pipeline-list .pipeline-list-item {
    border-bottom: 1px dashed #ddd;
   /* margin-bottom: 10px;*/

}

.pipeline-list-item.active {
    background-color: #ddd;
}


.pipeline-list .pipeline-item-container {
    padding: 20px;
}

.pipeline-list .last-item {
    float: right;
    margin-top: 24px;
}

.commands {
    display: flex;
}

.commands .btn-group {
    margin-right: 10px;
}

.commands ul.list-inline li {
    cursor: pointer;
}



/* pipeline board edit/new */

#pipeline-board {
    height: calc(100% - 23px);
}

#pipeline-board > .helpvalue {
    margin-top: 0px !important;
    margin-bottom: 10px;
}

#pipeline-sidebar {}
#pipeline-sidebar {
    /*height: calc(100% - 53px)*/
}

/*.pipeline-sidebar-container {
    position: fixed;
    margin-right: 20px;
}*/

.pipeline-items-container {
   /* height: 450px;*/
    overflow-y: scroll;
    padding-top: 5px;
  /*  position: relative;*/
}
.pipeline-right-container {}
#source-search {
    margin-top: 10px;
}

.pipeline-item-priority-group {
    width: 1px;
    left: -13px;
    position: absolute;
    background-color: #A92A2A;
    height: 100%;
}

.pipeline-item-priority-group:after{
    height: 10px;
}

.pipeline-small-desc {
    padding: 0 15px 0 15px;
}

.pipeline-title {
    padding: 15px;
    background-color: #F6F6F6;
    width: 100%;
}

.pipeline-title ul {
    margin-bottom: 0px;
}

.pipeline-title .last-item {
    float: right;
    margin-top: 10px;
}

/* pipe edit */

.board-content {
    /*margin-top: 15px;*/
}
.board-content ul.pipeline-items {
    padding: 20px 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}
.pipe-line {
    top: 0px;
    left: 52px;
    z-index: -10;
    width: 8px;
   /* height: calc(100% - 53px);*/
    bottom: 0px;
}
.pipe-line,
.pipe-line>.pipe-end {
    position: absolute;
    background-color: #d6d6d6;
}
.pipe-line>.pipe-end {
    bottom: -8px;
    left: -4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.pipeline-start {
    background-color: rgba(246, 246, 246, 0);
    border-bottom: 2px solid #f3f3f3;
    padding: 5px;
    /* width: 50%;*/
}
.pipeline-start .start-type {
    margin-left: 80px;
}
.start-type > a.selected {
    background-color: #F6F6F6
}

#pipeline-items-start {
    margin-left: 7px;
}

.pipeline-items.pipeline-first:before {
    left: 12px;
    top: -42px;
    background-color: #b13b3b;
    border-radius: 50px;
    padding: 12px 9px 32px 7px;
    content: "start";
}
.pipeline-items:before {
    top: 24px;
    width: 46px;
    height: 0;
    border-radius: 4px;
}
.pipeline-items:before {
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 24px;
    /* outline: #fff solid 1px; */
    text-transform: uppercase;
}
.placeholder {
    font-size: 14px;
    font-weight: 500;
    padding: 12px;
    color: #777;
    /*height: 68px;*/
    position: relative;
    border: 2px dotted #777;
    /*outline: #fff solid 1px;*/
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    margin-top: 20px;
}
.pipeline-items > li {
    /*width: 50%;*/
    width: 500px;
    border: 0px;
    background-color: transparent;
}
.pipeline-widget-wrapper {
    /*margin-bottom: 10px;*/
}
.pipeline-widget-wrapper > .widget {}
.panel-buttons button {
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .3;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    margin-right: 3px;
}

.command-info button {
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .6;
    padding: 5px;
    cursor: pointer;
    background: 0 0;
    /*border: 0;*/
    -webkit-appearance: none;
    /*margin-right: 5px;*/
}

.pipeline-widget-wrapper .panel-buttons i {
    margin-right: 0px;
}
.commands {}
.pipeline-item {}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
}
.smGlobalBtn {
    /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-shadow: 0 2px 2px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.pipeline-item-wrapper {
    /*float: left;*/
}

.pipeline-item-wrapper .priority {
    position: absolute;
    top: 5px;
    z-index: 1;
    left: 5px;
}


/* actions colors */
.pipeline-item-container {}
.pipeline-widget {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    text-align: left;
    background-color: #F6F6F6;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    /*margin-bottom: 10px;*/
}
.pipeline-widget:hover {
    /*cursor: pointer;*/
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
}
.pipeline-widget-header {
    height: 60px;
}

/* activities colors and icons */

.for-each-action.pipeline-header-split {
    background-color: #d6c489;
}

.for-each-action.pipeline-header-split:before {
   content: "\f085";
}

.group-by.pipeline-header-split {
    background-color: #e5a790;
}

.group-by.pipeline-header-split:before {
   content: "\f1b3";
}

.reporting.pipeline-header-split {
    background-color: #c44f24;
}

.reporting.pipeline-header-split:before {
   content: "\f201";
}

.script-runner.pipeline-header-split {
    background-color: #c257ea;
}

.script-runner.pipeline-header-split:before {
   content: "\f1e6";
}

.set-timeout.pipeline-header-split {
    background-color: #97d8c1;
}

.set-timeout.pipeline-header-split:before {
   content: "\f04c";
}

.shell-executor.pipeline-header-split {
    background-color: #d8a68e;
}

.shell-executor.pipeline-header-split:before {
    content: "\f4f8";
    font-family: 'WebHostingHub-Glyphs';
}

.do-times-action.pipeline-header-split {
    background-color: #798b51;
}

.do-times-action.pipeline-header-split:before {
   content: "\f051";
}

.do-while-action.pipeline-header-split {
    background-color: #b0b2ab;
}

.do-while-action.pipeline-header-split:before {
   content: "\f01e";
}

.function-executor.pipeline-header-split {
    background-color: #dba9b9;
}

.function-executor.pipeline-header-split:before {
   content: "\f050";
}


.batch-window.pipeline-header-split {
    background-color: #5db3db;
}

.batch-window.pipeline-header-split:before {
    content: "\f332";
    font-family: 'WebHostingHub-Glyphs';
}

.buffered-executor.pipeline-header-split {
    background-color: #64db67;
}

.buffered-executor.pipeline-header-split:before {
    content: "\f338";
    font-family: 'WebHostingHub-Glyphs';
}


.pipeline-invoke.pipeline-header-split {
    background-color: #9abdd0;
}

.pipeline-invoke.pipeline-header-split:before {
   content: "\f065";
}


.pipeline-tcp-socket.pipeline-header-split {
    background-color: #b365d6;
}

.pipeline-tcp-socket.pipeline-header-split:before {
   content: "\f1e6";
}

.fa-pipeline-tcp-socket:before {
   content: "\f1e6";
}



.log.pipeline-header-split {
    background-color: #d3cd81;
}

.pipeline-header-split.run-if-meta {
    background-color: #90c1c3;
}

.pipeline-header-split.run-if-meta:before {
   content: "\f0e8";
}

.pipeline-header-split.run-switch-meta {
    background-color: #c3a29d;
}

.pipeline-header-split.run-switch-meta:before {
    content: "\f0e8";
}

.pipeline-header-split.flow-container {
    background-color: #9393e0;
}

.pipeline-header-split.flow-container:before {
   content: "\f247";
}

.set-fields.pipeline-header-split {
    background-color: #9dd99d;
}

.set-fields.pipeline-header-split:before {
   content: "\f0ed";
}

.join-streams.pipeline-header-split {
    background-color: #a4acd6;
}

.join-streams.pipeline-header-split:before {
    content: "\f074";
}

.push-fields.pipeline-header-split {
    background-color: #b79595;
}

.push-fields.pipeline-header-split:before {
   content: "\f0ee";
}

.scraper.pipeline-header-split {
    background-color: rgb(52, 206, 188);
}

.scraper.pipeline-header-split:before {
   content: "\f13c";
}


.include-fields.pipeline-header-split {
    background-color: #65967b;
}

.include-fields.pipeline-header-split:before {
   content: "\f1e0";
}

.include-filter-items.pipeline-header-split {
    background-color: #96cbc7;
}

.include-filter-items.pipeline-header-split:before {
   content: "\f1e1";
}


.exclude-fields.pipeline-header-split {
    background-color: #e8bfa2;
}

.exclude-fields.pipeline-header-split:before {
   content: "\f02b";
}

.exclude-filter-items.pipeline-header-split {
    background-color: #ddca3e;
}
.exclude-filter-items.pipeline-header-split:before {
   content: "\f11d";
}
/* end of activites icons and colors */

/* first item icons and colors */

 .pipeline-header-split.schedule-it {
   background: #5cb85c;
}
 .pipeline-header-split.schedule-it:before {
   content: "\f11c";
}

.pipeline-header-split.on-event {
   background: #d9534f;
}

.pipeline-header-split.on-event:before {
    content: "\f11e";
}


.log.pipeline-header-split {
    background-color: #4eb5b9;
}

.log.pipeline-header-split:before {
   content: "\f0d6";
   font-family: 'WebHostingHub-Glyphs';
}
/* end of first item icons and colors */

/* sources icons and colors */
.local.pipeline-header-split {
    background-color: #93acbf;

}
.local.pipeline-header-split:before {
   content: "\f024";
    font-family: 'WebHostingHub-Glyphs';
}

.http.pipeline-header-split {
    background-color: #c1a1a1;
}
.http.pipeline-header-split:before {
   content: "\f026";
    font-family: 'WebHostingHub-Glyphs';
}

.mongo-db.pipeline-header-split {
    background-color: #70b17a;
}
.mongo-db.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f5fe";
}

.fs.pipeline-header-split {
    background-color: #adb170;
}
.fs.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f0d6";
}

.seaweed-fs.pipeline-header-split {
    background-color: #7970b1;
}
.seaweed-fs.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f0ef";
}


.ml.pipeline-header-split {
    background-color: #796f6f;
}
.ml.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f0b8";
}

.business-process-management.pipeline-header-split {
    background-color: #a3aed9;
}
.business-process-management.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f251";
}



.redis.pipeline-header-split {
    background-color: #ef6060;
}
.redis.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f5b6";
}

.mqtt-client.pipeline-header-split {
    background-color: #8f97d8;
}
.mqtt-client.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f3ec";
}

.hdfs.pipeline-header-split {
    background-color: #58acd1;
}
.hdfs.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f73a";
}

.redis-consumer.pipeline-header-split {
    background-color: #ef6060;
}
.redis-consumer.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f5b6";
}

.kafka-consumer.pipeline-header-split {
    background-color: #58d1ba;
}
.kafka-consumer.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f105";
}

.kafka-producer.pipeline-header-split {
    background-color: #87d158;
}
.kafka-producer.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f119";
}

.prediction.pipeline-header-split {
    background-color: #33b087;
}
.prediction.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f120";
}

.ldap.pipeline-header-split {
    background-color: #c6e024;
}
.ldap.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f112";
}



.ws-client.pipeline-header-split {
    background-color: #8fd8b3;
}
.ws-client.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f0ef";
}

.elasticsearch.pipeline-header-split {
    background-color: #e0e691;
}
.elasticsearch.pipeline-header-split:before {
   content: "\f03c";
}



.twitter.pipeline-header-split {
    background-color: #b4cfe3;
    color: #b4cfe3;
}
.twitter.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f16a";
}

.facebook.pipeline-header-split {
    background-color: #4c569d;
}
.facebook.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f140";
}


.google.pipeline-header-split {
    background-color: #ff000070;
}
.google.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f69d";
}

.internal-profile.pipeline-header-split {
    background-color: #c9b4a6;
}
.internal-profile.pipeline-header-split:before {
    content: "\f0c0";
}



.pipe-subscribe.pipeline-header-split {
    background-color: #8a9d4c;
}
.pipe-subscribe.pipeline-header-split:before {
   content: "\f140";
}

.fa-pipe-subscribe:before {
    content: "\f140";
}


.ftp.pipeline-header-split {
    background-color: rgb(178, 167, 105);
}
.ftp.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
   content: "\f029";
}

.sql.pipeline-header-split {
    background-color: rgb(48, 181, 186);
}
.sql.pipeline-header-split:before {
    content: "\f1c0";
}

.email.pipeline-header-split {
    background-color: rgb(227, 126, 192);
}
.email.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f136";
}


.pipeline-chain.pipeline-header-split {
    background-color: rgb(86, 114, 160);
}
.pipeline-chain.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f26b";
}

.pipeline-publish.pipeline-header-split {
    background-color: rgb(160, 86, 100);
}
.pipeline-publish.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f75d";
}



.future-runner.pipeline-header-split {
    background-color: rgb(46, 160, 114);
}
.future-runner.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f10b";
}

.s3.pipeline-header-split {
    background-color: rgb(195, 194, 0);
}
.s3.pipeline-header-split:before {
    font-family: 'WebHostingHub-Glyphs';
    content: "\f012";
}


/* end of sources icons and colors */

/* targets icons and colors */
/* end of targets icons and colors */

.pipeline-header-split {
    background: #337ab7;
}

.pipeline-header-split:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 1.28571429em;
    text-align: center;
    content: "\f11d";
 }

.pipeline-header-split {
    /*width: 65px;*/
    /*float: left;*/
    padding: 20px 25px 20px 25px;
    color: #fff!important;
    height: 100%;
    text-align: center;
    position: relative;
}

.placeholder .pipeline-header-split{
    padding: 2px;
    /* border: 1px solid #ddd; */
    border-radius: 15px;
    /* margin-left: 10px; */
}

.placeholder ul li  {
    padding-left: 2px;
    padding-right: 2px;
}
.placeholder ul.list-inline {
    margin-left: 5px;
}

.placeholder .split-container {
    border: 1px dashed #3A3A3A;
    border-radius: 15px;
    padding: 3px;
}

.placeholder .split-container:hover {
    border: 1px dashed #000000;
    background-color: #ddd;
}

/* small icon */
.availableIn{
    font-size: 10px;
    float: right;
    margin-top: 19px;
}

.availableIn .allowed {
    color: #84d184;
    text-shadow: 1px 1px 1px #ccc;
}
.availableIn .disallowed {
    text-shadow: 1px 1px 1px #ccc;
    color: #c9736f;
}

.sidebar-item-wrapper .availableIn .pipeline-header-split{
    padding: 0px;
    /* border: 1px solid #ddd; */
    border-radius: 10px;
    /* margin-left: 10px; */
}

.sidebar-item-wrapper .availableIn ul li {
    padding-left: 2px;
    padding-right: 2px;
}
.sidebar-item-wrapper .availableIn ul.list-inline {
    margin-left: 5px;
}

.sidebar-item-wrapper .availableIn .split-container {
/*    border: 1px dashed #3A3A3A;
    border-radius: 15px;
    padding: 3px;  */
}


.placeholder .arrow {
    margin-top: 5px;
    margin-right: 4px;
}

.placeholder .divider {
    margin-top: 3px;
    border-left-color: gray;
}

.draggable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


.pipeline-header-split > .glyphicon {
    position: relative;
    top: calc(50% - 9px)!important;
    /* 50% - 3/4 of icon height */
}

.pipeline-widget-header .pipeline-header-split.update-success {
    background: #5cb85c!important;
}
.pipeline-widget-header .pipeline-header-split.update-danger {
    background: #d9534f!important;
}
.pipeline-widget-header .pipeline-header-split.update-info {
    background: #5bc0de!important;
}

/*.pipeline-widget-header .pipeline-header-text {
    padding: 10px 0 0 80px;
}*/

.pipeline-header-text {
 /*   top: 5px;
    position: relative;   */
}

.pipeline-header-text span.source {
    margin-left: 10px;
    margin-right: 10px;
}
/*
.pipeline-header-text .small-icon{
    margin-left: 5px;
}*/

.description{
    width: 350px;
}


.header-list-last-item {
    float: right;
    margin-top: 15px;
}

.header-list-last-item .info {
    color: #b41010;
}

.header-list li {
    vertical-align: middle;
}


.pipeline-widget-header .pipeline-header-buttons {
    height: 100%;
    padding: 5px;
    /*display: inline-flex;*/
}
/*.pipeline-widget-header > .pipeline-header-buttons button {
    padding: 5px;
}*/

.pipeline-widget-body {
    border-top: 1px solid #dbdbdb;
    height: 100%;
    padding: 15px;
    line-height: 1.5em;
}

.widget-body-common-info {
    font-size: 12px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
}

.widget-body-common-info ul li {
    padding-right: 10px;
}

.pipeline-widget-child {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 11px;
    padding: 4px 8px;
    outline: #fff solid 1px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
}

/* info items */
.pipeline-info.top {
    margin-left: 230px;
    margin-bottom: -13px;
    position: relative;
}


.pipeline-info.top ul {

    margin-bottom: -20px;
    margin-top: 4px;
}
.pipeline-info ul li {
    padding: 0px;
}

.pipeline-info.top > ul > li > .info-item {
    border-top: 1px solid #f6f6f6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.pipeline-info {
   /* margin-left: 230px;
    margin-top: -13px;*/

    margin-left: 73px;
    margin-top: -14px;
    margin-bottom: 10px;
    position: absolute;
}

.info-item {
    border-bottom: 1px solid #f6f6f6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.info-item:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
}

.info-item .btn {
    border: 0px;
    display: flex;
}

.info-item-text {
    /*background-color: #f6f6f6;*/
}

.info-input-schema {
    left: 510px; /* add 10px to existing 500px wide item */
    top: 0px;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    z-index: 10;
    width: 100%;
    background-color: white;
}

.schema-item {
    padding: 6px;
   /*  padding: 0.2em 0.6em 0.3em; */
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-size: 12px;
    margin-bottom: 3px;
}

.schema-item pre {
    max-height: 140px;
}

.schema-item.active {
    background-color: #b9cefc;
}

.schema-item.active:hover {
    background-color: #a8c3ff;
}

.schema-item:hover {
    background-color: #f2f2f2;
}

/*.child-schema-object i {
    float: right;
    position: relative;
    top: -20px;
}*/

.schema-item .splitter {
    border-left: 1px dashed #ddd;
    margin: 0px 10px 0px 5px;
}

.schema-item span.first-letter {
/*    margin-left: 3px;
    background-color: #AFC0FF;*/
    /*border-radius: 6px;*/
    /*padding: 2px 5px 2px 5px;*/
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: block;
    float: left;
    width: 15px;
}

.schema-item-remove {
    float: right;
}

.schema-item-title {
    padding: .2em .8em .2em .5em;
    /* padding: 0px 21px 0px 20px; */
    border-radius: .25em;
    text-align: center;
    vertical-align: middle;
}

.schema-item-title-object {
    background-color: #ffffff;
    border: 1px solid #6c6c6c;
    color: #6c6c6c;
}

.schema-item-title-array {
    background-color: #775050;
    color: white;
}
.schema-item-title-string {
    background-color: #5a628e;
    color: white;
}
.schema-item-title-number {
    background-color: #518078;
    color: white;
}
.schema-item-title-boolean {
    background-color: #66a054;
    color: white;
}

.schema-item-title-datetime {
    background-color: #d69c9c;
    color: white;
}

.preview pre{
    font-size: 10px;
}

.import {
    width: 100%;
}

.schema-info-container {
    float: right;
}

.schema-info-container ul.header-list {
    position: relative;
    z-index: 10;
    top: -10px;
}

.schema-info {
    width: 433px;
    background-color: #fff;
}

.schema-info ul li {
    padding-right: 0px;
}



.schema-info-wrapper {

}
.schema-info-item {

}

.schema-info .advanced form {
    padding: 0px;
}

/*.schema-info .advanced pre {
    font-size: 12px;
}*/

.schema-info .advanced .ace_editor {
    font-size: 14px !important;
}

.schema-info .arrow {
    /*top: auto;*/
    bottom: auto;
    left: auto;
    /*right: auto;*/
    margin: 0;
}

.schema-info .arrow, .schema-info .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.schema-info .arrow:after {
    right: 3px;
    bottom: -25px;
    content: " ";
    border-right-width: 9px;
    border-right-color: #fff;
    /* content: ""; */
    border-width: 10px;
}

.schema-info-header {
    /*background-color: #ddd;*/
    border-bottom: 1px dashed #ddd;
    padding: 20px 20px 0px 20px
}

.schema-info-header .header-list-last-item{
    margin-top: 0px;
}

.schema-info-body {
    padding: 20px;
}

.schema-info-body form {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}

.schema-info-list.isroot {
    /*background-color: darkgrey;*/
    margin-top: 15px;
}

.schema-info-list.isroot ul {
    padding-left: 15px;
}


/* **/
.pipe-type {
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    background-color: #777;
}
.pipe-type-sm {
    line-height: 24px;
    width: 24px;
    height: 24px;
}
.divider {
    margin: -4px 4px;
    border-left: 2px dotted #ddd;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.channel-logo {
    display: inline-block;
    vertical-align: middle;
}
.channel-logo-24x24 {
    border-radius: 12%;
}
.img-muted {
    -webkit-filter: grayscale(1) opacity(.75);
    filter: grayscale(1) opacity(.75);
}
.pipeline-widget-child > .icon {
    color: #777;
    line-height: 24px;
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.body-show-hide {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}
.body-show-hide.ng-hide {
    opacity: 0;
}


.click-to-edit > button > i {
    margin-left: 5px;
}

.click-to-edit {
    cursor: pointer;
}
.click-to-edit:hover{
    color: rgba(0, 0, 0, 0.79)
}


/* logic */
.logic-container {
    margin-bottom: 42px;
    position: relative;
}

.logic-actions-wrapper {
    padding: 10px 0px 0px 54px;
}

.exception-toolbar {

}

.exception-toolbar li.select {
    width: 300px;
}


.exception-container {
    float: left;
    /*margin-right: 5px;*/
    padding: 5px;
    background-color: white;

}

.exception-container .select {
    min-width: 300px;
}

.exception-container .exceptions {
    width: 400px;
    /*position: absolute;*/
}

.exception-container .exceptions pre {
    height: 500px;
}
.exception-wrapper {
    word-break: break-word;
}

.activity-log-outline {
    margin-top: -2px;
    margin-right: 2px;
    float: right;
    position: absolute;
    right: 32px;
    z-index: 10;
}

.activity-log-container{
    background-color: #eaeaea;
    padding: 5px;
    float: left;
    border: 1px solid white;
    border-width: 0 0 0 1px;
}
.activity-log-header {
    /*min-width: 105px;*/
}
.activity-log-header a{
}
.activity-log-body {
    width: 450px;
}

.acitivity-log-body-container {
    overflow-y:auto;
    height: 730px;
}

.activity-log-tolbar {
    position: absolute;
    top: 5px;
    right: 15px;
}

.activity-list-wrapper{
    margin-left: 10px;
}

.activity-list-container {
   /* background-color: #f6f6f6;*/
    margin-top: 10px;
}


.activity-list-container ul.activity-list {
    padding-left: 22px;
}
ul.activity-list li.activity-item {
    position: relative;
    width: 500px;
    background-color: transparent;
    border: 0px;
    margin-bottom: 20px;
}

.pipeline-item-wrapper ul.activity-list li.placeholder-item {
    margin-left: 6px;
}

.pipeline-widget-child-wrapper  ul.activity-list li.placeholder-item {
    margin-left: 28px;
}

ul.activity-list li.activity-item.last {
    margin-bottom: 0px;
}

/*.activity-list-container>.join {
    position: absolute;
    left: 29px;
    top: -16px;
    z-index: -200;
}

.activity-list-container>.join .start {
    border-left: 8px solid #333;
    border-bottom: 8px solid #333;
}

.activity-list-container>.join .end, .activity-list-container>.join .start {
    border-radius: 0 16px;
    width: 32px;
    height: 24px;
}*/

.activity-list-container>.ifThen+.pipe-line {
    left: 145px;
    top: 100px;
    bottom: 0px;
}

.activity-list-container.actions>.pipe-line {
    left: 142px;
    top: 120px;
    bottom: 46px;
}

.grouped-item {

}

.grouped-item .group-title {
    width: 507px;
    background-color: rgba(217, 224, 227, 0.77);
    color: #4a4a4a;
    font-size: 12px;
}

.grouped-item .group-title .title {
    margin-left: 7px;
}

.grouped-item-container {
    padding: 10px 5px 10px 5px;
    border-left: 1px dashed rgba(99, 144, 146, 0.45);
    border-top: 1px dashed rgba(99, 144, 146, 0.45);
    border-bottom: 1px dashed rgba(99, 144, 146, 0.45);
    width: 507px;
    margin-bottom: 20px;
}

.group {
    width: 1px;
    left: 0px;
    /*position: absolute;*/
    background-color: #A92A2A;
    height: 100%;
}

.pipeline-widget-child-wrapper .grouped-item-container {
     width: 530px;
}

.pipeline-widget-child-wrapper .grouped-item .group-title {
    width: 530px;
}

.pipeline-widget-child-wrapper .grouped-item .group-title .title {
    margin-left: 17px;
}

.group-child-list {

}

.logic>.join {
    position: absolute;
    left: 30px;
    top: -4px;
    z-index: -200;
}
.logic>.join .start {
    border-left: 8px solid #d6d6d6;
    border-bottom: 8px solid #d6d6d6;
}

.logic>.join .end, .logic>.join .start {
    border-radius: 0 16px;
    width: 32px;
    height: 24px;
}

.logic>.join .end {
    border-top: 8px solid #d6d6d6;
    border-right: 8px solid #d6d6d6;
    margin-top: -8px;
    margin-left: 32px;
}
.logic>.join+.pipe-line {
    left: 86px;
    top: 25px;
}

.ifThen {
    padding: 5px;
    width: 50px;
    margin-left: 60px;
    margin-bottom: 5px;
}

.for-actions {
    padding: 5px;
    width: 75px;
    border-radius: 10px;
    left: 47px;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
}

/*.for-post-actions {
    padding: 5px;
    width: 75px;
    border-radius: 10px;
    left: 47px;
    position: relative;
    margin-bottom: 10px;
    font-size: 12px;
}*/

.expression {
    padding: 10px;
    border: 1px solid;
    background: white;
    margin-top: 14px;
    border-radius: 9px;
    word-break: break-all;
}


.run-switch-meta {

}
.run-switch-meta-command{
    position: relative;
    top: 30px;
    left: 18px;
    float:left;
}

.run-switch-meta-add-command {
    top: 30px;
    position: relative;
    left: 18px;
}

.run-switch-meta-add-command a {
    width: 150px;
}

/* sidebar */
.pipeline-sidebar-container .sidebar-list {
    height: 500px;
    overflow-y: scroll;
}

.sidebar-list .sidebar-item {
    /*padding: 10px;*/
    background-color: #F6F6F6;
    width: 100%;
    border: 1px solid #E4E4E4;
}

.sidebar-item-list {
    margin-left: 0px;
}
.sidebar-item-list .sidebar-item-list-item{
    padding: 0px;
}


.sidebar-item-list-item .activity-name {
    padding: 10px;
}

.sidebar-item-wrapper {

}

.sidebar-item-wrapper .pipeline-header-split {
    padding: 15px;
}

/*.sidebar-item-wrapper .divider {
    float: left;
}*/

/* drag-n-drop */
.on-drag-enter {
    background-color : #afc8ff;
    border: 2px dashed #ddd;
    color: #000;
}

.on-drag-enter-custom {
    background-color : #d78cc7;
}

.on-drag-hover {
    background-color : #cbffd4;
    border: 2px dashed #ddd;
}

.on-drag-hover-custom {
    background-color : #d7a931;
}


/*switch button*/
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
    left: 5px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


/*
.modal-function-mapper {
    height: 530px !important;
}
*/

.modal-function-mapper.widget-body.full {
    overflow-y: visible !important;
}

.mapper-list-container {

}
.mapper-list-container .body {

}

.mapper-list-container ul.expression-list {
    overflow-y:scroll;
    height: 300px;
}


.field-mapper {
    padding: 10px;
    margin-top: 10px;
}

.field-mapper textarea {
    height: 100px;
}

.field-info-header {
    background-color: #ddd;
}

.schema-info-list {
    margin-bottom: 10px;
}

.high textarea {
    height: 200px;
}

.mapper-header {
    padding: 5px;
    border-bottom: 1px dashed;
}
.mapper-body {
    padding: 5px;
}
.mapper-body ul li  {
   /* padding: 5px;*/
    vertical-align:middle;
}
.mapper-body ul li span {
    color: #777;
}
.mapper-body-item-wrapper span {
    width: 90%;
}

.mapper-body-item-wrapper .editable {
    word-break: break-all;
}

.mapper-body-item-wrapper .btn.delete {
   /* float: right;
    position: relative;
    top: -6px;*/
}

.mapper-body-item-wrapper .mapper-editable {
    width: 300px;
}

.mapper-body-item-wrapper .mapper-remove{
    float: right;
}

.mapper-body .mapper-body-item-wrapper ul {
    margin-bottom: 5px;
    border-bottom: 1px dashed #ddd;
}
.mapper-body ul li a {

   /* border-left: 1px solid #fdfdfd;
    border-right: 1px solid #fdfdfd;*/
}
.mapper-body .command {
    padding-left: 5px;
    padding-top: 5px;
}


.mapper-group {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mapper-group.selected {
    background-color: #f6f6f6;
}

/* action container */

.action-container {
    padding-left: 52px;
    padding-top: 25px;

}
.action-container-wrapper {

}

.action-container-item {
    /*margin-bottom: 10px;*/
    background-color: #f6f6f6;
     border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
}

.sortable-handler-wrapper{
    top: 2px;
    left: 4px;
    position: absolute;
    z-index: 9999;
    color: darkgray;
}

.social .header {
    padding: 10px;
    text-align: center;
    margin-bottom: 5px;
}

.social .connect {
    text-align: center;
    font-size: 16px;
    padding: 5px;
    margin-bottom: 5px;
}

.social .actions-container {
    border-top: 2px dashed #ddd;
    margin-top: 10px;
}

.social .provider-action {
    margin-top: 10px;
}

.social .form-container {
    margin-top: 20px;
}


.editable-controls textarea, .editable-controls input {
    width: 100%;
}

.exception-list {
    display: inline;
}
.exception-list li{
    padding: 5px;
    border-bottom: 1px inset lightgray;
}
.button-exception i {
    color: #ba0000;
}

/* project & templates html renderer */
.template-list {
    overflow-x: scroll;
    height: 650px;
}
.main-list-item{
    padding: 10px 0px 0px 10px;
}
.list-item {
    padding: 10px;
}
.project-list .ui-select-bootstrap > .ui-select-choices {
    max-height: 350px;
}