.mytooltip{min-width:200px;position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.mytooltip.in{filter:alpha(opacity=90);opacity:.9}.mytooltip.top{padding:5px 0;margin-top:-3px}.mytooltip.right{padding:0 5px;margin-left:3px}.mytooltip.bottom{padding:5px 0;margin-top:3px}.mytooltip.left{padding:0 5px;margin-left:-3px}.mytooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.mytooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.mytooltip.top .mytooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-left .mytooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-right .mytooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.right .mytooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.mytooltip.left .mytooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.mytooltip.bottom .mytooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-left .mytooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-right .mytooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

#visualizelabels
{
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: -100;
  position: absolute;
  margin-top: var(--labels-offset);
  height: calc(100% - var(--labels-offset));
}

.tool-div
{
    margin-bottom: 0px;
    display: table;
    table-layout: fixed;
}

.tool-margin
{
  background-repeat: no-repeat;
  background-size: var(--offset);
  padding-left: var(--offset, 0px);
}

.tag {
  -webkit-user-select: none;
  -webkit-user-drag: none;
  user-select: none;
    background: #ececec;
    border-radius: 0px 3px 3px 0px;
    color: #5d6998ae;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 20px 0 16px;
    position: relative;
    margin: var(--labels-offset) 10px 10px 0;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 11px;
    opacity: 0.8;
    font-weight: lighter;
    white-space: nowrap
}

.tag::after {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 8px;
  position: absolute;
  width: 6px;
  top: 8px;
}

.tag::before {
  background: #fff;
  border-bottom: 11px solid transparent;
  border-right: 10px solid #ececec;
  border-top: 11px solid transparent;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

.tab:after
{
    content: '.';
    visibility: hidden;
}

.tool
{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
  	border: 1px solid #ddd;
  	border-radius:3px;
  	cursor: pointer;
    text-align: center;
    /*transition: border-color 1s ease;*/
    min-width: 150px;
    --action-color: #eee;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
}

.toolhighlight .tooltitle 
{
  background-color: #ffffa9 !important; 
}

.titlebody
{
  padding-top: 4px;
  padding-left: 22px;
  padding-right: 25px;
  padding-bottom: 3px;
  margin-bottom:1px;
  font-size: 12px;
  color: #7d7d7d;
  white-space: nowrap;
}

.toolgroup
{
    width: 16px;
    height: 16px;
    filter: grayscale(30%);
    opacity: 0.7;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-right: 3px;
}

.textitemsignificant
{
  color:#529653;
}

.textitemtag
{
  color:#31708f;
  font-weight: bold
}

.textitemtagtext
{
  font-style: italic
}

.fa-check-square-o
{
 font-size: 13px !important;
 color:#464545 !important;
}

.tooltitle
{
    padding-left: 10px;
    padding-right: 3px;
    text-align: left !important;
    font-size: 75% !important;
    background-color: #f5f5f5;
    font-weight: bold;
    transition: background-color 1s ease;
}

.tooltitle-red
{
  color: #944c4b !important;
}

.tooltitle-blue
{
  color: #0077b3 !important;
}

.tooltitle-green
{
  color:#3c763d !important;
}

.tooltitle-gray
{
  color:#777 !important;
}

.notactive
{
  --border-color: #e3e3e3 !important;
  border: 1px solid #E3E3E3 !important;
}

.toolinsert
{
    height: 6px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    min-width: 150px;
    pointer-events: none;
}

.dragactive .toolinsert, .dragactivelabel .toolinsert
{
  background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );
  box-shadow: none !important;
  border: 1px solid #c1c1c1 !important;
}

.dragactivelabel .tool[data-is-label-to=true]
{
  background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );
  color:white;
}

.dragactivelabel .tool[data-is-label-to=true] .tooltitle ,
.dragactivelabel .tool[data-is-label-to=true] .titleid
{
  background-color:transparent;
}

.dragactivelabel .tool[data-is-label-to=true] .titlebody
{
  color:#353535;
}

.dragactivelabel .tool[data-is-label-to=true] .titleid
{
  color:transparent;
}

.toolinsertdata
{
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: pointer;
  position: relative;
}

.toolinsertdata:hover .toollabelcreate,.toollabelcreate:hover
{
  opacity:1;
}

.toollabelcreate:hover
{
  color: #bb8383;
}

.toollabelcreate
{
  color:#c1c1c1;
  position: absolute;
  top: 1px;
  right: -19px;
  font-size: 12px;
  display: block;
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  opacity:0;
}

.toolinsertdrop
{
  background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important;
}

.tooldrop
{
  background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important;
}

.toolinsertlast
{
  max-width: 150px;
}

.toolinsertright
{
  max-width: 150px;
}

.clearfix
{
  clear:both;
  max-height:0px
}

.toolinserttop
{
   height: 8px;
   border: 1px solid gray;
   border-radius: 3px;
   cursor: pointer;
   margin-bottom: 5px;
}

.toolselected,.toolselected:hover
{
  border: 1px solid #ff9090 !important;
  box-shadow: 0px 0px 7px 0px rgba(255, 0, 0, 0.2);
}

.tool:hover
{
	background-color: #E8E8E8;
}

#restart
{
  border: 2px solid #fafafa;
}

.toolblinkon
{
  border: 2px solid #FC2121 !important;
  border-radius: 3px;
}

.toolblinkoff
{
  border: 2px solid white !important;
  border-radius: 3px;
}

.function-label
{
  margin-top:4px;
}

.maintoolbox i
{
  font-size: 20px;
}

.main {
  padding: calc(var(--padding-top) + var(--main-offset)) 15px 50px;
  --main-offset: var(--toolbar-size);
  --toolbar-offset: 0px;
  --search-offset: -4px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}

.maintoolbox
{
    padding-top: 5px;
    border-top: 1px solid #DBDBDB;
    clear: left;
    height: 40px;
    line-height: 28px;
}

.findtoolbox
{
  position:fixed;
  width:100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  clear: left;
  height:50px;
  background-color: #fafafa;
  z-index:5;
}

#findbuttoncontainer,
#debugbuttoncontainer,
#settingsbuttoncontainer {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
}

#findbuttoncontainer {
  border-radius: 0 0 0 13px;
  background-color: #d9d9d9;
  z-index: 2;
}

#debugbuttoncontainer {
  border-radius: 13px 0 0 0;
  background-color: #d9d9d9;
  bottom: 32px;
  z-index: 4;
  right: 0;
}

#settingsbuttoncontainer {
  border-radius: 13px 0 0 13px;
  background-color: #c17272;
  top: calc(50% - 15px);
  z-index: 2;
  right: 0;
}

.findcontrol
{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
}

.findcontrol .btn
{
  color:black;
  background-color: white;
  border:1px solid #cccccc;
}

.containerwithfind #paddinfind
{
  padding-top: 40px;
}

.containerwithfind .main
{
  --search-offset: 44px;
}

.control-label
{
   text-align:left !important;
}

label
{
  font-weight:normal !important;
}

.tool .btn
{
  width:100px;
}

.back
{
  margin-bottom:10px;
}

.threads {
  border-bottom: 1px solid #DBDBDB;
  background-color: #fafafa;
  position: fixed;
  width: 100%;
  z-index: 5;
  right: 0;
  top: 0;
}

#findbutton,
#debugbutton,
#settingsbutton {
  border: 0;
  margin: 0;
  outline: 0;
  width: 26px;
  height: 26px;
  opacity: 0.8;
  display: flex;
  background: none;
  box-shadow: none;
}

#settingsbutton {
  width: 28px !important;
  height: 28px !important;
}

#settingsbutton,
#findbutton:hover,
#debugbutton:hover {
  opacity: 1.0;
}

#settingsbutton:hover {
  opacity: 0.8;
}

#functions {
  border-top: 1px solid #dbdbdb;
  text-align: center;
  line-height: 30px;
}

#FunctionName
{
  color: black;
  font-size: 12px;
  width:100%;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  background-color: #fafafa;
}

#FunctionName:hover
{
  background-color: #f1f1f1;
  text-decoration: none;
}

#FunctionManagerMain
{
  display: none;
  position: fixed;
  top:0px;
  bottom:32px;
  left: 0px;
  right:0px;
  z-index: 10;
  background-color: white;
  overflow-y: auto;
}

#FunctionManagerMainLabel
{
  padding: 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #DBDBDB;
  color: black;
  font-size: 12px;
  text-align: center;
}

.FunctionManagerEditLabel
{
  color: black;
  font-size: 12px;
}

#FunctionManagerEditPanel
{
  margin-left:15px;
  margin-right:15px;
}

#FunctionManagerEditName
{
  font-size: 12px;
  font-weight: bold;
}

#FunctionManagerEditDescription
{
  font-size: 12px;
  color:gray
}

#FunctionManagerEditReturnDescription
{
  font-size: 12px;
  color:gray
}

#FunctionManagerEditReturnVariable
{
  font-size: 12px;
  color:#529653
}

.FunctionManagerEditParam
{
  font-size: 12px;
  color:gray
}

.FunctionManagerMainClose
{
  float: right;
  line-height: 19px !important;
  font-size: 150% !important;
}

.FunctionManagerMainBack
{
  float: right;
  line-height: 19px !important;
  font-size: 150% !important;
  margin-right:15px;
}

.FunctionManagerEditEmpty
{
  color: #dc3545;
}

.FunctionManagerItemClick, .FunctionManagerItemClick:hover
{
    background-color: #f8f8f8;
    font-size: 12px;
    color: #333 !important;
    border-bottom: 1px solid #DBDBDB;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    flex: 1;
}

#FunctionManagerEditFunctionName
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 50px);
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
}

#FunctionManagerEditFunctionDescriptionPanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
}

#FunctionManagerEditFunctionReturnDescriptionPanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
}

#FunctionManagerEditFunctionReturnVariablePanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
}

.FunctionManagerEditFunctionParamPanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
}

#FunctionManagerEditHasReturnValuePanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
}

.FunctionManagerEditSection
{
    margin-top: 25px;
    font-size: 14px;
    padding: 4px;
    border-bottom: 1px solid #e4e4e4;
    font-style: italic;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.NotDetailed .FunctionManagerEditSection
{
  margin-top: 15px !important;
}

#FunctionManagerParamListEmpty
{
  text-align: center;
  margin-top:10px;
  font-size: 12px;
  color:gray
}

.bootbox-input-textarea
{
  height: 300px !important;
}

#FunctionManagerEditFunctionDescription
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 50px);
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
}

#FunctionManagerEditFunctionReturnDescription
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 50px);
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
}

#FunctionManagerEditFunctionReturnVariable
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 50px);
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
}

.FunctionManagerEditFunctionParam
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    display: inline-block;
    width: calc(100% - 50px);
    line-height: 22px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
}

#FunctionManagerEditHasReturnValue
{
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 10px;
    width: 100%;
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 9px;
    display: flex;
    align-items: center;
}

