.algorithm-view-holder{position:relative;width:100%;min-width:400px;max-width:800px}.algorithm-view-holder div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.algorithm-view-holder .algorithm-hint:hover::after{content:attr(data-title);white-space:nowrap;position:absolute;left:120%;top:-100%;line-height:normal;z-index:1;background:rgba(255,255,255,.9);font-size:11px;padding:5px 10px;border:1px solid #333;width:auto;border-radius:4px}.algorithm-view-holder .algorithm-addons{position:absolute;top:0;left:0}.algorithm-view-holder .algorithm-transitions{position:absolute;top:0;height:100%}.algorithm-view-holder .algorithm-transitions .connector-far-down-arrow{width:10px;height:11px;position:absolute;right:0;bottom:-3px}.algorithm-view-holder .algorithm-transitions .connector-far-up-arrow{width:10px;height:11px;position:absolute;right:0;top:-9px}.algorithm-view-holder .algorithm-transitions .connector-label{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);padding:0 2px;background-color:#fff;border:1px solid gray;border-radius:4px}.algorithm-view-holder .algorithm-blocks{position:relative;top:0}.algorithm-view-holder .algorithm-blocks .algorithm-block{position:relative;width:100%;text-align:center}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-shadow{position:absolute;height:100%;width:100%;background-color:gray;display:none}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-content{position:absolute;width:100%;height:100%;padding:0 10px;vertical-align:middle;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:#fff}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls{display:none;text-align:center;line-height:normal;opacity:.8;position:absolute;left:50%;top:100%;transform:translate(-49%,-8px)}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls .algorithm-block-command{position:relative;display:inline-block;cursor:pointer;border-radius:50%;width:16px;height:16px}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls .algorithm-block-command-add{background-color:#90ee90;border:1px solid #90ee90}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls .algorithm-block-command-edit{background-color:gold;border:1px solid gold}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls .algorithm-block-command-remove{background-color:pink;border:1px solid pink}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-controls .algorithm-block-command-connect{background-color:#add8e6;border:1px solid #add8e6}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-condition-connector{width:16px;height:16px;background-color:#add8e6;border:1px solid #add8e6;opacity:.8;border-radius:50%;position:absolute;display:none}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-condition-connector-no{left:0;transform:translateX(-50%)}.algorithm-view-holder .algorithm-blocks .algorithm-block .algorithm-block-num{position:absolute;line-height:1em;left:15px;background-color:#fff;border:1px solid gray;border-radius:4px}.algorithm-view-holder .algorithm-blocks .algorithm-block-inprogress .algorithm-block-content{background-color:#fafad2}.algorithm-view-holder .algorithm-blocks .algorithm-block:hover .algorithm-block-shadow{display:block;filter:blur(7px);-ms-filter:blur(7px);-moz-filter:blur(7px);-webkit-filter:blur(7px)}.algorithm-view-holder .algorithm-blocks .algorithm-block:hover .algorithm-block-controls{display:inline-block}.algorithm-view-holder .algorithm-blocks .algorithm-block:hover .algorithm-condition-connector{display:block}.algorithm-view-holder .algorithm-blocks .algorithm-block:not(.algorithm-block-teminator):hover .algorithm-block-content{box-shadow:0 0 15px 0 #888}.algorithm-view-holder .algorithm-blocks .algorithm-block-item{border:1px solid #000}.algorithm-view-holder .algorithm-blocks .algorithm-block-item .algorithm-block-num{top:-.5em}.algorithm-view-holder .algorithm-blocks .algorithm-block-condition{padding:0 10px}.algorithm-view-holder .algorithm-blocks .algorithm-block-condition .algorithm-block-shadow{background-color:transparent}.algorithm-view-holder .algorithm-blocks .algorithm-block-condition .algorithm-condition-content{position:absolute;left:0;width:100%;padding:0 20%;vertical-align:middle;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.algorithm-view-holder .algorithm-blocks .algorithm-block-condition .algorithm-block-num{bottom:50%}.algorithm-view-holder .algorithm-blocks .algorithm-block-teminator,.algorithm-view-holder .algorithm-blocks .algorithm-block-teminator .algorithm-block-content,.algorithm-view-holder .algorithm-blocks .algorithm-block-teminator .algorithm-block-shadow{border-radius:20px}.algorithm-view-holder .algorithm-comments{position:absolute;top:0}.algorithm-view-holder .algorithm-comments .algorithm-comment-content{position:absolute;top:0;left:40px;right:0;height:100%;line-height:100%;padding-left:10px;text-align:left;vertical-align:middle;border-radius:8px;border-left:1px solid gray;overflow:auto}.algorithm-view-holder .algorithm-block-details-container{position:absolute;display:none}.algorithm-view-holder .algorithm-details-holder{position:relative;width:100%;height:100%;background-color:#fff;border:1px solid #000}.algorithm-view-holder .algorithm-details-holder .algorithm-details-template-holder{position:absolute;top:0;bottom:50px;width:100%;padding:10px}.algorithm-view-holder .algorithm-details-holder .algorithm-details-template-holder .algo-detail-field{position:relative;padding:5px 10px}.algorithm-view-holder .algorithm-details-holder .algorithm-details-template-holder .algo-detail-field .algo-detail-label{display:inline-block}.algorithm-view-holder .algorithm-details-holder .algorithm-details-template-holder .algo-detail-field .algo-detail-value-wrapper{position:absolute;display:inline-block;left:100px;right:10px}.algorithm-view-holder .algorithm-details-holder .algorithm-details-template-holder .algo-detail-field .algo-detail-value-wrapper .algo-detail-value{width:100%}.algorithm-view-holder .algorithm-details-holder .algorithm-details-actions-holder{position:absolute;bottom:0;width:100%;height:50px;padding:10px}.algorithm-view-holder .algorithm-details-holder .algorithm-details-actions-holder .algorithm-button{background-color:#d3d3d3;text-transform:uppercase;color:#333;float:right;padding:0 20px;font-size:.8em;line-height:30px;vertical-align:middle;cursor:default}.algorithm-view-holder .algorithm-details-holder .algorithm-details-actions-holder .algorithm-button:hover{background-color:gray}