.conditionFormButton {
  margin: 2px;
  border-radius: 50%;
  border: 1px solid #606060;
  background-color: #373737;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 1px 1px 0;
}

  .conditionFormButton:hover {
    border-color: #505050 !important;
    background-color: #272727;
  }

  .conditionFormButton:active {
    border-color: #404040 !important;
    background-color: #171717;
    transform: translate(1px, 1px);
  }

.conditionFormArrow {
  display: inline-flex;
  margin: 2px;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: center;
}

.conditionFormLeftArrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIiGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTItMTNUMDA6MzE6NTMtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTEyLTEzVDAwOjM2OjEzLTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTEyLTEzVDAwOjM2OjEzLTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NGQzZjMxZS02MDUyLWI4NDEtYjg5Yy03NzI5NWRhMjJlMGUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiZDAyNjI1ZS1hMWY0LTE1NDMtOTM1Yi1jMzAwZWYzMzNkYmMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjQ5N2ZkYi02Yjk0LTEzNDEtYTEzYy04MWFmZDNmY2M3OWQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFmNDk3ZmRiLTZiOTQtMTM0MS1hMTNjLTgxYWZkM2ZjYzc5ZCIgc3RFdnQ6d2hlbj0iMjAyMy0xMi0xM1QwMDozMTo1My0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjJkM2RmMC1iNTYzLTYxNDctOGNiYy1jMjQzZmU1YzBlMDEiIHN0RXZ0OndoZW49IjIwMjMtMTItMTNUMDA6MzY6MTMtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjRkM2YzMWUtNjA1Mi1i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);
}

.conditionFormRightArrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJVWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMTItMTNUMDA6MzE6NTMtMDY6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTEyLTEzVDAwOjM2OjQ1LTA2OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTEyLTEzVDAwOjM2OjQ1LTA2OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3ZGQ1N2M0Ni05ZjRlLTFlNDQtOWNiZi1kZDQ5NzQyOWU5ZjgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4NTcwZWY0Zi1hNGI5LTg1NDgtOTk3YS03ZTQ4NDdlYWNhZGMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZjQ5N2ZkYi02Yjk0LTEzNDEtYTEzYy04MWFmZDNmY2M3OWQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFmNDk3ZmRiLTZiOTQtMTM0MS1hMTNjLTgxYWZkM2ZjYzc5ZCIgc3RFdnQ6d2hlbj0iMjAyMy0xMi0xM1QwMDozMTo1My0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjJkM2RmMC1iNTYzLTYxNDctOGNiYy1jMjQzZmU1YzBlMDEiIHN0RXZ0OndoZW49IjIwMjMtMTItMTNUMDA6MzY6MTMtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjRkM2YzMWUtNjA1Mi1iODQxLWI4OWMtNzcyOTVkYTIyZTBlIiBzdEV2dDp3aGVuPSIyMDIzLTEyLTEzVDAwOjM2OjEzLTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjdkZDU3YzQ2LTlmNGUtMWU0NC05Y2JmLWRkNDk3NDI5ZTlmOCIgc3RFdnQ6d2hlbj0iMjAyMy0xMi0xM1QwMDozNjo0NS0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MjJkM2RmMC1iNTYzLTYxNDctOGNiYy1jMjQzZmU1YzBlMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MWY0OTdmZGItNmI5NC0xMzQxLWExM2MtODFhZmQzZmNjNzlkIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MWY0OTdmZGItNmI5NC0xMzQxLWExM2MtODFhZmQzZmNjNzlkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PYllVAAABFJJREFUSInll8+LHFUQx7/vR/fr19M9PTMrm4UggUACInjKarzoH7A3ERFE0JNexIMHT4qiF0MQj2rEgBcPoif/io0JglmUjUFWdnRjdkh6fvTv98rDbE8mO+nZICQ5WNCXftX1eVX1XlU1IyI8CuGPhApAAsD29jYOe26MgeM4p0+cOPGGlPJaVVXDWr8Wzrk3mUxuK6V+8DyvyvN8wc69xPM8MCJCVVUzmLUWAMAYgzGmxxj72ff9x5uMWGuRZdnHruu+V9tijN0fOI5jCCEQBMGCUp7nCsBlpdSTy+Bpmn4khHhfSnmX14cjQERQSk3B169fhzEGSil0Oh2EYQjO+eyjNE1bjLFLWusnmuBEhPF4/GFRFB84jjPzmvPFY9Rqtabg3d1dGGNQVRWICJ7nod1uIwgCcM5hjEGe5xHnfNPzvNPLwtjv99+dTCbnfN8H5xxSSgghQERgjIExhl6vNz3VRAQighACSikYY3Dz5k30+33EcQwigu/7cVVW66PR6Noy8PHjxz8Jw/CdsizBOZ/B5h+g4TpxzuG6LowxGAwG2NvbQxzHUEoNATxfFMVfy+Bra2vntdZvl2XZeNDuAtee108dqqqqsL+/j70be6iq6u8sy06XZbnVBGaMYXV19TPHcd5qgjMiws7OjmuMcQBIIUTjRbTWMmstXNeNhRCnOp3OJd/3oyb9g4i9CeALKeVsU91ud1oQtNbntNavaK071tpRk6G5DUhr7R9SyjGARrAQAisrK5/funXLVFX1VQ0HDiqRlLKrlHrsYKF7FPhAnrofJSEEut3uhcFgwIwxFxzHAXAnx+Y+Yf9JhBDo9XpfAni9rpIPrUlIKdHtdr8movMPFQwA1tqYc34ZONRtHqSkabpXFMWZVqvVBzCrXOIBQ28URbGulOrX7yQAGGN+SpKkW5ZlYK1Nlhmx1nICpWRpV2v9kud5a0dA/ynLcl0ptTvfqRgRod/voyxLGGMaS5y1FtZaSCnBGIMjnY1ja8d+rK9HA3Q/y7IzWuudeajWeuoxYwxSyllRPww0xsB1XWita51Xoyj6RojmDCVJEqdp+qzWeude642HqwY6joMgCKC1BhEhz/LX2u32xWXQNE3j8Xj8tOd5vzfp3AVmjM2AUkq0221EUQTHcZAkCfI8fzlshxfnS99hybJsMhqNzjqOsw0sTiALYCJCURRwHAdRFCEIAgghIIRAVVXI8/zFMAy/XZbToijS4XB4Vkr5270mjwWwMdOKGUURwjCE67qw1s6GwDzPN1qt1nfLoHmeJ8Ph8BnG2FUigjEGdTrqNjsv7KhxdDAYvKC1/t73/UYda202HA7Xiehq7Wk9bdRRm+fMpsytrS3Uu5ztiDEkSXJqdXX1l5MnTyoiuk1E8/EjAJG1dkJEz0kpryz1YN5bxqah3tzcXFisqgrWWrWxsfEpgF8PJon5u2YZYytlWf4ppbxy1Cy9AP/f/Tv9CxeHPgkNy2mYAAAAAElFTkSuQmCC);
}

.conditionFormLogicFrame {
  display: inline-flex;
  width: 30px;
  height: 30px;
}

.conditionFormAddButton {
  width: 22px;
  height: 22px;
}

.conditionFormGroupButton {
  width: 22px;
  height: 22px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.conditionFormCloseButton {
  width: 22px;
  height: 22px;
  padding-bottom: 2px;
  padding-left: 1px;
}

.conditionFormButtonText {
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
  color: #f0f0f0;
  user-select: none;
}

.conditionFormLabelText {
  font-family: Calibri;
  font-size: 14px;
  color: #303030;
  user-select: none;
}