#FunctionManagerAddParam
{
  font-style: normal;
  font-size:12px;
  display: flex;
  align-items: center;
}

#FunctionManagerEditData
{
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;
  clear:both
}

.FunctionManagerItemMenu, .FunctionManagerItemMenu:hover
{
  background-color: #f8f8f8;
  font-size: 12px;
  color: #333 !important;
  border-bottom: 1px solid #DBDBDB;
  text-decoration: none !important;
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}

.FunctionManagerItemMenu:hover, .FunctionManagerItemMenuCurrent
{
  background-color: #f1f1f1;
}

.FunctionManagerEditFunctionLink, .FunctionManagerEditFunctionLink:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: inline-block;
  width: 40px;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.FunctionManagerEditFunctionLink:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerEditFunctionDescriptionLink, .FunctionManagerEditFunctionDescriptionLink:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: inline-block;
  width: 40px;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.FunctionManagerEditFunctionDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerEditFunctionReturnDescriptionLink, .FunctionManagerEditFunctionReturnDescriptionLink:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: inline-block;
  width: 40px;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.FunctionManagerEditFunctionReturnDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerEditFunctionReturnVariableLink, .FunctionManagerEditFunctionReturnVariableLink:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: inline-block;
  width: 40px;
  float: right;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.FunctionManagerEditFunctionReturnVariableLink:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerEditFunctionParamLink, .FunctionManagerEditFunctionParamLink:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: block;
  width: 40px;
  float: right;
  text-align: center;
  height: 30px;
  line-height: 40px;
}

.FunctionManagerEditFunctionParamLink:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerEditFunctionDeleteParam, .FunctionManagerEditFunctionDeleteParam:hover
{
  font-size: 12px;
  color: #333;
  text-decoration: none !important;
  display: block;
  width: 40px;
  float: right;
  text-align: center;
  height: 30px;
  line-height: 40px;
}

.FunctionManagerEditFunctionDeleteParam:hover .FunctionManagerEditFunctionLinkIcon
{
  color: #555 !important;
}

.FunctionManagerItemClick:hover
{
  background-color: #f1f1f1;
}

.FunctionManagerItem
{
  display: flex;
  margin: 10px;
}

.FunctionManagerItem1
{
  border-left: 2px solid #f8003680;
}
.FunctionManagerItem2
{
  border-left: 2px solid #009cde80;
}

.FunctionManagerItem3
{
  border-left: 2px solid #fa8b0080;
}

.FunctionManagerItemSelected, .FunctionManagerItemSelected:hover
{
  font-weight: bold;
  text-decoration: underline !important;
}

.FunctionManagerItemBar
{
  font-size: 120% !important;
  color:gray;
}

.FunctionManagerEditFunctionLinkIcon
{
  font-size: 120% !important;
  color:gray;
}

.FunctionManagerItemLine, .FunctionManagerItemLine:hover
{
    margin: 2px;
    padding: 8px;
    background-color: #f8f8f8;
    margin-left: 20px;
    margin-right: 0px;
    border-bottom: 1px solid #DBDBDB;
    display:flex;
    align-items: center;
    text-decoration: none;
}

.FunctionManagerItemLine1
{
  border-left: 2px solid #f8003680;
}

.FunctionManagerItemLine2
{
  border-left: 2px solid #009cde80;
}

.FunctionManagerItemLine3
{
  border-left: 2px solid #fa8b0080;
}

.FunctionManagerItemLine:hover
{
  background-color: #f1f1f1 !important;
}

.FunctionManagerItemMenuDescription
{
  font-size: small;
  color: gray;
}

.FunctionManagerItemMenuContent
{
  margin-left:10px;
  margin-right:10px;
  display:none;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -8px;
}

.Filtered
{
  display:none !important;
}

.FunctionManagerItemLineLeft
{
  flex-grow: 1;
}

.FunctionManagerItemMenuDescriptionIcon
{
    color: #f44336c9;
    width: 17px;
    text-align: center;
    filter: grayscale(40%);
    margin-right: 7px;
}

.FunctionManagerItemMenuOpen, .FunctionManagerItemMenuEdit, .FunctionManagerItemMenuRun, .FunctionManagerItemMenuRunMultithreaded, .FunctionManagerItemMenuDelete, .FunctionManagerItemMenuCSharp, .FunctionManagerItemMenuPython, .FunctionManagerItemMenuNodejs, .FunctionManagerItemMenuRunAsync
{
  color: #333;
}

#FunctionManagerDescription
{
  margin-left:10px;
  margin-right:10px;
  margin-top: 15px;
  color:gray;
  font-size:small;
  text-align: justify;
}

.NotDetailed .VisibleIfDetailed
{
  display:none !important;
}

#FunctionManagerEditFunctionNamePanel
{
  background-color: #f8f8f8;
  border-bottom: 1px solid #DBDBDB;
  border-left: 2px solid #f8003680;
  margin-top:10px;
  clear:both;
}

#FunctionManagerAddTask
{
  position:fixed;
  right: 20px;
  bottom: 40px;
}

#FunctionManagerAddTaskDetailed, #FunctionManagerAddTaskDetailed:hover
{
  float: left;
  width: calc(33.33% - 10px);
  height: 30px;
  color: #333;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  text-decoration: none;
  margin: 5px;
  margin-bottom: 0px;
}

#FunctionManagerAddTaskDetailed:hover
{
  color: #444 !important;
}

#FunctionManagerAddTaskCancel, #FunctionManagerAddTaskCancel:hover
{
  float: left;
  width: calc(33.33% - 10px);
  height: 30px;
  color: white;
  text-align: center;
  line-height: 30px;
  background-color: #d9534f;
  font-size: 12px;
  border: 1px solid #d43f3a;
  text-decoration: none;
  margin: 5px;
  margin-bottom: 0px;
}

#FunctionManagerAddTaskCancel:hover
{
  background-color: #c9302c !important;
}

#FunctionManagerAddTaskResult, #FunctionManagerAddTaskResult:hover
{
  background-color: #5cb85c;
  width: calc(33.33% - 10px);
  height: 30px;
  float: left;
  color: white;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  border: 1px solid #4cae4c;
  text-decoration: none;
  margin: 5px;
  margin-bottom: 0px;
}

#FunctionManagerAddTaskResult:hover
{
  background-color: #449d44 !important;
}

#FunctionManagerAddTask, #FunctionManagerAddTask:hover
{
  position: fixed;
  right: 23px;
  bottom: 52px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #d9534f;
  color: white;
  border-radius: 50%;
  font-size: 18px;
  text-decoration: none;
}

.movetofunction
{
  font-weight: bold;
  font-style: italic;
}

.bottompannel {
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 4;
  bottom: 0;
  right: 0;
}

.action-button
{
  font-size: 2em !important;
  margin-right:2px;
  padding:5px;
  border: 1px solid #fafafa;
  filter: grayscale(15%) !important;
  width: 40px;
  height: 40px;
}

.action-button:hover
{
  background-color:#E8E8E8;
  cursor: pointer;
  border-radius:3px;
}

.action-button2
{
  margin-right:3px;
  width:24px;
  height:24px;
}

.action-button2.disabled {
  opacity: 0.4;
  cursor: default !important;
  background-color: white !important;
}

.action-button2:hover
{
  background-color:#E8E8E8;
  cursor: pointer;
  border-radius:3px;
}

.function-action-button
{
  font-size: 1em !important;
  margin-right:5px;
  margin-top:3px;
  padding:5px;
}

.function-action-button:hover
{
  background-color:#E8E8E8;
  cursor: pointer;
  border-radius:3px;
}

.toolbox
{
  margin-top: 10px;
}

.actionbuttongray
{
  filter: grayscale(100%) !important;
}

#play.actionbuttongray
{
  opacity: 0.65;
}

#pause.actionbuttongray {
  opacity: 0.65;
}

.actionbuttongray2
{
  filter: grayscale(100%) !important;
  display:none !important;
}

.actionbuttongray:hover
{
    background-color:white !important;
    cursor: default !important;
}

.executing
{
  padding-left: 6px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 1px;
  padding-top: 0px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ignoreerrorsthis
{
  padding-right: 6px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 1px;
  padding-top: 0px;
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.toolnotexecute .executing
{
    color:gray;
    opacity: 0;
}

.tool .ignoreerrorsthis
{
    color:gray;
    opacity: 0;
}

.tool .folding-unfolded
{
    color:gray;
}

.tool:hover .executing
{
    color:gray;
    opacity: 0.5;
}

.tool:hover .ignoreerrorsthis
{
    color:gray;
    opacity: 0.5;
}

.tool:hover .folding-unfolded
{
    color:gray;
    opacity: 0.5;
}

.executing:hover
{
    color:#D44646 !important;
    opacity: 1 !important;
}

.ignoreerrorsthis:hover
{
    color:#D44646 !important;
    opacity: 1 !important;
}

.folding-unfolded:hover
{
    color:#D44646 !important;
    opacity: 1 !important;
}

.folding-folded
{
  color:#88bd33;
}

.folding-folded:hover
{
    color:#D44646 !important;
    opacity: 1 !important;
}

.toolexecutecurrent .executing
{
    color:#D44646 !important;
    opacity: 1 !important;
}

.helprow1
{
  float: left;
  display: block;
}

.helprow2
{
    display: block;
    float: left;
    margin-top: 2px;
}

#FileHelpCenter hr,#MultithreadingHelpCenter hr,#OutputHelpCenter hr,#ParseHelpCenter hr,#ErrorHelpCenter hr,#FunctionHelpCenter hr,#LabelHelpCenter hr,#BrowserHelpCenter hr,#ConditionHelpCenter hr,#VariablesHelpCenter hr,#LoopHelpCenter hr,#HelpCenter hr
{
  margin-top:10px;
  margin-bottom:10px;
}

#FileHelpCenter .modal-body,#MultithreadingHelpCenter .modal-body,#OutputHelpCenter .modal-body,#ErrorHelpCenter .modal-body,#FunctionHelpCenter .modal-body,#LabelHelpCenter .modal-body,#BrowserHelpCenter .modal-body,#ConditionHelpCenter .modal-body,#VariablesHelpCenter .modal-body,#LoopHelpCenter .modal-body,#HelpCenter .modal-body
{
  padding-bottom: 0px;
}

.examplelabel
{
  margin-left: 4px;
  font-size: small;
}

.examplelistitem
{
  width: 40px;
  text-align: center;
  display: inline-block;
  color: #37ad51;
}

.exampleadd
{
  display: inline-block;
  float: right;
  font-size: larger;
  margin-right: 15px;
}

.helpitetitle1
{
  text-decoration: underline;
}

.helpitemname
{
  margin-right: 14px;
  margin-left: 5px;
}

.helpitem
{
  color: #b5532c;
  display:inline-block;
  width:40px;
  text-align: center;
}

.smallmarginright
{
  margin-right: 3px;
}

.vcenter
{
  display: inline-flex;
  align-items: center;
}

.notactive
{
  color:gray;
}

.smalltext
{
  color:gray;
  font-size: small
}

.RunTypeLabel
{
  display:none
}

.HelpCenterLabel
{
  display:none
}

.tab
{
  margin-right:20px;
  float :left;
}

#validation, #validationParam
{
  color:darkred;
}

#thread-number-edit
{
  font-size: smaller;
}

#success-number-edit
{
  font-size: smaller;
}

#runmode-edit
{
  font-size: smaller; 
}

#fail-number-edit
{
  font-size: smaller;
}

.main, #functions, .threads{
  user-select: none; 
}

.nowrap
{
  white-space: nowrap;
}

@media screen and (max-width: 420px) {
  body {
    --toolbar-size: 63px;
  }
  .halfscreenorall
  {
    width:100%;
  }
  .centeredonlyifsmall
  {
    margin: 0 auto; display: table;
  }
  .main
  {
    --padding-top: 137px;
    --labels-offset: calc(200px - var(--toolbar-offset) + var(--search-offset) - 5px);
  }

  #findbuttoncontainer {
    top: calc(111px + var(--toolbar-size));
    right: 0;
    z-index: 5;
  }

  .findtoolbox {
    top: 173px;
  }

  .hide-toolbar .findtoolbox {
    top: 110px;
  }
}

@media screen and (min-width: 420px) {
  body {
    --toolbar-size: 40px;
  }
  .halfscreenorall
  {
    width:50%;
  }
  .main
  {
    --padding-top: 80px;
    --labels-offset: calc(120px - var(--toolbar-offset) + var(--search-offset) - 0px);
  }

  #findbuttoncontainer {
    top: calc(61px + var(--toolbar-size));
    right: 0;
  }

  .findtoolbox {
    top: 100px;
  }

  .hide-toolbar .findtoolbox {
    top: 60px;
  }
}

@media screen and (min-width: 520px) {
  .action-button {
      margin-right: 10px;
  }
}

.pathimg
{
  max-width: 100px;
  height: 30px;
  border-radius: 4px;
}

.arrowimg
{
  margin: 2px 0;
  vertical-align: sub;
}

.titleid
{
  background-color: #f5f5f5;
  font-size: 8px;
  color: #b6b6b6;
  margin-top: 0px;
  text-align: right;
  padding-right: 10px;
}

#TaskName
{
  height: 200px;
  min-height: 34px;
}

.titledescription
{
  padding-top: 0px;
  margin-top: 0px;
  margin-right: 4px;
  margin-left: 4px;
  padding-bottom: 2px;
  border-top: 1px solid #ddd;
  font-size: 12px;
  color: #337ab7;
}

mark
{
  padding: 0px !important;
  color: #000 !important;
  background: #ffffa9 !important;
}

#multiselect
{
  background-color: rgba(139, 139, 139, 0.3);
  pointer-events: none;
  position: absolute;
  z-index: 5;
}

.tooltitle .selected
{
  width: 16px;
  height: 16px;
  float:right;
  margin-top:3px;
  margin-left:5px;
}

#draganddrop
{
  background-color: #3b83b2;
  color:white;
  border-radius: 3px;
  padding:5px;
  margin:20px;
  min-width:80px;
  text-align: center
}

#findprev
{
  min-width:50px;
}

#findnext
{
  min-width:50px;
}

.action-color-1
{
  --action-color: #d4edcb;
  --action-border: #baefa6;
  background-color: #b8cdb1
}

.action-color-2
{
  --action-color: #efedd0;
  --action-border: #ece7a9;
  background-color: #efedd0
}

.action-color-3
{
  --action-color: #d1f0ef;
  --action-border: #aff3f0;
  background-color: #d1f0ef
}

.action-color-4
{
  --action-color: #cdddf0;
  --action-border: #aecaee;
  background-color: #cdddf0
}

.action-color-5
{
  --action-color: #fddcdc;
  --action-border: #ffc3c3;
  background-color: #fddcdc

}

.color-select
{
  border:1px solid white;
  cursor: pointer;
  user-select: none; 
}

.color-select-active
{
  border:1px dashed red;
}

.folded:not(.tool)
{
  display:none;
}

/* Global select styles */

.bootstrap-select .dropdown-menu > li.selected > a::after {
  visibility: visible;
}

.bootstrap-select .dropdown-menu > li > a::after {
  background: url(icons/check.svg) no-repeat;
  visibility: hidden;
  cursor: pointer;
  display: block;
  content: " ";
  height: 16px;
  width: 16px;
}

.bootstrap-select .dropdown-menu li a span.text {
  padding-right: inherit;
}

.bootstrap-select.open > .dropdown-toggle:after {
  content: "\f106";
}

.bootstrap-select > .dropdown-toggle::after {
  font-family: FontAwesome;
  text-align: center;
  line-height: 16px;
  content: "\f107";
  font-size: 16px;
  min-width: 16px;
  height: 16px;
  width: 16px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: 0 !important;
}

.bootstrap-select .dropdown-toggle:hover {
  outline: 0 !important;
}

.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  border: 0;
  margin: 0;
}

/* Hidden labels styles */

.hide-labels .tag {
  display: none !important;
}

.hide-labels #visualizelabels {
  display: none !important;
}

/* Hidden toolbar styles */

.hide-toolbar .main {
  --main-offset: 0px;
  --toolbar-offset: var(--toolbar-size);
}

.hide-toolbar .maintoolbox {
  padding: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  border-width: 0 !important;
  overflow: hidden !important;
}

.hide-toolbar .totalselected {
  top: 50%;
  right: 0;
  height: 0;
  z-index: 1;
  display: flex;
  padding: 0 9px;
  color: #8f8f8f;
  min-width: 26px;
  min-height: 26px;
  font-weight: bold;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  border-radius: 2px 0 0 2px;
  transform: translateY(-50%);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25);
}

.hide-toolbar .totalselected:empty {
  display: none !important;
}

.hide-toolbar #findbuttoncontainer {
  --toolbar-size: 0px;
}

/* Hidden comments styles */

.hide-comments .titledescription {
  display: none !important;
}

/* Hidden searchbar styles */

.hide-search #findbuttoncontainer {
  display: none !important;
}

/* Hidden inspector styles */

.hide-inspector #debugbuttoncontainer {
  display: none !important;
}

/* Custom button styles */

.btn-base {
  transition: all 0.3s ease-in-out;
  transition-property: opacity, color;
  border: 1px solid transparent;
  -webkit-user-drag: none;
  letter-spacing: -0.2px;
  vertical-align: middle;
  border-radius: 2px;
  padding: 10px 12px;
  user-select: none;
  line-height: 18px;
  min-width: 140px;
  cursor: pointer;
  color: #fff;
  outline: 0;
}

.btn-base:hover {
  opacity: 0.8;
}

.btn-base:hover,
.btn-base:focus {
  color: #fff;
}

.btn-base:disabled {
  filter: grayscale(100%);
  opacity: 0.6;
  outline: 0;
}

.btn-base.btn-cancel {
  border-color: #d8695f;
  background: #d8695f;
  color: #fff;
}

.btn-base.btn-accept {
  border-color: #9d996c;
  background: #9d996c;
  color: #fff;
}

.btn-base.btn-action {
  border-color: #606060;
  background: #606060;
  color: #fff;
}

/* Contextmenu styles */

.dropdown-context > li,
.dropdown-context > li > a {
  -webkit-user-select: none;
  -webkit-user-drag: none;
  user-select: none;
}

/* Scrollbar styles */

::-webkit-scrollbar-thumb {
  background: #b7b7b7;
}

::-webkit-scrollbar-track {
  background: #eaeaea;
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

/* Utility styles */

.document-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999999;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.modal-centered {
  align-items: center;
  display: flex;
}

/* Global styles */

textarea {
  resize: vertical;
  cursor: auto;
}
.mytooltip{min-width:200px;position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.mytooltip.in{filter:alpha(opacity=90);opacity:.9}.mytooltip.top{padding:5px 0;margin-top:-3px}.mytooltip.right{padding:0 5px;margin-left:3px}.mytooltip.bottom{padding:5px 0;margin-top:3px}.mytooltip.left{padding:0 5px;margin-left:-3px}.mytooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.mytooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.mytooltip.top .mytooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-left .mytooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-right .mytooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.right .mytooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.mytooltip.left .mytooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.mytooltip.bottom .mytooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-left .mytooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-right .mytooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}  #visualizelabels {   top: 0px;   left: 0px;   width: 100%;   z-index: -100;   position: absolute;   margin-top: var(--labels-offset);   height: calc(100% - var(--labels-offset)); }  .tool-div {     margin-bottom: 0px;     display: table;     table-layout: fixed; }  .tool-margin {   background-repeat: no-repeat;   background-size: var(--offset);   padding-left: var(--offset, 0px); }  .tag {   -webkit-user-select: none;   -webkit-user-drag: none;   user-select: none;     background: #ececec;     border-radius: 0px 3px 3px 0px;     color: #5d6998ae;     display: inline-block;     height: 22px;     line-height: 22px;     padding: 0 20px 0 16px;     position: relative;     margin: var(--labels-offset) 10px 10px 0;     text-decoration: none;     transition: color 0.2s;     font-size: 11px;     opacity: 0.8;     font-weight: lighter;     white-space: nowrap }  .tag::after {   background: #ffffff;   border-radius: 10px;   box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);   content: '';   height: 6px;   right: 8px;   position: absolute;   width: 6px;   top: 8px; }  .tag::before {   background: #fff;   border-bottom: 11px solid transparent;   border-right: 10px solid #ececec;   border-top: 11px solid transparent;   content: '';   position: absolute;   left: 0;   top: 0; }  .tab:after {     content: '.';     visibility: hidden; }  .tool {     padding-top:0px;     padding-left:0px;     padding-right:0px;   	border: 1px solid #ddd;   	border-radius:3px;   	cursor: pointer;     text-align: center;     /*transition: border-color 1s ease;*/     min-width: 150px;     --action-color: #eee;     box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); }  .toolhighlight .tooltitle  {   background-color: #ffffa9 !important;  }  .titlebody {   padding-top: 4px;   padding-left: 22px;   padding-right: 25px;   padding-bottom: 3px;   margin-bottom:1px;   font-size: 12px;   color: #7d7d7d;   white-space: nowrap; }  .toolgroup {     width: 16px;     height: 16px;     filter: grayscale(30%);     opacity: 0.7;     margin-top: 2px;     margin-bottom: 4px;     margin-right: 3px; }  .textitemsignificant {   color:#529653; }  .textitemtag {   color:#31708f;   font-weight: bold }  .textitemtagtext {   font-style: italic }  .fa-check-square-o {  font-size: 13px !important;  color:#464545 !important; }  .tooltitle {     padding-left: 10px;     padding-right: 3px;     text-align: left !important;     font-size: 75% !important;     background-color: #f5f5f5;     font-weight: bold;     transition: background-color 1s ease; }  .tooltitle-red {   color: #944c4b !important; }  .tooltitle-blue {   color: #0077b3 !important; }  .tooltitle-green {   color:#3c763d !important; }  .tooltitle-gray {   color:#777 !important; }  .notactive {   --border-color: #e3e3e3 !important;   border: 1px solid #E3E3E3 !important; }  .toolinsert {     height: 6px;     border: 1px solid #c1c1c1;     border-radius: 3px;     min-width: 150px;     pointer-events: none; }  .dragactive .toolinsert, .dragactivelabel .toolinsert {   background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );   box-shadow: none !important;   border: 1px solid #c1c1c1 !important; }  .dragactivelabel .tool[data-is-label-to=true] {   background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );   color:white; }  .dragactivelabel .tool[data-is-label-to=true] .tooltitle , .dragactivelabel .tool[data-is-label-to=true] .titleid {   background-color:transparent; }  .dragactivelabel .tool[data-is-label-to=true] .titlebody {   color:#353535; }  .dragactivelabel .tool[data-is-label-to=true] .titleid {   color:transparent; }  .toolinsertdata {   padding-top: 7px;   padding-bottom: 7px;   cursor: pointer;   position: relative; }  .toolinsertdata:hover .toollabelcreate,.toollabelcreate:hover {   opacity:1; }  .toollabelcreate:hover {   color: #bb8383; }  .toollabelcreate {   color:#c1c1c1;   position: absolute;   top: 1px;   right: -19px;   font-size: 12px;   display: block;   padding-left: 3px;   padding-right: 5px;   padding-top: 1px;   padding-bottom: 1px;   opacity:0; }  .toolinsertdrop {   background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important; }  .tooldrop {   background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important; }  .toolinsertlast {   max-width: 150px; }  .toolinsertright {   max-width: 150px; }  .clearfix {   clear:both;   max-height:0px }  .toolinserttop {    height: 8px;    border: 1px solid gray;    border-radius: 3px;    cursor: pointer;    margin-bottom: 5px; }  .toolselected,.toolselected:hover {   border: 1px solid #ff9090 !important;   box-shadow: 0px 0px 7px 0px rgba(255, 0, 0, 0.2); }  .tool:hover { 	background-color: #E8E8E8; }  #restart {   border: 2px solid #fafafa; }  .toolblinkon {   border: 2px solid #FC2121 !important;   border-radius: 3px; }  .toolblinkoff {   border: 2px solid white !important;   border-radius: 3px; }  .function-label {   margin-top:4px; }  .maintoolbox i {   font-size: 20px; }  .main {   padding: calc(var(--padding-top) + var(--main-offset)) 15px 50px;   --main-offset: var(--toolbar-size);   --toolbar-offset: 0px;   --search-offset: -4px;   overflow-x: hidden;   overflow-y: hidden;   position: relative; }  .maintoolbox {     padding-top: 5px;     border-top: 1px solid #DBDBDB;     clear: left;     height: 40px;     line-height: 28px; }  .findtoolbox {   position:fixed;   width:100%;   border-top: 1px solid #DBDBDB;   border-bottom: 1px solid #DBDBDB;   clear: left;   height:50px;   background-color: #fafafa;   z-index:5; }  #findbuttoncontainer, #debugbuttoncontainer, #settingsbuttoncontainer {   display: flex;   position: fixed;   align-items: center;   justify-content: center; }  #findbuttoncontainer {   border-radius: 0 0 0 13px;   background-color: #d9d9d9;   z-index: 2; }  #debugbuttoncontainer {   border-radius: 13px 0 0 0;   background-color: #d9d9d9;   bottom: 32px;   z-index: 4;   right: 0; }  #settingsbuttoncontainer {   border-radius: 13px 0 0 13px;   background-color: #c17272;   top: calc(50% - 15px);   z-index: 2;   right: 0; }  .findcontrol {   margin-top:10px;   margin-left:10px;   margin-right:10px; }  .findcontrol .btn {   color:black;   background-color: white;   border:1px solid #cccccc; }  .containerwithfind #paddinfind {   padding-top: 40px; }  .containerwithfind .main {   --search-offset: 44px; }  .control-label {    text-align:left !important; }  label {   font-weight:normal !important; }  .tool .btn {   width:100px; }  .back {   margin-bottom:10px; }  .threads {   border-bottom: 1px solid #DBDBDB;   background-color: #fafafa;   position: fixed;   width: 100%;   z-index: 5;   right: 0;   top: 0; }  #findbutton, #debugbutton, #settingsbutton {   border: 0;   margin: 0;   outline: 0;   width: 26px;   height: 26px;   opacity: 0.8;   display: flex;   background: none;   box-shadow: none; }  #settingsbutton {   width: 28px !important;   height: 28px !important; }  #settingsbutton, #findbutton:hover, #debugbutton:hover {   opacity: 1.0; }  #settingsbutton:hover {   opacity: 0.8; }  #functions {   border-top: 1px solid #dbdbdb;   text-align: center;   line-height: 30px; }  #FunctionName {   color: black;   font-size: 12px;   width:100%;   display: inline-block;   text-decoration: none;   cursor: pointer;   background-color: #fafafa; }  #FunctionName:hover {   background-color: #f1f1f1;   text-decoration: none; }  #FunctionManagerMain {   display: none;   position: fixed;   top:0px;   bottom:32px;   left: 0px;   right:0px;   z-index: 10;   background-color: white;   overflow-y: auto; }  #FunctionManagerMainLabel {   padding: 10px;   background-color: #fafafa;   border-bottom: 1px solid #DBDBDB;   color: black;   font-size: 12px;   text-align: center; }  .FunctionManagerEditLabel {   color: black;   font-size: 12px; }  #FunctionManagerEditPanel {   margin-left:15px;   margin-right:15px; }  #FunctionManagerEditName {   font-size: 12px;   font-weight: bold; }  #FunctionManagerEditDescription {   font-size: 12px;   color:gray }  #FunctionManagerEditReturnDescription {   font-size: 12px;   color:gray }  #FunctionManagerEditReturnVariable {   font-size: 12px;   color:#529653 }  .FunctionManagerEditParam {   font-size: 12px;   color:gray }  .FunctionManagerMainClose {   float: right;   line-height: 19px !important;   font-size: 150% !important; }  .FunctionManagerMainBack {   float: right;   line-height: 19px !important;   font-size: 150% !important;   margin-right:15px; }  .FunctionManagerEditEmpty {   color: #dc3545; }  .FunctionManagerItemClick, .FunctionManagerItemClick:hover {     background-color: #f8f8f8;     font-size: 12px;     color: #333 !important;     border-bottom: 1px solid #DBDBDB;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     height: 40px;     line-height: 40px;     flex: 1; }  #FunctionManagerEditFunctionName {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionDescriptionPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditFunctionReturnDescriptionPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditFunctionReturnVariablePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  .FunctionManagerEditFunctionParamPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditHasReturnValuePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  .FunctionManagerEditSection {     margin-top: 25px;     font-size: 14px;     padding: 4px;     border-bottom: 1px solid #e4e4e4;     font-style: italic;     padding-left: 10px;     display: flex;     align-items: center; }  .NotDetailed .FunctionManagerEditSection {   margin-top: 15px !important; }  #FunctionManagerParamListEmpty {   text-align: center;   margin-top:10px;   font-size: 12px;   color:gray }  .bootbox-input-textarea {   height: 300px !important; }  #FunctionManagerEditFunctionDescription {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionReturnDescription {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionReturnVariable {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  .FunctionManagerEditFunctionParam {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 22px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditHasReturnValue {     font-size: 12px;     color: #333 !important;     text-decoration: none !important;     padding-left: 10px;     width: 100%;     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px;     display: flex;     align-items: center; }  #FunctionManagerAddParam {   font-style: normal;   font-size:12px;   display: flex;   align-items: center; }  #FunctionManagerEditData {   margin-left:10px;   margin-right:10px;   margin-top:20px;   clear:both }  .FunctionManagerItemMenu, .FunctionManagerItemMenu:hover {   background-color: #f8f8f8;   font-size: 12px;   color: #333 !important;   border-bottom: 1px solid #DBDBDB;   text-decoration: none !important;   display: inline-block;   width: 40px;   text-align: center;   height: 40px;   line-height: 40px;   margin-left: 10px; }  .FunctionManagerItemMenu:hover, .FunctionManagerItemMenuCurrent {   background-color: #f1f1f1; }  .FunctionManagerEditFunctionLink, .FunctionManagerEditFunctionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionDescriptionLink, .FunctionManagerEditFunctionDescriptionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionReturnDescriptionLink, .FunctionManagerEditFunctionReturnDescriptionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionReturnDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionReturnVariableLink, .FunctionManagerEditFunctionReturnVariableLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionReturnVariableLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionParamLink, .FunctionManagerEditFunctionParamLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: block;   width: 40px;   float: right;   text-align: center;   height: 30px;   line-height: 40px; }  .FunctionManagerEditFunctionParamLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionDeleteParam, .FunctionManagerEditFunctionDeleteParam:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: block;   width: 40px;   float: right;   text-align: center;   height: 30px;   line-height: 40px; }  .FunctionManagerEditFunctionDeleteParam:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerItemClick:hover {   background-color: #f1f1f1; }  .FunctionManagerItem {   display: flex;   margin: 10px; }  .FunctionManagerItem1 {   border-left: 2px solid #f8003680; } .FunctionManagerItem2 {   border-left: 2px solid #009cde80; }  .FunctionManagerItem3 {   border-left: 2px solid #fa8b0080; }  .FunctionManagerItemSelected, .FunctionManagerItemSelected:hover {   font-weight: bold;   text-decoration: underline !important; }  .FunctionManagerItemBar {   font-size: 120% !important;   color:gray; }  .FunctionManagerEditFunctionLinkIcon {   font-size: 120% !important;   color:gray; }  .FunctionManagerItemLine, .FunctionManagerItemLine:hover {     margin: 2px;     padding: 8px;     background-color: #f8f8f8;     margin-left: 20px;     margin-right: 0px;     border-bottom: 1px solid #DBDBDB;     display:flex;     align-items: center;     text-decoration: none; }  .FunctionManagerItemLine1 {   border-left: 2px solid #f8003680; }  .FunctionManagerItemLine2 {   border-left: 2px solid #009cde80; }  .FunctionManagerItemLine3 {   border-left: 2px solid #fa8b0080; }  .FunctionManagerItemLine:hover {   background-color: #f1f1f1 !important; }  .FunctionManagerItemMenuDescription {   font-size: small;   color: gray; }  .FunctionManagerItemMenuContent {   margin-left:10px;   margin-right:10px;   display:none;   padding-left: 0px;   padding-right: 0px;   margin-top: -8px; }  .Filtered {   display:none !important; }  .FunctionManagerItemLineLeft {   flex-grow: 1; }  .FunctionManagerItemMenuDescriptionIcon {     color: #f44336c9;     width: 17px;     text-align: center;     filter: grayscale(40%);     margin-right: 7px; }  .FunctionManagerItemMenuOpen, .FunctionManagerItemMenuEdit, .FunctionManagerItemMenuRun, .FunctionManagerItemMenuRunMultithreaded, .FunctionManagerItemMenuDelete, .FunctionManagerItemMenuCSharp, .FunctionManagerItemMenuPython, .FunctionManagerItemMenuNodejs, .FunctionManagerItemMenuRunAsync {   color: #333; }  #FunctionManagerDescription {   margin-left:10px;   margin-right:10px;   margin-top: 15px;   color:gray;   font-size:small;   text-align: justify; }  .NotDetailed .VisibleIfDetailed {   display:none !important; }  #FunctionManagerEditFunctionNamePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px;   clear:both; }  #FunctionManagerAddTask {   position:fixed;   right: 20px;   bottom: 40px; }  #FunctionManagerAddTaskDetailed, #FunctionManagerAddTaskDetailed:hover {   float: left;   width: calc(33.33% - 10px);   height: 30px;   color: #333;   text-align: center;   line-height: 30px;   font-size: 12px;   border: 1px solid #d8d8d8;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskDetailed:hover {   color: #444 !important; }  #FunctionManagerAddTaskCancel, #FunctionManagerAddTaskCancel:hover {   float: left;   width: calc(33.33% - 10px);   height: 30px;   color: white;   text-align: center;   line-height: 30px;   background-color: #d9534f;   font-size: 12px;   border: 1px solid #d43f3a;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskCancel:hover {   background-color: #c9302c !important; }  #FunctionManagerAddTaskResult, #FunctionManagerAddTaskResult:hover {   background-color: #5cb85c;   width: calc(33.33% - 10px);   height: 30px;   float: left;   color: white;   text-align: center;   line-height: 30px;   font-size: 12px;   border: 1px solid #4cae4c;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskResult:hover {   background-color: #449d44 !important; }  #FunctionManagerAddTask, #FunctionManagerAddTask:hover {   position: fixed;   right: 23px;   bottom: 52px;   width: 35px;   height: 35px;   line-height: 35px;   text-align: center;   background-color: #d9534f;   color: white;   border-radius: 50%;   font-size: 18px;   text-decoration: none; }  .movetofunction {   font-weight: bold;   font-style: italic; }  .bottompannel {   background: #fff;   position: fixed;   width: 100%;   z-index: 4;   bottom: 0;   right: 0; }  .action-button {   font-size: 2em !important;   margin-right:2px;   padding:5px;   border: 1px solid #fafafa;   filter: grayscale(15%) !important;   width: 40px;   height: 40px; }  .action-button:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .action-button2 {   margin-right:3px;   width:24px;   height:24px; }  .action-button2.disabled {   opacity: 0.4;   cursor: default !important;   background-color: white !important; }  .action-button2:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .function-action-button {   font-size: 1em !important;   margin-right:5px;   margin-top:3px;   padding:5px; }  .function-action-button:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .toolbox {   margin-top: 10px; }  .actionbuttongray {   filter: grayscale(100%) !important; }  #play.actionbuttongray {   opacity: 0.65; }  #pause.actionbuttongray {   opacity: 0.65; }  .actionbuttongray2 {   filter: grayscale(100%) !important;   display:none !important; }  .actionbuttongray:hover {     background-color:white !important;     cursor: default !important; }  .executing {   padding-left: 6px;   position: absolute;   top: 0px;   left: 0px;   bottom: 1px;   padding-top: 0px;   padding-right: 10px;   display: flex;   flex-direction: column;   justify-content: center; }  .ignoreerrorsthis {   padding-right: 6px;   position: absolute;   top: 0px;   right: 0px;   bottom: 1px;   padding-top: 0px;   padding-left: 5px;   display: flex;   flex-direction: column;   justify-content: center; }  .toolnotexecute .executing {     color:gray;     opacity: 0; }  .tool .ignoreerrorsthis {     color:gray;     opacity: 0; }  .tool .folding-unfolded {     color:gray; }  .tool:hover .executing {     color:gray;     opacity: 0.5; }  .tool:hover .ignoreerrorsthis {     color:gray;     opacity: 0.5; }  .tool:hover .folding-unfolded {     color:gray;     opacity: 0.5; }  .executing:hover {     color:#D44646 !important;     opacity: 1 !important; }  .ignoreerrorsthis:hover {     color:#D44646 !important;     opacity: 1 !important; }  .folding-unfolded:hover {     color:#D44646 !important;     opacity: 1 !important; }  .folding-folded {   color:#88bd33; }  .folding-folded:hover {     color:#D44646 !important;     opacity: 1 !important; }  .toolexecutecurrent .executing {     color:#D44646 !important;     opacity: 1 !important; }  .helprow1 {   float: left;   display: block; }  .helprow2 {     display: block;     float: left;     margin-top: 2px; }  #FileHelpCenter hr,#MultithreadingHelpCenter hr,#OutputHelpCenter hr,#ParseHelpCenter hr,#ErrorHelpCenter hr,#FunctionHelpCenter hr,#LabelHelpCenter hr,#BrowserHelpCenter hr,#ConditionHelpCenter hr,#VariablesHelpCenter hr,#LoopHelpCenter hr,#HelpCenter hr {   margin-top:10px;   margin-bottom:10px; }  #FileHelpCenter .modal-body,#MultithreadingHelpCenter .modal-body,#OutputHelpCenter .modal-body,#ErrorHelpCenter .modal-body,#FunctionHelpCenter .modal-body,#LabelHelpCenter .modal-body,#BrowserHelpCenter .modal-body,#ConditionHelpCenter .modal-body,#VariablesHelpCenter .modal-body,#LoopHelpCenter .modal-body,#HelpCenter .modal-body {   padding-bottom: 0px; }  .examplelabel {   margin-left: 4px;   font-size: small; }  .examplelistitem {   width: 40px;   text-align: center;   display: inline-block;   color: #37ad51; }  .exampleadd {   display: inline-block;   float: right;   font-size: larger;   margin-right: 15px; }  .helpitetitle1 {   text-decoration: underline; }  .helpitemname {   margin-right: 14px;   margin-left: 5px; }  .helpitem {   color: #b5532c;   display:inline-block;   width:40px;   text-align: center; }  .smallmarginright {   margin-right: 3px; }  .vcenter {   display: inline-flex;   align-items: center; }  .notactive {   color:gray; }  .smalltext {   color:gray;   font-size: small }  .RunTypeLabel {   display:none }  .HelpCenterLabel {   display:none }  .tab {   margin-right:20px;   float :left; }  #validation, #validationParam {   color:darkred; }  #thread-number-edit {   font-size: smaller; }  #success-number-edit {   font-size: smaller; }  #runmode-edit {   font-size: smaller;  }  #fail-number-edit {   font-size: smaller; }  .main, #functions, .threads{   user-select: none;  }  .nowrap {   white-space: nowrap; }  @media screen and (max-width: 420px) {   body {     --toolbar-size: 63px;   }   .halfscreenorall   {     width:100%;   }   .centeredonlyifsmall   {     margin: 0 auto; display: table;   }   .main   {     --padding-top: 137px;     --labels-offset: calc(200px - var(--toolbar-offset) + var(--search-offset) - 5px);   }    #findbuttoncontainer {     top: calc(111px + var(--toolbar-size));     right: 0;     z-index: 5;   }    .findtoolbox {     top: 173px;   }    .hide-toolbar .findtoolbox {     top: 110px;   } }  @media screen and (min-width: 420px) {   body {     --toolbar-size: 40px;   }   .halfscreenorall   {     width:50%;   }   .main   {     --padding-top: 80px;     --labels-offset: calc(120px - var(--toolbar-offset) + var(--search-offset) - 0px);   }    #findbuttoncontainer {     top: calc(61px + var(--toolbar-size));     right: 0;   }    .findtoolbox {     top: 100px;   }    .hide-toolbar .findtoolbox {     top: 60px;   } }  @media screen and (min-width: 520px) {   .action-button {       margin-right: 10px;   } }  .pathimg {   max-width: 100px;   height: 30px;   border-radius: 4px; }  .arrowimg {   margin: 2px 0;   vertical-align: sub; }  .titleid {   background-color: #f5f5f5;   font-size: 8px;   color: #b6b6b6;   margin-top: 0px;   text-align: right;   padding-right: 10px; }  #TaskName {   height: 200px;   min-height: 34px; }  .titledescription {   padding-top: 0px;   margin-top: 0px;   margin-right: 4px;   margin-left: 4px;   padding-bottom: 2px;   border-top: 1px solid #ddd;   font-size: 12px;   color: #337ab7; }  mark {   padding: 0px !important;   color: #000 !important;   background: #ffffa9 !important; }  #multiselect {   background-color: rgba(139, 139, 139, 0.3);   pointer-events: none;   position: absolute;   z-index: 5; }  .tooltitle .selected {   width: 16px;   height: 16px;   float:right;   margin-top:3px;   margin-left:5px; }  #draganddrop {   background-color: #3b83b2;   color:white;   border-radius: 3px;   padding:5px;   margin:20px;   min-width:80px;   text-align: center }  #findprev {   min-width:50px; }  #findnext {   min-width:50px; }  .action-color-1 {   --action-color: #d4edcb;   --action-border: #baefa6;   background-color: #b8cdb1 }  .action-color-2 {   --action-color: #efedd0;   --action-border: #ece7a9;   /* background-color: #efedd0; */ }  .action-color-3 {   --action-color: #d1f0ef;   --action-border: #aff3f0;   background-color: #d1f0ef }  .action-color-4 {   --action-color: #cdddf0;   --action-border: #aecaee;   background-color: #cdddf0 }  .action-color-5 {   --action-color: #fddcdc;   --action-border: #ffc3c3;   background-color: #fddcdc  }  .color-select {   border:1px solid white;   cursor: pointer;   user-select: none;  }  .color-select-active {   border:1px dashed red; }  .folded:not(.tool) {   display:none; }  /* Global select styles */  .bootstrap-select .dropdown-menu > li.selected > a::after {   visibility: visible; }  .bootstrap-select .dropdown-menu > li > a::after {   background: url(icons/check.svg) no-repeat;   visibility: hidden;   cursor: pointer;   display: block;   content: " ";   height: 16px;   width: 16px; }  .bootstrap-select .dropdown-menu li a span.text {   padding-right: inherit; }  .bootstrap-select.open > .dropdown-toggle:after {   content: "\f106"; }  .bootstrap-select > .dropdown-toggle::after {   font-family: FontAwesome;   text-align: center;   line-height: 16px;   content: "\f107";   font-size: 16px;   min-width: 16px;   height: 16px;   width: 16px; }  .bootstrap-select .dropdown-toggle:focus {   outline: 0 !important; }  .bootstrap-select .dropdown-toggle:hover {   outline: 0 !important; }  .bootstrap-select .dropdown-menu {   min-width: 100% !important;   box-shadow: none;   border-radius: 0;   padding: 0;   border: 0;   margin: 0; }  /* Hidden labels styles */  .hide-labels .tag {   display: none !important; }  .hide-labels #visualizelabels {   display: none !important; }  /* Hidden toolbar styles */  .hide-toolbar .main {   --main-offset: 0px;   --toolbar-offset: var(--toolbar-size); }  .hide-toolbar .maintoolbox {   padding: 0 !important;   max-width: 0 !important;   max-height: 0 !important;   border-width: 0 !important;   overflow: hidden !important; }  .hide-toolbar .totalselected {   top: 50%;   right: 0;   height: 0;   z-index: 1;   display: flex;   padding: 0 9px;   color: #8f8f8f;   min-width: 26px;   min-height: 26px;   font-weight: bold;   position: absolute;   align-items: center;   justify-content: center;   background-color: #d9d9d9;   border-radius: 2px 0 0 2px;   transform: translateY(-50%);   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25); }  .hide-toolbar .totalselected:empty {   display: none !important; }  .hide-toolbar #findbuttoncontainer {   --toolbar-size: 0px; }  /* Hidden comments styles */  .hide-comments .titledescription {   display: none !important; }  /* Hidden searchbar styles */  .hide-search #findbuttoncontainer {   display: none !important; }  /* Hidden inspector styles */  .hide-inspector #debugbuttoncontainer {   display: none !important; }  /* Custom button styles */  .btn-base {   transition: all 0.3s ease-in-out;   transition-property: opacity, color;   border: 1px solid transparent;   -webkit-user-drag: none;   letter-spacing: -0.2px;   vertical-align: middle;   border-radius: 2px;   padding: 10px 12px;   user-select: none;   line-height: 18px;   min-width: 140px;   cursor: pointer;   color: #fff;   outline: 0; }  .btn-base:hover {   opacity: 0.8; }  .btn-base:hover, .btn-base:focus {   color: #fff; }  .btn-base:disabled {   filter: grayscale(100%);   opacity: 0.6;   outline: 0; }  .btn-base.btn-cancel {   border-color: #d8695f;   background: #d8695f;   color: #fff; }  .btn-base.btn-accept {   border-color: #9d996c;   background: #9d996c;   color: #fff; }  .btn-base.btn-action {   border-color: #606060;   background: #606060;   color: #fff; }  /* Contextmenu styles */  .dropdown-context > li, .dropdown-context > li > a {   -webkit-user-select: none;   -webkit-user-drag: none;   user-select: none; }  /* Scrollbar styles */  ::-webkit-scrollbar-thumb {   background: #b7b7b7; }  ::-webkit-scrollbar-track {   background: #eaeaea; }  ::-webkit-scrollbar {   height: 8px;   width: 8px; }  /* Utility styles */  .document-overlay {   background-color: rgba(0, 0, 0, 0.6);   z-index: 999999999;   position: fixed;   height: 100%;   width: 100%;   left: 0;   top: 0; }  .overflow-visible {   overflow: visible !important; }  .overflow-hidden {   overflow: hidden !important; }  .modal-centered {   align-items: center;   display: flex; }  /* Global styles */  textarea {   resize: vertical;   cursor: auto; } .mytooltip{min-width:200px;position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.mytooltip.in{filter:alpha(opacity=90);opacity:.9}.mytooltip.top{padding:5px 0;margin-top:-3px}.mytooltip.right{padding:0 5px;margin-left:3px}.mytooltip.bottom{padding:5px 0;margin-top:3px}.mytooltip.left{padding:0 5px;margin-left:-3px}.mytooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.mytooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.mytooltip.top .mytooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-left .mytooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.top-right .mytooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.mytooltip.right .mytooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.mytooltip.left .mytooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.mytooltip.bottom .mytooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-left .mytooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.mytooltip.bottom-right .mytooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}  #visualizelabels {top: 0px;left: 0px;width: 100%;z-index: -100;position: absolute;margin-top: var(--labels-offset);height: calc(100% - var(--labels-offset));}  .tool-div {     margin-bottom: 0px;     display: table;     table-layout: fixed; }  .tool-margin {   background-repeat: no-repeat;   background-size: var(--offset);   padding-left: var(--offset, 0px); }  .tag {background: #666666;border-radius: 0px 3px 3px 0px;color: #f5f5f5;display: inline-block;height: 22px;line-height: 22px;padding: 0 20px 0 16px;position: relative;margin: var(--labels-offset) 10px 10px 0;text-decoration: none;transition: color 0.2s;font-size: 11px;opacity: 0.8;font-weight: lighter;white-space: nowrap;}  .tag::after {   background: #ffffff;   border-radius: 10px;   box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);   content: '';   height: 6px;   right: 8px;   position: absolute;   width: 6px;   top: 8px; }  .tag::before {background: #3d3d3d;border-bottom: 11px solid transparent;border-right: 10px solid #ececec;border-top: 11px solid transparent;content: '';position: absolute;left: 0;top: 0;}  .tab:after {     content: '.';     visibility: hidden; }  .tool {     padding-top:0px;     padding-left:0px;     padding-right:0px;   	border: 1px solid #ddd;   	border-radius:3px;   	cursor: pointer;     text-align: center;     /*transition: border-color 1s ease;*/     min-width: 150px;     --action-color: #eee;     box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); }  .toolhighlight .tooltitle {   background-color: #ffffa9 !important; }  .titlebody {   padding-top: 4px;   padding-left: 22px;   padding-right: 25px;   padding-bottom: 3px;   margin-bottom:1px;   font-size: 12px;   color: #7d7d7d;   white-space: nowrap; }  .toolgroup {     width: 16px;     height: 16px;     filter: grayscale(30%);     opacity: 0.7;     margin-top: 2px;     margin-bottom: 4px;     margin-right: 3px; }  .textitemsignificant {   color:#00a67d; }  .textitemtag {   color:#31708f;   font-weight: bold }  .textitemtagtext {   font-style: italic }  .fa-check-square-o {  font-size: 13px !important;  color:#464545 !important; }  .tooltitle {     padding-left: 10px;     padding-right: 3px;     text-align: left !important;     font-size: 75% !important;     background-color: #f5f5f5;     font-weight: bold;     transition: background-color 1s ease; }  .tooltitle-red {   color: #944c4b !important; }  .tooltitle-blue {   color: #0077b3 !important; }  .tooltitle-green {   color:#3c763d !important; }  .tooltitle-gray {   color:#777 !important; }  .notactive {   --border-color: #e3e3e3 !important;   border: 1px solid #E3E3E3 !important; }  .toolinsert {     height: 6px;     border: 1px solid #c1c1c1;     border-radius: 3px;     min-width: 150px;     pointer-events: none; }  .dragactive .toolinsert, .dragactivelabel .toolinsert {   background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );   box-shadow: none !important;   border: 1px solid #c1c1c1 !important; }  .dragactivelabel .tool[data-is-label-to=true] {   background: repeating-linear-gradient( 45deg, rgba(96, 109, 188, 0.2), rgba(96, 109, 188, 0.2) 10px, rgba(70, 82, 152, 0.3) 10px, rgba(70, 82, 152, 0.3) 20px );   color:white; }  .dragactivelabel .tool[data-is-label-to=true] .tooltitle , .dragactivelabel .tool[data-is-label-to=true] .titleid {   background-color:transparent; }  .dragactivelabel .tool[data-is-label-to=true] .titlebody {   color:#353535; }  .dragactivelabel .tool[data-is-label-to=true] .titleid {   color:transparent; }  .toolinsertdata {   padding-top: 7px;   padding-bottom: 7px;   cursor: pointer;   position: relative; }  .toolinsertdata:hover .toollabelcreate,.toollabelcreate:hover {   opacity:1; }  .toollabelcreate:hover {   color: #bb8383; }  .toollabelcreate {   color:#c1c1c1;   position: absolute;   top: 1px;   right: -19px;   font-size: 12px;   display: block;   padding-left: 3px;   padding-right: 5px;   padding-top: 1px;   padding-bottom: 1px;   opacity:0; }  .toolinsertdrop {   background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important; }  .tooldrop {   background: repeating-linear-gradient( 45deg, rgba(188, 96, 96, 0.4), rgba(188, 126, 96, 0.4) 10px, rgba(152, 70, 70, 0.5) 10px, rgba(152, 70, 70, 0.5) 20px ) !important; }  .toolinsertlast {   max-width: 150px; }  .toolinsertright {   max-width: 150px; }  .clearfix {   clear:both;   max-height:0px }  .toolinserttop {    height: 8px;    border: 1px solid gray;    border-radius: 3px;    cursor: pointer;    margin-bottom: 5px; }  .toolselected,.toolselected:hover {   border: 1px solid #ff9090 !important;   box-shadow: 0px 0px 7px 0px rgba(255, 0, 0, 0.2); }  .tool:hover { 	background-color: #E8E8E8; }  #restart {   border: 2px solid #fafafa; }  .toolblinkon {   border: 2px solid #FC2121 !important;   border-radius: 3px; }  .toolblinkoff {   border: 2px solid white !important;   border-radius: 3px; }  .function-label {   margin-top:4px; }  .maintoolbox i {   font-size: 20px; }  .main {   padding: calc(var(--padding-top) + var(--main-offset)) 15px 50px;   --main-offset: var(--toolbar-size);   --toolbar-offset: 0px;   --search-offset: -4px;   overflow-x: hidden;   overflow-y: hidden;   position: relative; }  .maintoolbox {     padding-top: 5px;     border-top: 1px solid #DBDBDB;     clear: left;     height: 40px;     line-height: 28px; }  .findtoolbox {   position:fixed;   width:100%;   border-top: 1px solid #DBDBDB;   border-bottom: 1px solid #DBDBDB;   clear: left;   height:50px;   background-color: #fafafa;   z-index:5; }  #findbuttoncontainer, #debugbuttoncontainer, #settingsbuttoncontainer {   display: flex;   position: fixed;   align-items: center;   justify-content: center; }  #findbuttoncontainer {   border-radius: 0 0 0 13px;   background-color: #333;   z-index: 2; }  #debugbuttoncontainer {   border-radius: 13px 0 0 0;   background-color: #333;   bottom: 32px;   z-index: 7;   right: 0; }  #settingsbuttoncontainer {   border-radius: 13px 0 0 13px;   background-color: #333;   top: calc(50% - 15px);   z-index: 2;   right: 0; }  .findcontrol {   margin-top:10px;   margin-left:10px;   margin-right:10px; }  .findcontrol .btn {   color:black;   background-color: white;   border:1px solid #cccccc; }  .containerwithfind #paddinfind {   padding-top: 40px; }  .containerwithfind .main {   --search-offset: 44px; }  .control-label {    text-align:left !important; }  label {   font-weight:normal !important; }  .tool .btn {   width:100px; }  .back {   margin-bottom:10px; }  .threads {   border-bottom: 1px solid #DBDBDB;   background-color: #fafafa;   position: fixed;   width: 100%;   z-index: 3;   right: 0;   top: 0; }  #findbutton, #debugbutton, #settingsbutton {   border: 0;   margin: 0;   outline: 0;   width: 26px;   height: 26px;   opacity: 0.8;   display: flex;   background: none;   box-shadow: none; }  #settingsbutton {   width: 28px !important;   height: 28px !important; }  #settingsbutton, #findbutton:hover, #debugbutton:hover {   opacity: 1.0; }  #settingsbutton:hover {   opacity: 0.8; }  #functions {   border-top: 1px solid #dbdbdb;   text-align: center;   line-height: 30px; }  #FunctionName {   color: black;   font-size: 12px;   width:100%;   display: inline-block;   text-decoration: none;   cursor: pointer;   background-color: #fafafa; }  #FunctionName:hover {   background-color: #f1f1f1;   text-decoration: none; }  #FunctionManagerMain {   display: none;   position: fixed;   top:0px;   bottom:32px;   left: 0px;   right:0px;   z-index: 10;   background-color: white;   overflow-y: auto; }  #FunctionManagerMainLabel {   padding: 10px;   background-color: #fafafa;   border-bottom: 1px solid #DBDBDB;   color: black;   font-size: 12px;   text-align: center; }  .FunctionManagerEditLabel {   color: black;   font-size: 12px; }  #FunctionManagerEditPanel {   margin-left:15px;   margin-right:15px; }  #FunctionManagerEditName {   font-size: 12px;   font-weight: bold; }  #FunctionManagerEditDescription {   font-size: 12px;   color:gray }  #FunctionManagerEditReturnDescription {   font-size: 12px;   color:gray }  #FunctionManagerEditReturnVariable {   font-size: 12px;   color:#00a67d }  .FunctionManagerEditParam {   font-size: 12px;   color:gray }  .FunctionManagerMainClose {   float: right;   line-height: 19px !important;   font-size: 150% !important; }  .FunctionManagerMainBack {   float: right;   line-height: 19px !important;   font-size: 150% !important;   margin-right:15px; }  .FunctionManagerEditEmpty {   color: #dc3545; }  .FunctionManagerItemClick, .FunctionManagerItemClick:hover {     background-color: #f8f8f8;     font-size: 12px;     color: #333;     border-bottom: 1px solid #DBDBDB;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     height: 40px;     line-height: 40px;     flex: 1; }  #FunctionManagerEditFunctionName {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionDescriptionPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditFunctionReturnDescriptionPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditFunctionReturnVariablePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  .FunctionManagerEditFunctionParamPanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  #FunctionManagerEditHasReturnValuePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px; }  .FunctionManagerEditSection {     margin-top: 25px;     font-size: 14px;     padding: 4px;     border-bottom: 1px solid #e4e4e4;     font-style: italic;     padding-left: 10px;     display: flex;     align-items: center; }  .NotDetailed .FunctionManagerEditSection {   margin-top: 15px !important; }  #FunctionManagerParamListEmpty {   text-align: center;   margin-top:10px;   font-size: 12px;   color:gray }  .bootbox-input-textarea {   height: 300px !important; }  #FunctionManagerEditFunctionDescription {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionReturnDescription {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditFunctionReturnVariable {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  .FunctionManagerEditFunctionParam {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     display: inline-block;     width: calc(100% - 50px);     line-height: 22px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px; }  #FunctionManagerEditHasReturnValue {     font-size: 12px;     color: #333;     text-decoration: none !important;     padding-left: 10px;     width: 100%;     line-height: 20px;     overflow: hidden;     padding-top: 10px;     padding-bottom: 9px;     display: flex;     align-items: center; }  #FunctionManagerAddParam {   font-style: normal;   font-size:12px;   display: flex;   align-items: center; }  #FunctionManagerEditData {   margin-left:10px;   margin-right:10px;   margin-top:20px;   clear:both }  .FunctionManagerItemMenu, .FunctionManagerItemMenu:hover {   background-color: #f8f8f8;   font-size: 12px;   color: #333 !important;   border-bottom: 1px solid #DBDBDB;   text-decoration: none !important;   display: inline-block;   width: 40px;   text-align: center;   height: 40px;   line-height: 40px;   margin-left: 10px; }  .FunctionManagerItemMenu:hover, .FunctionManagerItemMenuCurrent {   background-color: #f1f1f1; }  .FunctionManagerEditFunctionLink, .FunctionManagerEditFunctionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionDescriptionLink, .FunctionManagerEditFunctionDescriptionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionReturnDescriptionLink, .FunctionManagerEditFunctionReturnDescriptionLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionReturnDescriptionLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionReturnVariableLink, .FunctionManagerEditFunctionReturnVariableLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: inline-block;   width: 40px;   float: right;   text-align: center;   height: 40px;   line-height: 40px; }  .FunctionManagerEditFunctionReturnVariableLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionParamLink, .FunctionManagerEditFunctionParamLink:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: block;   width: 40px;   float: right;   text-align: center;   height: 30px;   line-height: 40px; }  .FunctionManagerEditFunctionParamLink:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerEditFunctionDeleteParam, .FunctionManagerEditFunctionDeleteParam:hover {   font-size: 12px;   color: #333;   text-decoration: none !important;   display: block;   width: 40px;   float: right;   text-align: center;   height: 30px;   line-height: 40px; }  .FunctionManagerEditFunctionDeleteParam:hover .FunctionManagerEditFunctionLinkIcon {   color: #555 !important; }  .FunctionManagerItemClick:hover {   background-color: #f1f1f1; }  .FunctionManagerItem {   display: flex;   margin: 10px; }  .FunctionManagerItem1 {   border-left: 4px solid #f80036bb  } .FunctionManagerItem2 {   border-left: 4px solid #009bdebe  }  .FunctionManagerItem3 {   border-left: 4px solid #fa8900c9  }  .FunctionManagerItemSelected, .FunctionManagerItemSelected:hover {   font-weight: bold;   text-decoration: underline !important; }  .FunctionManagerItemBar {   font-size: 120% !important;   color:gray; }  .FunctionManagerEditFunctionLinkIcon {   font-size: 120% !important;   color:gray; }  .FunctionManagerItemLine, .FunctionManagerItemLine:hover {     margin: 2px;     padding: 8px;     background-color: #f8f8f8;     margin-left: 20px;     margin-right: 0px;     border-bottom: 1px solid #DBDBDB;     display:flex;     align-items: center;     text-decoration: none; }  .FunctionManagerItemLine1 {   border-left: 2px solid #f8003680; }  .FunctionManagerItemLine2 {   border-left: 2px solid #009cde80; }  .FunctionManagerItemLine3 {   border-left: 2px solid #fa8b0080; }  .FunctionManagerItemLine:hover {   background-color: #f1f1f1; }  .FunctionManagerItemMenuDescription {   font-size: small;   color: gray; }  .FunctionManagerItemMenuContent {   margin-left:10px;   margin-right:10px;   display:none;   padding-left: 0px;   padding-right: 0px;   margin-top: -8px; }  .Filtered {   display:none !important; }  .FunctionManagerItemLineLeft {   flex-grow: 1; }  .FunctionManagerItemMenuDescriptionIcon {     color: #f44336c9;     width: 17px;     text-align: center;     filter: grayscale(40%);     margin-right: 7px; }  .FunctionManagerItemMenuOpen, .FunctionManagerItemMenuEdit, .FunctionManagerItemMenuRun, .FunctionManagerItemMenuRunMultithreaded, .FunctionManagerItemMenuDelete, .FunctionManagerItemMenuCSharp, .FunctionManagerItemMenuPython, .FunctionManagerItemMenuNodejs, .FunctionManagerItemMenuRunAsync {   color: #333; }  #FunctionManagerDescription {   margin-left:10px;   margin-right:10px;   margin-top: 15px;   color:gray;   font-size:small;   text-align: justify; }  .NotDetailed .VisibleIfDetailed {   display:none !important; }  #FunctionManagerEditFunctionNamePanel {   background-color: #f8f8f8;   border-bottom: 1px solid #DBDBDB;   border-left: 2px solid #f8003680;   margin-top:10px;   clear:both; }  #FunctionManagerAddTask {   position:fixed;   right: 20px;   bottom: 40px; }  #FunctionManagerAddTaskDetailed, #FunctionManagerAddTaskDetailed:hover {   float: left;   width: calc(33.33% - 10px);   height: 30px;   color: #333;   text-align: center;   line-height: 30px;   font-size: 12px;   border: 1px solid #d8d8d8;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskDetailed:hover {   color: #fff !important; }  #FunctionManagerAddTaskCancel, #FunctionManagerAddTaskCancel:hover {   float: left;   width: calc(33.33% - 10px);   height: 30px;   color: white;   text-align: center;   line-height: 30px;   background-color: #d9534f;   font-size: 12px;   border: 1px solid #d43f3a;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskCancel:hover {   background-color: #c9302c !important; }  #FunctionManagerAddTaskResult, #FunctionManagerAddTaskResult:hover {   background-color: #5cb85c;   width: calc(33.33% - 10px);   height: 30px;   float: left;   color: white;   text-align: center;   line-height: 30px;   font-size: 12px;   border: 1px solid #4cae4c;   text-decoration: none;   margin: 5px;   margin-bottom: 0px; }  #FunctionManagerAddTaskResult:hover {   background-color: #449d44 !important; }  #FunctionManagerAddTask, #FunctionManagerAddTask:hover {   position: fixed;   right: 23px;   bottom: 52px;   width: 35px;   height: 35px;   line-height: 35px;   text-align: center;   background-color: #d9534f;   color: white;   border-radius: 50%;   font-size: 18px;   text-decoration: none; }  .movetofunction {   font-weight: bold;   font-style: italic; }  .bottompannel {   background: #fff;   position: fixed;   width: 100%;   z-index: 9;   bottom: 0;   right: 0; }  .action-button {   font-size: 2em !important;   margin-right:2px;   padding:5px;   border: 1px solid #fafafa;   filter: grayscale(15%) !important;   width: 40px;   height: 40px; }  .action-button:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .action-button2 {   margin-right:3px;   width:24px;   height:24px; }  .action-button2.disabled {   opacity: 0.4;   cursor: default !important;   background-color: white !important; }  .action-button2:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .function-action-button {   font-size: 1em !important;   margin-right:5px;   margin-top:3px;   padding:5px; }  .function-action-button:hover {   background-color:#E8E8E8;   cursor: pointer;   border-radius:3px; }  .toolbox {   margin-top: 10px; }  .actionbuttongray {   filter: grayscale(100%) !important; }  #play.actionbuttongray {   opacity: 0.65; }  #pause.actionbuttongray {   opacity: 0.65; }  .actionbuttongray2 {   filter: grayscale(100%) !important;   display:none !important; }  .actionbuttongray:hover {     background-color:white !important;     cursor: default !important; }  .executing {   padding-left: 6px;   position: absolute;   top: 0px;   left: 0px;   bottom: 1px;   padding-top: 0px;   padding-right: 10px;   display: flex;   flex-direction: column;   justify-content: center; }  .ignoreerrorsthis {   padding-right: 6px;   position: absolute;   top: 0px;   right: 0px;   bottom: 1px;   padding-top: 0px;   padding-left: 5px;   display: flex;   flex-direction: column;   justify-content: center; }  .toolnotexecute .executing {     color:gray;     opacity: 0; }  .tool .ignoreerrorsthis {     color:gray;     opacity: 0; }  .tool .folding-unfolded {     color:gray; }  .tool:hover .executing {     color:gray;     opacity: 0.5; }  .tool:hover .ignoreerrorsthis {     color:gray;     opacity: 0.5; }  .tool:hover .folding-unfolded {     color:gray;     opacity: 0.5; }  .executing:hover {     color:#D44646 !important;     opacity: 1 !important; }  .ignoreerrorsthis:hover {     color:#D44646 !important;     opacity: 1 !important; }  .folding-unfolded:hover {     color:#D44646 !important;     opacity: 1 !important; }  .folding-folded {   color:#88bd33; }  .folding-folded:hover {     color:#D44646 !important;     opacity: 1 !important; }  .toolexecutecurrent .executing {     color:#D44646 !important;     opacity: 1; }  .helprow1 {   float: left;   display: block; }  .helprow2 {     display: block;     float: left;     margin-top: 2px; }  #FileHelpCenter hr,#MultithreadingHelpCenter hr,#OutputHelpCenter hr,#ParseHelpCenter hr,#ErrorHelpCenter hr,#FunctionHelpCenter hr,#LabelHelpCenter hr,#BrowserHelpCenter hr,#ConditionHelpCenter hr,#VariablesHelpCenter hr,#LoopHelpCenter hr,#HelpCenter hr {   margin-top:10px;   margin-bottom:10px; }  #FileHelpCenter .modal-body,#MultithreadingHelpCenter .modal-body,#OutputHelpCenter .modal-body,#ErrorHelpCenter .modal-body,#FunctionHelpCenter .modal-body,#LabelHelpCenter .modal-body,#BrowserHelpCenter .modal-body,#ConditionHelpCenter .modal-body,#VariablesHelpCenter .modal-body,#LoopHelpCenter .modal-body,#HelpCenter .modal-body {   padding-bottom: 0px; }  .examplelabel {   margin-left: 4px;   font-size: small; }  .examplelistitem {   width: 40px;   text-align: center;   display: inline-block;   color: #37ad51; }  .exampleadd {   display: inline-block;   float: right;   font-size: larger;   margin-right: 15px; }  .helpitetitle1 {   text-decoration: underline; }  .helpitemname {   margin-right: 14px;   margin-left: 5px; }  .helpitem {   color: #b5532c;   display:inline-block;   width:40px;   text-align: center; }  .smallmarginright {   margin-right: 3px; }  .vcenter {   display: inline-flex;   align-items: center; }  .notactive {   color:gray; }  .smalltext {   color:gray;   font-size: small }  .RunTypeLabel {   display:none }  .HelpCenterLabel {   display:none }  .tab {   margin-right:20px;   float :left; }  #validation, #validationParam {   color:darkred; }  #thread-number-edit {   font-size: smaller; }  #success-number-edit {   font-size: smaller; }  #runmode-edit {   font-size: smaller; }  #fail-number-edit {   font-size: smaller; }  .main, #functions, .threads{   user-select: none; }  .nowrap {   white-space: nowrap; }  @media screen and (max-width: 420px) {   body {     --toolbar-size: 63px;   }   .halfscreenorall   {     width:100%;   }   .centeredonlyifsmall   {     margin: 0 auto; display: table;   }   .main   {     --padding-top: 137px;     --labels-offset: calc(200px - var(--toolbar-offset) + var(--search-offset) - 5px);   }    #findbuttoncontainer {     top: calc(111px + var(--toolbar-size));     right: 0;     z-index: 5;   }    .findtoolbox {     top: 173px;   }    .hide-toolbar .findtoolbox {     top: 110px;   } }  @media screen and (min-width: 420px) {   body {     --toolbar-size: 40px;   }   .halfscreenorall   {     width:50%;   }   .main   {     --padding-top: 80px;     --labels-offset: calc(120px - var(--toolbar-offset) + var(--search-offset) - 0px);   }    #findbuttoncontainer {     top: calc(61px + var(--toolbar-size));     right: 0;   }    .findtoolbox {     top: 100px;   }    .hide-toolbar .findtoolbox {     top: 60px;   } }  @media screen and (min-width: 520px) {   .action-button {       margin-right: 10px;   } }  .pathimg {   max-width: 100px;   height: 30px;   border-radius: 4px; }  .arrowimg {   margin: 2px 0;   vertical-align: sub; }  .titleid {   background-color: #f5f5f5;   font-size: 8px;   color: #b6b6b6;   margin-top: 0px;   text-align: right;   padding-right: 10px; }  #TaskName {   height: 200px;   min-height: 34px; }  .titledescription {   padding-top: 0px;   margin-top: 0px;   margin-right: 4px;   margin-left: 4px;   padding-bottom: 2px;   border-top: 1px solid #ddd;   font-size: 12px;   color: #337ab7; }  mark {   padding: 0px !important;   color: #000 !important;   background: #ffffa9 !important; }  #multiselect {   background-color: rgba(139, 139, 139, 0.3);   pointer-events: none;   position: absolute;   z-index: 2; }  .tooltitle .selected {   width: 16px;   height: 16px;   float:right;   margin-top:3px;   margin-left:5px; }  #draganddrop {   background-color: #3b83b2;   color:white;   border-radius: 3px;   padding:5px;   margin:20px;   min-width:80px;   text-align: center }  #findprev {   min-width:50px; }  #findnext {   min-width:50px; }  .action-color-1 {   --action-color: #78ba00;   --action-border: #78ba00;   background-color: #78ba00 }  .action-color-2 {   --action-color: #f4b300;   --action-border: #f4b300;   background-color: #f4b300 }  .action-color-3 {   --action-color: #00d8cc;   --action-border: #00d8cc;   background-color: #00d8cc }  .action-color-4 {   --action-color: #1b58b8;   --action-border: #1b58b8;   background-color: #1b58b8 }  .action-color-5 {   --action-color: #b81b6c;   --action-border: #b81b6c;   background-color: #b81b6c  }  .color-select {   border:1px solid white;   cursor: pointer;   user-select: none; }  .color-select-active {   border:1px dashed red; }  .folded:not(.tool) {   display:none; }  /* Global select styles */  .bootstrap-select .dropdown-menu > li.selected > a::after {   visibility: visible; }  .bootstrap-select .dropdown-menu > li > a::after {   background: url(icons/check.svg) no-repeat;   visibility: hidden;   cursor: pointer;   display: block;   content: " ";   height: 16px;   width: 16px; }  .bootstrap-select .dropdown-menu li a span.text {   padding-right: inherit; }  .bootstrap-select.open > .dropdown-toggle:after {   content: "\f106"; }  .bootstrap-select > .dropdown-toggle::after {   font-family: FontAwesome;   text-align: center;   line-height: 16px;   content: "\f107";   font-size: 16px;   min-width: 16px;   height: 16px;   width: 16px; }  .bootstrap-select .dropdown-toggle:focus {   outline: 0 !important; }  .bootstrap-select .dropdown-toggle:hover {   outline: 0 !important; }  .bootstrap-select .dropdown-menu {   min-width: 100% !important;   box-shadow: none;   border-radius: 0;   padding: 0;   border: 0;   margin: 0; }  /* Hidden labels styles */  .hide-labels .tag {   display: none !important; }  .hide-labels #visualizelabels {   display: none !important; }  /* Hidden toolbar styles */  .hide-toolbar .main {   --main-offset: 0px;   --toolbar-offset: var(--toolbar-size); }  .hide-toolbar .maintoolbox {   display: none !important; }  .hide-toolbar .threads::after {   top: 50%;   right: 0;   height: 0;   z-index: 1;   display: flex;   padding: 0 9px;   color: #8f8f8f;   min-width: 26px;   min-height: 26px;   font-weight: bold;   position: absolute;   align-items: center;   justify-content: center;   background-color: #d9d9d9;   border-radius: 2px 0 0 2px;   transform: translateY(-50%);   content: var(--total-selected);   box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.25); }  .hide-toolbar #findbuttoncontainer {   --toolbar-size: 0px; }  /* Hidden comments styles */  .hide-comments .titledescription {   display: none !important; }  /* Hidden searchbar styles */  .hide-search #findbuttoncontainer {   display: none !important; }  /* Hidden inspector styles */  .hide-inspector #debugbuttoncontainer {   display: none !important; }  /* Custom button styles */  .btn-base {   transition: all 0.3s ease-in-out;   transition-property: opacity, color;   border: 1px solid transparent;   -webkit-user-drag: none;   letter-spacing: -0.2px;   vertical-align: middle;   border-radius: 2px;   padding: 10px 12px;   user-select: none;   line-height: 18px;   min-width: 140px;   cursor: pointer;   color: #fff;   outline: 0; }  .btn-base:hover {   opacity: 0.8; }  .btn-base:hover, .btn-base:focus {   color: #fff; }  .btn-base:disabled {   filter: grayscale(100%);   opacity: 0.6;   outline: 0; }  .btn-base.btn-cancel {   border-color: #d8695f;   background: #d8695f;   color: #fff; }  .btn-base.btn-accept {   border-color: #9d996c;   background: #9d996c;   color: #fff; }  .btn-base.btn-action {   border-color: #606060;   background: #606060;   color: #fff; }  /* Contextmenu styles */  .dropdown-context > li, .dropdown-context > li > a {   -webkit-user-select: none;   -webkit-user-drag: none;   user-select: none; }  /* Scrollbar styles */  ::-webkit-scrollbar-thumb {   background: #b7b7b7; }  ::-webkit-scrollbar-track {   background: #eaeaea; }  ::-webkit-scrollbar {   height: 8px;   width: 8px; }  /* Utility styles */  .document-overlay {   background-color: rgba(0, 0, 0, 0.6);   z-index: 999999999;   position: fixed;   height: 100%;   width: 100%;   left: 0;   top: 0; }  .overflow-visible {   overflow: visible !important; }  .overflow-hidden {   overflow: hidden !important; }  .modal-centered {   align-items: center;   display: flex; }  /* Global styles */  textarea {   resize: vertical;   cursor: auto; }