@charset "UTF-8";
/*
 * DEPRECATED: This stylesheet is used by old views and should not be used by any new view anymore!
 */

/* Limited compatibility with Bootstrap 3.2 */
html {
  font-family: var(--sapFontFamily);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

body {
  margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block
}

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],template {
  display: none
}

a {
  background: 0 0
}

a:active,a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

mark {
  color: #000;
  background: #ff0
}

small {
  font-size: 80%
}

sub,sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

pre {
  overflow: auto
}

code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

button,input,optgroup,select,textarea {
  margin: 0;
  font: inherit;
  color: inherit
}

button {
  overflow: visible
}

button,select {
  text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input {
  line-height: normal
}

input[type=checkbox],input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver
}

legend {
  padding: 0;
  border: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-spacing: 0;
  border-collapse: collapse
}

td,th {
  padding: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
  color: #777
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
  display: block
}

.open>a {
  outline: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}

.pull-right>.dropdown-menu {
  right: 0;
  left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
      right:0;
      left: auto
  }

  .navbar-right .dropdown-menu-left {
      right: auto;
      left: 0
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btn:focus,.btn:active:focus,.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover,.btn:focus {
  color: #333;
  text-decoration: none
}

.btn:active,.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  font-weight: 400;
  color: #428bca;
  cursor: pointer;
  border-radius: 0
}

.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active {
  border-color: transparent
}

.btn-link:hover,.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none
}

.btn-lg,.btn-group-lg>.btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px
}

.btn-sm,.btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs,.btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 5px
}

input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block {
  width: 100%
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 768px) {
  .container {
      width:750px
  }
}

@media (min-width: 992px) {
  .container {
      width:970px
  }
}

@media (min-width: 1200px) {
  .container {
      width:1170px
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.row {
  margin-right: -15px;
  margin-left: -15px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

@media (min-width: 768px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
      float:left
  }

  .col-sm-12 {
      width: 100%
  }

  .col-sm-11 {
      width: 91.66666667%
  }

  .col-sm-10 {
      width: 83.33333333%
  }

  .col-sm-9 {
      width: 75%
  }

  .col-sm-8 {
      width: 66.66666667%
  }

  .col-sm-7 {
      width: 58.33333333%
  }

  .col-sm-6 {
      width: 50%
  }

  .col-sm-5 {
      width: 41.66666667%
  }

  .col-sm-4 {
      width: 33.33333333%
  }

  .col-sm-3 {
      width: 25%
  }

  .col-sm-2 {
      width: 16.66666667%
  }

  .col-sm-1 {
      width: 8.33333333%
  }

  .col-sm-pull-12 {
      right: 100%
  }

  .col-sm-pull-11 {
      right: 91.66666667%
  }

  .col-sm-pull-10 {
      right: 83.33333333%
  }

  .col-sm-pull-9 {
      right: 75%
  }

  .col-sm-pull-8 {
      right: 66.66666667%
  }

  .col-sm-pull-7 {
      right: 58.33333333%
  }

  .col-sm-pull-6 {
      right: 50%
  }

  .col-sm-pull-5 {
      right: 41.66666667%
  }

  .col-sm-pull-4 {
      right: 33.33333333%
  }

  .col-sm-pull-3 {
      right: 25%
  }

  .col-sm-pull-2 {
      right: 16.66666667%
  }

  .col-sm-pull-1 {
      right: 8.33333333%
  }

  .col-sm-pull-0 {
      right: auto
  }

  .col-sm-push-12 {
      left: 100%
  }

  .col-sm-push-11 {
      left: 91.66666667%
  }

  .col-sm-push-10 {
      left: 83.33333333%
  }

  .col-sm-push-9 {
      left: 75%
  }

  .col-sm-push-8 {
      left: 66.66666667%
  }

  .col-sm-push-7 {
      left: 58.33333333%
  }

  .col-sm-push-6 {
      left: 50%
  }

  .col-sm-push-5 {
      left: 41.66666667%
  }

  .col-sm-push-4 {
      left: 33.33333333%
  }

  .col-sm-push-3 {
      left: 25%
  }

  .col-sm-push-2 {
      left: 16.66666667%
  }

  .col-sm-push-1 {
      left: 8.33333333%
  }

  .col-sm-push-0 {
      left: auto
  }

  .col-sm-offset-12 {
      margin-left: 100%
  }

  .col-sm-offset-11 {
      margin-left: 91.66666667%
  }

  .col-sm-offset-10 {
      margin-left: 83.33333333%
  }

  .col-sm-offset-9 {
      margin-left: 75%
  }

  .col-sm-offset-8 {
      margin-left: 66.66666667%
  }

  .col-sm-offset-7 {
      margin-left: 58.33333333%
  }

  .col-sm-offset-6 {
      margin-left: 50%
  }

  .col-sm-offset-5 {
      margin-left: 41.66666667%
  }

  .col-sm-offset-4 {
      margin-left: 33.33333333%
  }

  .col-sm-offset-3 {
      margin-left: 25%
  }

  .col-sm-offset-2 {
      margin-left: 16.66666667%
  }

  .col-sm-offset-1 {
      margin-left: 8.33333333%
  }

  .col-sm-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 992px) {
  .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
      float:left
  }

  .col-md-12 {
      width: 100%
  }

  .col-md-11 {
      width: 91.66666667%
  }

  .col-md-10 {
      width: 83.33333333%
  }

  .col-md-9 {
      width: 75%
  }

  .col-md-8 {
      width: 66.66666667%
  }

  .col-md-7 {
      width: 58.33333333%
  }

  .col-md-6 {
      width: 50%
  }

  .col-md-5 {
      width: 41.66666667%
  }

  .col-md-4 {
      width: 33.33333333%
  }

  .col-md-3 {
      width: 25%
  }

  .col-md-2 {
      width: 16.66666667%
  }

  .col-md-1 {
      width: 8.33333333%
  }

  .col-md-pull-12 {
      right: 100%
  }

  .col-md-pull-11 {
      right: 91.66666667%
  }

  .col-md-pull-10 {
      right: 83.33333333%
  }

  .col-md-pull-9 {
      right: 75%
  }

  .col-md-pull-8 {
      right: 66.66666667%
  }

  .col-md-pull-7 {
      right: 58.33333333%
  }

  .col-md-pull-6 {
      right: 50%
  }

  .col-md-pull-5 {
      right: 41.66666667%
  }

  .col-md-pull-4 {
      right: 33.33333333%
  }

  .col-md-pull-3 {
      right: 25%
  }

  .col-md-pull-2 {
      right: 16.66666667%
  }

  .col-md-pull-1 {
      right: 8.33333333%
  }

  .col-md-pull-0 {
      right: auto
  }

  .col-md-push-12 {
      left: 100%
  }

  .col-md-push-11 {
      left: 91.66666667%
  }

  .col-md-push-10 {
      left: 83.33333333%
  }

  .col-md-push-9 {
      left: 75%
  }

  .col-md-push-8 {
      left: 66.66666667%
  }

  .col-md-push-7 {
      left: 58.33333333%
  }

  .col-md-push-6 {
      left: 50%
  }

  .col-md-push-5 {
      left: 41.66666667%
  }

  .col-md-push-4 {
      left: 33.33333333%
  }

  .col-md-push-3 {
      left: 25%
  }

  .col-md-push-2 {
      left: 16.66666667%
  }

  .col-md-push-1 {
      left: 8.33333333%
  }

  .col-md-push-0 {
      left: auto
  }

  .col-md-offset-12 {
      margin-left: 100%
  }

  .col-md-offset-11 {
      margin-left: 91.66666667%
  }

  .col-md-offset-10 {
      margin-left: 83.33333333%
  }

  .col-md-offset-9 {
      margin-left: 75%
  }

  .col-md-offset-8 {
      margin-left: 66.66666667%
  }

  .col-md-offset-7 {
      margin-left: 58.33333333%
  }

  .col-md-offset-6 {
      margin-left: 50%
  }

  .col-md-offset-5 {
      margin-left: 41.66666667%
  }

  .col-md-offset-4 {
      margin-left: 33.33333333%
  }

  .col-md-offset-3 {
      margin-left: 25%
  }

  .col-md-offset-2 {
      margin-left: 16.66666667%
  }

  .col-md-offset-1 {
      margin-left: 8.33333333%
  }

  .col-md-offset-0 {
      margin-left: 0
  }
}

@media (min-width: 1200px) {
  .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
      float:left
  }

  .col-lg-12 {
      width: 100%
  }

  .col-lg-11 {
      width: 91.66666667%
  }

  .col-lg-10 {
      width: 83.33333333%
  }

  .col-lg-9 {
      width: 75%
  }

  .col-lg-8 {
      width: 66.66666667%
  }

  .col-lg-7 {
      width: 58.33333333%
  }

  .col-lg-6 {
      width: 50%
  }

  .col-lg-5 {
      width: 41.66666667%
  }

  .col-lg-4 {
      width: 33.33333333%
  }

  .col-lg-3 {
      width: 25%
  }

  .col-lg-2 {
      width: 16.66666667%
  }

  .col-lg-1 {
      width: 8.33333333%
  }

  .col-lg-pull-12 {
      right: 100%
  }

  .col-lg-pull-11 {
      right: 91.66666667%
  }

  .col-lg-pull-10 {
      right: 83.33333333%
  }

  .col-lg-pull-9 {
      right: 75%
  }

  .col-lg-pull-8 {
      right: 66.66666667%
  }

  .col-lg-pull-7 {
      right: 58.33333333%
  }

  .col-lg-pull-6 {
      right: 50%
  }

  .col-lg-pull-5 {
      right: 41.66666667%
  }

  .col-lg-pull-4 {
      right: 33.33333333%
  }

  .col-lg-pull-3 {
      right: 25%
  }

  .col-lg-pull-2 {
      right: 16.66666667%
  }

  .col-lg-pull-1 {
      right: 8.33333333%
  }

  .col-lg-pull-0 {
      right: auto
  }

  .col-lg-push-12 {
      left: 100%
  }

  .col-lg-push-11 {
      left: 91.66666667%
  }

  .col-lg-push-10 {
      left: 83.33333333%
  }

  .col-lg-push-9 {
      left: 75%
  }

  .col-lg-push-8 {
      left: 66.66666667%
  }

  .col-lg-push-7 {
      left: 58.33333333%
  }

  .col-lg-push-6 {
      left: 50%
  }

  .col-lg-push-5 {
      left: 41.66666667%
  }

  .col-lg-push-4 {
      left: 33.33333333%
  }

  .col-lg-push-3 {
      left: 25%
  }

  .col-lg-push-2 {
      left: 16.66666667%
  }

  .col-lg-push-1 {
      left: 8.33333333%
  }

  .col-lg-push-0 {
      left: auto
  }

  .col-lg-offset-12 {
      margin-left: 100%
  }

  .col-lg-offset-11 {
      margin-left: 91.66666667%
  }

  .col-lg-offset-10 {
      margin-left: 83.33333333%
  }

  .col-lg-offset-9 {
      margin-left: 75%
  }

  .col-lg-offset-8 {
      margin-left: 66.66666667%
  }

  .col-lg-offset-7 {
      margin-left: 58.33333333%
  }

  .col-lg-offset-6 {
      margin-left: 50%
  }

  .col-lg-offset-5 {
      margin-left: 41.66666667%
  }

  .col-lg-offset-4 {
      margin-left: 33.33333333%
  }

  .col-lg-offset-3 {
      margin-left: 25%
  }

  .col-lg-offset-2 {
      margin-left: 16.66666667%
  }

  .col-lg-offset-1 {
      margin-left: 8.33333333%
  }

  .col-lg-offset-0 {
      margin-left: 0
  }
}

.hide {
  display: none!important
}

.show {
  display: block!important
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 182, 255, 0.4);
  }
  70%,
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 182, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 182, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 182, 255, 0.4);
  }
  70%,
  100% {
    -moz-box-shadow: 0 0 0 10px rgba(0, 182, 255, 0);
    box-shadow: 0 0 0 10px rgba(0, 182, 255, 0);
  }
}

/* line 65, app/assets/stylesheets/application.css.scss */
html {
  font-size: 100% !important;
  /* while using rems, force this to be the same everywhere */
}

/* line 77, app/assets/stylesheets/application.css.scss */
.header_bar {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 3;
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  font-size: 12px;
  height: 56px;
  background-color: white;
  color: #7e8188;
}

/* line 16, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__logo {
  padding: 16px 20px;
}

/* line 19, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
  flex: 1;
}

/* line 27, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__menu {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 33, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__menu li {
  margin-right: 36px;
}

/* line 38, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar a,
.header_bar a:visited,
.header_bar a:active,
.header_bar a:focus,
.header_bar a:hover {
  color: #7e8188;
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar a:hover {
  color: black;
}

/* line 47, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__icon_item {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 36px;
  margin-left: 100px;
}

/* line 54, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__icon_item:hover {
  color: #d7d9dd;
}

/* line 56, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__icon_item:hover .cls-1 {
  fill: #d7d9dd;
}

/* line 61, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__icon_item svg {
  flex: 0 0 20px;
  margin-right: 8px;
}

/* line 65, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__icon_item svg .cls-1 {
  fill: #c9cfdd;
}

/* line 71, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 100px;
  margin-right: 36px;
  padding-right: 16px;
  position: relative;
  display: block;
}

/* line 77, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown .header_bar__icon_item {
  margin-right: 0;
  margin-left: 0;
}

/* line 87, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown + .header_bar__icon_item {
  margin-left: 0;
}

/* line 366, app/assets/stylesheets/mixins/../interface_builder/mixins/_elements.scss */
.header_bar .header_bar__dropdown:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -3px;
  right: 0;
}

/* line 353, app/assets/stylesheets/mixins/../interface_builder/mixins/_elements.scss */
.header_bar .header_bar__dropdown:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 93, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown:after {
  border-color: #c9cfdd transparent transparent transparent;
}

/* line 97, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown:hover {
  color: #d7d9dd;
}

/* line 99, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown:hover:after {
  border-color: #d7d9dd transparent transparent transparent;
}

/* line 104, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown .dropdown_menu__inner {
  max-height: none;
}

/* line 106, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown .dropdown_menu__inner a,
.header_bar .header_bar__dropdown .dropdown_menu__inner a:visited,
.header_bar .header_bar__dropdown .dropdown_menu__inner a:active,
.header_bar .header_bar__dropdown .dropdown_menu__inner a:focus,
.header_bar .header_bar__dropdown .dropdown_menu__inner a:hover {
  color: #303948;
  border-bottom: 1px solid #d7d9dd;
  display: block;
}

/* line 111, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown .dropdown_menu__inner li {
  margin-right: 0;
}

/* line 116, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown .dropdown_menu__group span {
  font-family: '72';
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.17px;
  color: #000000;
  color: #595d64;
  font-size: 13px;
  text-transform: none;
  display: block;
  padding-bottom: 8px;
  padding-top: 16px;
  padding-left: 12px;
  border-bottom: 1px solid #d7d9dd;
  background-color: #eff0f2;
}

/* line 202, app/assets/stylesheets/mixins/../interface_builder/mixins/_typography.scss */
.header_bar .header_bar__dropdown .dropdown_menu__group span code {
  font-size: 9px;
}

/* line 130, app/assets/stylesheets/mixins/_header_bar.scss */
.header_bar .header_bar__dropdown.superadmin:after {
  border-color: #ff00ff transparent transparent transparent;
}
/* line 2, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-page {
  padding-bottom: 150px;
  margin: 0 -15px;
}

/* line 7, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-modal {
  background-color: #efefef;
}

/* line 11, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-header {
  margin: 30px 0;
}

/* line 14, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-header .modern-header-item {
  color: #55595f;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding-bottom: 5px;
  margin-left: 40px;
}

/* line 22, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-header .modern-header-item:hover {
  border-bottom: 2px #fb5152 dashed;
}

/* line 26, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-header .modern-header-item.selected {
  border-bottom: 2px #fb5152 solid;
}

/* line 32, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-cancel {
  font-size: 0.9em;
  margin: 30px 0;
  text-transform: uppercase;
}

/* line 37, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-cancel a {
  color: #55595f;
}

/* line 40, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-cancel a:hover {
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/modern.scss */
.ag__global__products h3.modern-title {
  margin-bottom: 20px;
}

/* line 50, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-add-new {
  margin-bottom: 20px;
  text-align: right;
}

/* line 55, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 2px 2px 4px 2px #dadada;
  width: 100%;
}

/* line 63, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table tr:hover td {
  background-color: #dae9ef;
}

/* line 66, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table tr:hover td:first-child {
  border-left: 3px #fb5152 solid;
  padding-left: 27px;
}

/* line 74, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table th,
.ag__global__products table.modern-table td {
  color: #7c8087;
  border-bottom: 1px #e1e2e5 solid;
}

/* line 78, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table th:first-child,
.ag__global__products table.modern-table td:first-child {
  padding-left: 30px;
}

/* line 83, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table th {
  text-transform: uppercase;
  padding: 20px 10px;
}

/* line 87, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table th.icon-column {
  width: 40px;
}

/* line 92, app/assets/stylesheets/modern.scss */
.ag__global__products table.modern-table td {
  padding: 15px 10px;
}

/* line 98, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-form .modern-field {
  margin: 0 0 20px;
}

/* line 101, app/assets/stylesheets/modern.scss */
.ag__global__products .modern-form .modern-field input,
.ag__global__products .modern-form .modern-field select {
  border-color: #fff;
  width: 400px;
}

/* line 111, app/assets/stylesheets/modern.scss */
.services-ui-modal-hidden .modal,
.services-ui-modal-hidden .modal-backdrop {
  display: none !important;
}

/* line 116, app/assets/stylesheets/modern.scss */
pre.pretty-json {
  white-space: pre-wrap;
}

/* line 119, app/assets/stylesheets/modern.scss */
.pretty-json-string {
  color: green;
}

/* line 120, app/assets/stylesheets/modern.scss */
.pretty-json-number {
  color: darkorange;
}

/* line 121, app/assets/stylesheets/modern.scss */
.pretty-json-boolean {
  color: blue;
}

/* line 122, app/assets/stylesheets/modern.scss */
.pretty-json-null {
  color: magenta;
}

/* line 123, app/assets/stylesheets/modern.scss */
.pretty-json-key {
  color: red;
}
/* color_classes.css.sass
 * Helper classes to utilize defined colors.
 *
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* line 17, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container {
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

/* line 25, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container.flex-row {
  -webkit-box-orient: horizontal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}

/* line 31, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container.flex-column {
  -webkit-box-orient: vertical;
  flex-direction: column;
}

/* line 35, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container.flex-pack-center {
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  align-content: center;
}

/* line 41, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container.flex-align-center {
  -webkit-align-items: center;
  align-items: center;
}

/* line 45, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-container.flex-stretch {
  justify-content: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

/* line 51, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-item {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  -webkit-align-self: auto;
  align-self: auto;
}

/* line 57, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-grow {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

/* line 61, app/assets/stylesheets/appgyver-ui/basics/flex.css.sass */
.flex-shrink {
  flex-shrink: 1;
}
/* color_classes.css.sass
 * Helper classes to utilize defined colors.
 *
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Use these for basic font colors.
 * Simply add the class to the container.
 * Respect the intended use cases for the colors.
 */
/* line 24, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-1,
.text-blue {
  color: #00b5ff;
}

/* line 27, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2,
.text-gray {
  color: #36383b;
}

/* line 30, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-9,
.text-gray.text-shade-9 {
  color: #36383b;
}

/* line 33, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-8,
.text-gray.text-shade-8 {
  color: #4a4a4d;
}

/* line 36, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-7,
.text-gray.text-shade-7 {
  color: #5e5e61;
}

/* line 39, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-6,
.text-gray.text-shade-6 {
  color: #737375;
}

/* line 42, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-5,
.text-gray.text-shade-5 {
  color: #87878a;
}

/* line 45, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-4,
.text-gray.text-shade-4 {
  color: #999c9c;
}

/* line 48, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-3,
.text-gray.text-shade-3 {
  color: #b0b0b0;
}

/* line 51, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-2,
.text-gray.text-shade-2 {
  color: #d6d6d9;
}

/* line 54, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-primary-2.text-shade-1,
.text-gray.text-shade-1 {
  color: #f3f3f3;
}

/* line 57, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-secondary-1,
.text-green {
  color: #14bda6;
}

/* line 60, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-secondary-2,
.text-green-dark {
  color: #0a7373;
}

/* line 63, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-secondary-3,
.text-blue-dark {
  color: #30384a;
}

/* line 66, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-secondary-4,
.text-orange {
  color: #f57326;
}

/* line 69, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-color-secondary-5,
.text-red {
  color: #fa5252;
}

/* line 74, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.text-white {
  color: white;
}

/*
 * Use these for basic background colors.
 * Simply add the class to the element.
 * Respect the intended use cases for the colors.
 */
/* line 87, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-1,
.bg-blue {
  background-color: #00b5ff;
}

/* line 90, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2,
.bg-gray {
  background-color: #36383b;
}

/* line 93, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-9,
.bg-gray.bg-shade-9 {
  background-color: #36383b;
}

/* line 96, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-8,
.bg-gray.bg-shade-8 {
  background-color: #4a4a4d;
}

/* line 99, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-7,
.bg-gray.bg-shade-7 {
  background-color: #5e5e61;
}

/* line 102, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-6,
.bg-gray.bg-shade-6 {
  background-color: #737375;
}

/* line 105, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-5,
.bg-gray.bg-shade-5 {
  background-color: #87878a;
}

/* line 108, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-4,
.bg-gray.bg-shade-4 {
  background-color: #999c9c;
}

/* line 111, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-3,
.bg-gray.bg-shade-3 {
  background-color: #b0b0b0;
}

/* line 114, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-2,
.bg-gray.bg-shade-2 {
  background-color: #d6d6d9;
}

/* line 117, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-primary-2.bg-shade-1,
.bg-gray.bg-shade-1 {
  background-color: #f3f3f3;
}

/* line 120, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-secondary-1,
.bg-green {
  background-color: #14bda6;
}

/* line 123, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-secondary-2,
.bg-green-dark {
  background-color: #0a7373;
}

/* line 126, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-secondary-3,
.bg-blue-dark {
  background-color: #30384a;
}

/* line 129, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-secondary-4,
.bg-orange {
  background-color: #f57326;
}

/* line 132, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-color-secondary-5,
.bg-red {
  background-color: #fa5252;
}

/* line 137, app/assets/stylesheets/appgyver-ui/basics/color_classes.css.sass */
.bg-white {
  background-color: white;
}
/* color_scheme.css.sass
 * Colors according to AppGyver UI guidelines (vol.2)
 *
 * Maintained by Tomi Hiltunen
 */
/*
 * Main color #1 is the brand color.
 * Use the color with care.
 *
 * Current uses:
 *   - As brand color.
 *   - Background for "call-to-action" -elements.
 */
/* line 2, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .btn,
.build-service-modal .btn {
  border-radius: 3px;
  padding: 1em 2em;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 10, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .btn.btn-wide,
.build-service-modal .btn.btn-wide {
  padding: 1em 6em;
}

/* line 14, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .btn[aria-pressed='true'],
.build-service-modal .btn[aria-pressed='true'] {
  opacity: 1 !important;
  background-color: #428bca !important;
}

/* line 19, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .btn.btn-primary,
.build-service-modal .btn.btn-primary {
  color: white;
  background-color: #00b5ff;
}
#build-service-app .btn.btn-primary:disabled {
  color: black;
  background-color: #EDEEF0;
  border-color: #ddd;
}

/* line 24, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .deployment-status,
.build-service-modal .deployment-status {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 12px;
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 36, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .link-to-show,
.build-service-modal .link-to-show {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 12px;
  display: block;
}

/* line 42, app/assets/stylesheets/appgyver-ui/build-service/build-service.scss */
#build-service-app .deployment-status-ERROR,
.build-service-modal .deployment-status-ERROR {
  color: red;
  font-weight: bold;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 19, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example {
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  background: #f7f7f7;
}

/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__banner {
  background: #00b5ff;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  font-family: '72';
  font-weight: 700;
  line-height: 100%;
  padding: 4px;
}

/* line 34, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__title {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f7f7f7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f7f7f7));
  background: -webkit-linear-gradient(top, white 0%, #f7f7f7 100%);
  background: -o-linear-gradient(top, white 0%, #f7f7f7 100%);
  background: -ms-linear-gradient(top, white 0%, #f7f7f7 100%);
  background: linear-gradient(to bottom, white 0%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 48, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__title .content-source-fields__example__title__id {
  font-size: 12px;
  color: #87878a;
}

/* line 52, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__title h3 {
  margin: 0px;
  color: #00b5ff;
}

/* line 56, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__field {
  border-top: 1px #e2e2e2 solid;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 61, app/assets/stylesheets/appgyver-ui/ui-components/content-source-fields.css.sass */
.content-source-fields__example__field label {
  text-transform: uppercase;
  display: block;
  font-size: 60%;
  font-family: '72';
  font-weight: 700;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields {
  position: relative;
}

/* line 25, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__input {
  background: white;
  color: #36383b !important;
  border-radius: 4px;
  border: 1px #b0b0b0 solid;
  padding: 6px 12px;
  padding-right: 100px;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -webkit-font-smoothing: auto;
  outline: none;
  min-height: 29px;
  white-space: pre;
}

/* line 45, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__input:active,
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__input:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none;
}

/* line 50, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__input .data-label {
  display: inline-block;
  background: #00b5ff;
  color: white;
  padding: 0px 8px;
  border-radius: 8px;
}

/* line 58, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields.multiline .input-with-data-fields__input {
  min-height: 62px;
}

/* line 62, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields:hover .input-with-data-fields__input {
  border-color: #36383b;
}

/* line 66, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields.open .input-with-data-fields__input {
  border-color: #36383b;
  border-radius: 4px 4px 0px 0px;
}

/* line 70, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__button {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 8px;
  height: 22px;
  padding: 0px 6px;
  line-height: 20px;
}

/* line 79, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__dropdown {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin-top: -1px;
  border: 1px #303948 solid;
  border-radius: 0px 0px 4px 4px;
  max-height: 500px;
  overflow-y: scroll;
}

/* line 90, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__dropdown .input-with-data-fields__search {
  padding: 8px 5px;
}

/* line 93, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace
  .input-with-data-fields
  .input-with-data-fields__dropdown
  .input-with-data-fields__search
  input {
  margin: 0px;
  display: block;
  width: 100%;
  height: 24px;
  border: none;
  border-radius: 24px;
  background: #efefef;
  padding: 2px 17px;
  line-height: 20px;
  color: black;
}

/* line 105, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__dropdown .input-with-data-fields__item {
  padding: 10px 24px;
  cursor: pointer;
}

/* line 109, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__dropdown .input-with-data-fields__item h4 {
  font-size: 16px;
  font-family: '72';
  font-weight: 600;
  color: black;
  margin: 0px;
  line-height: 120%;
}

/* line 116, app/assets/stylesheets/appgyver-ui/ui-components/input-with-data-fields.css.sass */
.appgyver-ui__workspace
  .input-with-data-fields
  .input-with-data-fields__dropdown
  .input-with-data-fields__item.selected,
.appgyver-ui__workspace .input-with-data-fields .input-with-data-fields__dropdown .input-with-data-fields__item:hover {
  background-color: #efefef;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/field.css.sass */
.field .field__help,
.form-group .field__help {
  display: none;
  color: #fa5252;
}

/* line 27, app/assets/stylesheets/appgyver-ui/ui-components/field.css.sass */
.field.has-error .field__help,
.form-group.has-error .field__help {
  display: block;
}

/* line 30, app/assets/stylesheets/appgyver-ui/ui-components/field.css.sass */
.field.has-error .field__help > div,
.form-group.has-error .field__help > div {
  display: none;
}

/* line 33, app/assets/stylesheets/appgyver-ui/ui-components/field.css.sass */
.field.has-error .field__help > div:first-child,
.form-group.has-error .field__help > div:first-child {
  display: block;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer .box_padding {
  padding: 10px 20px;
}

/* line 25, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer relation-field .box_padding {
  padding: 0px;
}

/* line 30, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group {
  position: relative;
  display: block;
  margin-top: 40px;
}

/* line 35, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group label {
  font-family: '72';
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 10pt;
  text-transform: uppercase;
  margin-bottom: 13px;
  display: block;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .form-control {
  border-radius: 4px;
  background: white;
  border: 1px #b0b0b0 solid;
  color: #36383b;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

/* line 55, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group select {
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-left {
  top: 36px;
  left: -25px;
}

/* line 64, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-right {
  top: 36px;
  left: 115px;
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-top {
  top: -14px;
  left: 45px;
}

/* line 72, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-bottom {
  left: 45px;
  top: 85px;
}

/* line 76, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-box {
  border: 1px #b0b0b0 solid;
  border-radius: 6px;
  background: none;
}

/* line 81, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .position-holder .position-box .position-box-inner {
  display: none;
}

/* line 87, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field .reference-value-selector-div:after {
  display: none;
  content: '' !important;
}

/* line 91, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field input,
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field select {
  border-radius: 4px !important;
}

/* line 93, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field input::after,
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field select::after {
  content: '' !important;
}

/* line 96, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field button.reference-selector {
  background: #b0b0b0 !important;
  border-color: #b0b0b0;
  border-radius: 4px;
  margin-right: 6px;
}

/* line 102, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field .dropdown-menu {
  left: 0px !important;
  right: auto;
}

/* line 107, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group .reference-mega-field:hover button.reference-selector {
  background: #36383b !important;
  border-color: #36383b;
}

/* line 112, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group:hover .form-control {
  border-color: #36383b;
}

/* line 115, app/assets/stylesheets/appgyver-ui/ui-components/form-group.css.sass */
.appgyver-ui__composer *:not(.form-horizontal) .form-group:hover button.reference-selector {
  background: #36383b !important;
  border-color: #36383b;
}

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/view-components-list.css.sass */
.appgyver-ui__composer .composer__view-components-list .view-component__view,
.appgyver-ui__composer .composer__view-components-list .view-component__component {
  max-width: 100%;
  background: white;
  border-bottom: 1px #f3f3f3 solid;
  padding: 12px;
  line-height: 19px;
  font-size: 14px;
  white-space: nowrap;
  font-family: '72';
  font-weight: 400;
}

/* line 33, app/assets/stylesheets/appgyver-ui/ui-components/view-components-list.css.sass */
.appgyver-ui__composer .composer__view-components-list .view-component__view.active,
.appgyver-ui__composer .composer__view-components-list .view-component__component.active {
  background: #e5f7ff;
}

/* line 36, app/assets/stylesheets/appgyver-ui/ui-components/view-components-list.css.sass */
.appgyver-ui__composer .composer__view-components-list .view-component__view .flex-container,
.appgyver-ui__composer .composer__view-components-list .view-component__component .flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* line 66, app/assets/stylesheets/appgyver-ui/ui-components/view-components-list.css.sass */
.appgyver-ui__composer .composer__view-components-list .view-component__view .flex-container .name-container,
.appgyver-ui__composer .composer__view-components-list .view-component__component .flex-container .name-container {
  text-overflow: ellipsis;
  text-overflow: '…';
  color: #36383b;
  overflow: hidden;
  padding: 0px 8px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

@-moz-document url-prefix() {
  /* line 131, app/assets/stylesheets/appgyver-ui/ui-components/view-components-list.css.sass */
  .flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
  }
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__buttoned-input-group > * {
  float: left;
}

/* line 26, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__buttoned-input-group > *:first-child {
  width: calc(100% - 29px);
}

/* line 29, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__text-content {
  text-align: left;
  padding: 3px 0px;
}

/* line 33, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__button {
  padding-left: 7px;
  padding-right: 7px;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__list-item .key-value-form__list-item__container {
  border-bottom: 1px #ccc solid;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/key-value-form.css.sass */
.appgyver-ui__workspace .key-value-form .key-value-form__list-item + .key-value-form__form {
  padding-top: 6px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card {
  height: 100%;
  border-radius: 5px;
  text-align: center;
  color: #30384a;
  border: 1px #30384a solid;
  cursor: pointer;
  min-height: 96px;
  margin-bottom: 30px;
  padding: 20px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

/* line 63, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .dark-card__theme {
  display: flex;
  flex-direction: row;
  height: 50px;
  width: 100%;
}

/* line 69, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .dark-card__theme div {
  flex-grow: 1;
}

/* line 72, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.dark-card__add-new {
  border-style: dashed;
}

/* line 75, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.dark-card__disabled,
.appgyver-ui__composer .dark-card.disabled,
.appgyver-ui__composer .dark-card[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 79, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.paid-feature {
  opacity: 0.6;
}

/* line 82, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.dark-card__add-api {
  cursor: default;
}

/* line 90, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card:hover:not(.dark-card__disabled):not(.disabled):not([disabled]) {
  background: #30384a;
  color: white;
  border-color: #30384a;
}

/* line 95, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card:hover:not(.dark-card__disabled):not(.disabled):not([disabled]) .dark-card__96-icon {
  background-position: 100% 0%;
}

/* line 98, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.selected {
  background: #30384a;
  color: white;
  border-color: #30384a;
}

/* line 103, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card.selected .dark-card__96-icon {
  background-position: 100% 0%;
}

/* line 106, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .ribbon-advanced {
  position: absolute;
  right: 10px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

/* line 116, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .ribbon-advanced span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79a70a;
  background: linear-gradient(#14bda6 0%, #14bda6 100%);
  box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 19px;
  right: -21px;
}

/* line 133, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .ribbon-advanced span::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #14bda6;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #14bda6;
}

/* line 143, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .ribbon-advanced span::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #14bda6;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #14bda6;
}

/* line 154, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card > * {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

/* line 169, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .dark-card__label {
  display: block;
  font-size: 21px;
  font-family: '72';
  font-weight: 500;
  color: inherit;
}

/* line 175, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .new-page-wizard__icon {
  width: 100%;
  max-width: 200px;
  height: auto;
  max-height: 210px;
  padding: 20px 0px;
}

/* line 182, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .dark-card__icon {
  display: block;
  font-size: 20px;
  color: inherit;
  margin-bottom: 6px;
}

/* line 188, app/assets/stylesheets/appgyver-ui/ui-components/dark-card.css.sass */
.appgyver-ui__composer .dark-card .dark-card__96-icon {
  width: 96px;
  height: 96px;
  background-position: 0% 0%;
  background-size: 192px 96px;
}

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body h1 {
  margin-top: 0px;
}

/* line 26, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset {
  padding: 4px;
  border: 1px #ddd solid;
  border-radius: 4px;
  margin-bottom: 30px;
}

/* line 32, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__preview-container {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__preview-container > .asset__preview {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  margin: -4px;
  border-radius: 4px;
}

/* line 52, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__preview-container > .asset__preview img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/* line 57, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__preview-container .asset__remover {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  color: white;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  border-radius: 4px;
  padding-top: 3px;
}

/* line 74, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__preview-container:hover .asset__remover {
  display: block;
}

/* line 77, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__caption {
  font-size: 14px;
  text-align: center;
  padding: 10px;
  text-overflow: ellipsis;
  font-family: '72';
  font-weight: 600;
}

/* line 84, app/assets/stylesheets/appgyver-ui/ui-components/workspace__assets-modal.css.sass */
.workspace__assets-modal .modal-body .asset__controls {
  text-align: center;
  padding: 0px 10px 10px 10px;
}

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/fresh-selector.css.sass */
.appgyver-ui__composer div.fresh-selector:after {
  content: '▼';
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  font-size: 60%;
  height: 29px;
  padding: 0 12px;
  color: #b0b0b0;
  background: transparent !important;
  border-color: transparent;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  pointer-events: none;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}

/* line 44, app/assets/stylesheets/appgyver-ui/ui-components/fresh-selector.css.sass */
.appgyver-ui__composer div.fresh-selector:hover:after {
  color: #36383b;
}

/* line 47, app/assets/stylesheets/appgyver-ui/ui-components/fresh-selector.css.sass */
.appgyver-ui__composer div.fresh-selector:hover input,
.appgyver-ui__composer div.fresh-selector:hover select {
  border-color: #36383b;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .popover {
  background-color: #00b5ff;
  color: white;
}

/* line 25, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .popover .popover-inner,
.appgyver-ui__workspace .popover .popover-title,
.appgyver-ui__workspace .popover .popover-content {
  background-color: #00b5ff;
  color: white;
  border: none;
}

/* line 30, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .popover .popover-title {
  font-family: '72';
  font-weight: 400;
  font-size: 16px;
}

/* line 34, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .popover .popover-content {
  font-family: '72';
  font-weight: 400;
  font-size: 14px;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .popover .arrow:after {
  border-top-color: #00b5ff !important;
}

/* line 42, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-primary-composer {
  background-color: #00b5ff;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-primary-composer:hover {
  background-color: #4dccff;
}

/* line 54, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-danger-composer {
  background-color: #fa5252;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 63, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-danger-composer:hover {
  background-color: #fc8587;
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-outlined-dark {
  background-color: transparent;
  color: #36383b;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
  border: 1px #36383b solid;
}

/* line 78, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-outlined-dark:hover,
.appgyver-ui__workspace .btn-outlined-dark.active {
  background-color: #36383b;
  color: white;
}

/* line 82, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-outlined-white {
  background-color: transparent;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
  border: 1px white solid;
}

/* line 92, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .btn-outlined-white:hover,
.appgyver-ui__workspace .btn-outlined-white.active {
  background-color: white;
  color: #30384a;
}

/* line 100, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .nav-pills-composer li a {
  color: #36383b;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 109, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .nav-pills-composer li a:hover {
  background: #b0b0b0;
  color: white;
}

/* line 115, app/assets/stylesheets/appgyver-ui/ui-components/popover.css.sass */
.appgyver-ui__workspace .nav-pills-composer li.active a {
  background: #00b5ff;
  color: white;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/mega-time-picker.css.sass */
.appgyver-ui__workspace .mega-time-picker .form-group {
  margin: 0px;
}

/* line 32, app/assets/stylesheets/appgyver-ui/ui-components/mega-time-picker.css.sass */
.appgyver-ui__workspace .mega-date-picker + .dropdown-menu li:first-child table .btn.btn-default {
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
  color: #36383b;
}

/* line 37, app/assets/stylesheets/appgyver-ui/ui-components/mega-time-picker.css.sass */
.appgyver-ui__workspace .mega-date-picker + .dropdown-menu li:first-child table .btn.btn-default.btn-info {
  color: white;
  font-weight: bold;
  background: #14bda6;
}

/* line 42, app/assets/stylesheets/appgyver-ui/ui-components/mega-time-picker.css.sass */
.appgyver-ui__workspace .mega-date-picker + .dropdown-menu li:first-child table thead th {
  padding-bottom: 10px;
}

/* line 47, app/assets/stylesheets/appgyver-ui/ui-components/mega-time-picker.css.sass */
.appgyver-ui__workspace .mega-date-picker + .dropdown-menu li:last-child .btn-group .btn:nth-child(2) {
  display: none;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/* line 63, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.appgyver-ui__composer .logic-editor-title {
  text-transform: uppercase;
  font-family: '72';
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 2px;
}

/* line 69, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.appgyver-ui__composer .logic-editor-title-sub {
  color: #00b5ff;
  font-family: '72';
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/* line 77, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  padding-top: 100px;
  z-index: 1000000000000;
}

/* line 88, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer.active {
  display: block;
}

/* line 91, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-top {
  padding-top: 20px;
}

/* line 94, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-top h2 {
  font-size: 36px;
  font-family: '72';
  font-weight: 500;
  margin-bottom: 0px;
}

/* line 99, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-top h2 + p {
  color: #00b5ff;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 600;
  font-size: 16px;
}

/* line 105, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-top #preview-qr-code {
  padding: 40px 0px;
}

/* line 108, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-bottom {
  padding-top: 20px;
  padding: 10px 20px 20px 20px;
}

/* line 112, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-bottom h2 {
  color: white;
  font-size: 24px;
  font-family: '72';
  font-weight: 400;
}

/* line 117, app/assets/stylesheets/appgyver-ui/ui-components/editor-view.css.sass */
.composer__editor-preview-layer .preview-bottom h2 + p {
  font-family: '72';
  font-weight: 400;
  font-size: 16px;
  margin: 20px 0px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 22, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table {
  width: 100%;
}

/* line 27, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table thead th {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
}

/* line 33, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table thead th.acl-table__permission-name {
  height: 100px;
  white-space: nowrap;
  position: relative;
  width: 100px;
  padding-bottom: 0px;
}

/* line 39, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table thead th.acl-table__permission-name > div {
  transform: translate3d(-15px, -32px, 0) rotate(-45deg);
  width: 30px;
  position: absolute;
  left: 100%;
}

/* line 45, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table thead th.acl-table__permission-name > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

/* line 50, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table thead th.acl-table__permission-name span.acl-table__permission-name__can {
  position: absolute;
  left: 0px;
  bottom: 4px;
}

/* line 59, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody tr:hover .acl-table__permission-remover {
  transform: scale(1);
}

/* line 62, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td {
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
}

/* line 67, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td.right-border {
  border-right: 1px solid #ccc;
}

/* line 70, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td.acl-table__permission-value {
  text-align: center;
  width: 100px;
  color: #e4e4e4;
  background-color: #fbfafa;
  cursor: pointer;
  text-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 78, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td.acl-table__permission-value.enabled {
  color: white;
  background-color: #14bda6;
}

/* line 82, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td.acl-table__permission-value .fa {
  font-size: 20px;
  font-weight: bold;
  transition: transform 100ms ease-in-out, text-shadow 100ms ease-in-out;
  transform: scale(1);
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

/* line 89, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table tbody td.acl-table__permission-value:hover .fa {
  transform: scale(1.3);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 93, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table .acl-table__permission-remover-container {
  position: absolute;
  top: 0px;
  left: -60px;
  height: 100%;
  width: 60px;
  text-align: right;
}

/* line 101, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table .acl-table__permission-remover {
  display: inline-block;
  position: relative;
  padding: 10px;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  text-align: center;
  color: #fa5252;
  transform: scale(0);
  transition: transform 100ms ease-in-out;
  cursor: pointer;
}

/* line 114, app/assets/stylesheets/appgyver-ui/ui-components/acl-table.css.sass */
table.acl-table .acl-table__permission-remover .fa {
  line-height: 20px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/vimeo-modal.css.sass */
.vimeo-modal .modal-dialog {
  width: 960px;
  margin-top: 160px;
  padding: 0px;
}

/* line 29, app/assets/stylesheets/appgyver-ui/ui-components/vimeo-modal.css.sass */
.vimeo-modal .modal-dialog .modal-content {
  box-shadow: none;
  border-radius: 3px;
  overflow: hidden;
}

/* line 34, app/assets/stylesheets/appgyver-ui/ui-components/vimeo-modal.css.sass */
.vimeo-modal .modal-dialog .modal-content .modal-header {
  background: #efefef;
  padding: 0px;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/vimeo-modal.css.sass */
.vimeo-modal .modal-dialog .modal-content .modal-body {
  padding: 0px;
}

/* line 41, app/assets/stylesheets/appgyver-ui/ui-components/vimeo-modal.css.sass */
.vimeo-modal .modal-dialog .modal-content .modal-body iframe {
  display: block;
  width: 960px;
  height: 540px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-default-composer {
  background-color: #b0b0b0;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 30, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-default-composer:hover {
  background-color: #d6d6d9;
}

/* line 33, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-primary-composer {
  background-color: #00b5ff;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 42, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-primary-composer:hover {
  background-color: #4dccff;
}

/* line 45, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-danger-composer {
  background-color: #fa5252;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 54, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-danger-composer:hover {
  background-color: #fc8587;
}

/* line 57, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-dark {
  background-color: #30384a;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 66, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-dark:hover {
  background-color: #00b5ff;
  color: white;
}

/* line 72, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined,
.appgyver-ui__composer .btn-outlined-dark,
.appgyver-ui__composer .btn-outlined-red,
.appgyver-ui__composer .btn-outlined-green {
  background-color: transparent;
  color: #36383b;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
  border: 1px #36383b solid;
}

/* line 82, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined:hover,
.appgyver-ui__composer .btn-outlined.active,
.appgyver-ui__composer .btn-outlined-dark:hover,
.appgyver-ui__composer .btn-outlined-dark.active,
.appgyver-ui__composer .btn-outlined-red:hover,
.appgyver-ui__composer .btn-outlined-red.active,
.appgyver-ui__composer .btn-outlined-green:hover,
.appgyver-ui__composer .btn-outlined-green.active {
  background-color: #36383b;
  color: white;
}

/* line 86, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-red {
  color: #fa5252;
  border-color: #fa5252;
}

/* line 89, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-red:hover,
.appgyver-ui__composer .btn-outlined-red.active {
  background-color: #fa5252;
}

/* line 92, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-green {
  color: #14bda6;
  border-color: #14bda6;
}

/* line 95, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-green:hover,
.appgyver-ui__composer .btn-outlined-green.active {
  background-color: #14bda6;
}

/* line 98, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-green {
  color: #fff;
  border-color: #14bda6;
  background-color: #14bda6;
}

/* line 102, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-green:hover,
.appgyver-ui__composer .btn-green.active,
.appgyver-ui__composer .btn-green:active {
  opacity: 0.7;
  color: #fff;
}

/* line 106, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-white {
  background-color: transparent;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
  border: 1px white solid;
}

/* line 116, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-outlined-white:hover,
.appgyver-ui__composer .btn-outlined-white.active,
.appgyver-ui__composer .btn-outlined-white:active {
  border-color: white;
  background-color: white;
  color: #30384a;
}

/* line 124, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-info {
  background-color: #87b3c4;
  color: white;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 133, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .btn-info:hover {
  background-color: #95b8c5;
}

/* line 140, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .nav-pills-composer li a {
  color: #36383b;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  padding: 6px 20px;
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
}

/* line 149, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .nav-pills-composer li a:hover {
  background: #b0b0b0;
  color: white;
}

/* line 155, app/assets/stylesheets/appgyver-ui/ui-components/btn.css.sass */
.appgyver-ui__composer .nav-pills-composer li.active a {
  background: #00b5ff;
  color: white;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 36, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation {
  padding: 5px 10px;
  background: #00b5ff;
  color: white;
  word-spacing: 0px;
  cursor: default;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__left {
  float: left;
}

/* line 46, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__left .navigation__link-row > * {
  margin-right: 28px;
}

/* line 49, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__right {
  float: right;
}

/* line 56, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .pricing-plan-pill {
  height: 21px;
  line-height: 21px;
  border-radius: 21px;
  margin-top: 4px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 0px 10px;
  text-transform: none;
}

/* line 66, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__logo,
.appgyver-ui__workspace .navigation .navigation__title,
.appgyver-ui__workspace .navigation .navigation__link-row {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 29px;
}

/* line 72, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link-row {
  padding-top: 0px;
  word-spacing: 0px;
  cursor: default;
}

/* line 77, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown {
  display: inline-block;
  position: relative;
}

/* line 81, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown .dropdown-menu {
  margin-top: 5px;
}

/* line 84, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown .app-title-placeholder {
  display: inline-block;
  max-width: 260px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  vertical-align: top;
}

/* line 94, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu {
  width: 1000%;
  max-width: 300px;
  padding: 5px;
}

/* line 99, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu a.environment-links {
  position: relative;
  padding: 10px 10px 10px 55px;
  min-height: 40px;
  border-radius: 4px;
}

/* line 105, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu a.environment-links p {
  margin: 0px;
  white-space: normal;
  line-height: 1.1;
}

/* line 110, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace
  .navigation
  .navigation__dropdown__open-app
  .dropdown-menu
  a.environment-links
  span.environment-links__title {
  display: block;
  color: #00b5ff;
  font-family: '72';
  font-weight: 700;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.1;
  padding-top: 2px;
}

/* line 120, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace
  .navigation
  .navigation__dropdown__open-app
  .dropdown-menu
  a.environment-links
  div.environment-links__icon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  border: 2px #87878a solid;
  border-radius: 100%;
}

/* line 129, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu .no-interfaces {
  padding: 15px;
}

/* line 131, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu .no-interfaces .no-interface-title {
  font-family: '72' !important;
  color: #fa5252;
  font-weight: 800;
}

/* line 135, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__dropdown__open-app .dropdown-menu .no-interfaces p {
  margin: 0px;
}

/* line 138, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link__icon {
  margin-right: 8px !important;
}

/* line 141, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link {
  display: inline-block;
  text-decoration: none;
  color: white;
  line-height: 29px;
  vertical-align: top;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 700;
  font-size: 12px;
  margin-right: 55px;
  height: 29px;
}

@media screen and (max-width: 1200px) {
  /* line 141, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
  .appgyver-ui__workspace .navigation .navigation__link {
    margin-right: 20px;
  }
}

/* line 155, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link.mega {
  font-family: '72';
  font-weight: 500;
  font-size: 20px;
  text-transform: none;
  color: white;
}

/* line 160, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link.mega .fa {
  font-size: 16px;
}

/* line 163, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link .fa {
  color: inherit;
}

/* line 166, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link .navigation__link__icon__img {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 29px;
  overflow: hidden;
  vertical-align: top;
}

/* line 174, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link .navigation__link__icon__img > img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 29px;
}

/* line 182, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link:hover,
.appgyver-ui__workspace .navigation .navigation__link.active {
  color: white;
  cursor: pointer;
}

/* line 187, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link:hover .navigation__link__icon__img > img,
.appgyver-ui__workspace .navigation .navigation__link.active .navigation__link__icon__img > img {
  left: -30px;
}

/* line 190, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__link.navigation__link__text:hover,
.appgyver-ui__workspace .navigation .navigation__link.navigation__link__text.active {
  border-bottom: 1px solid white;
  padding-top: 4px;
  line-height: 21px;
}

/* line 196, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .open .navigation__link {
  color: white;
  cursor: pointer;
}

/* line 200, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .open .navigation__link .navigation__link__icon__img > img {
  left: -30px;
}

/* line 203, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__logo {
  overflow: hidden;
  width: 30px;
  cursor: pointer;
  margin-right: 10px;
}

/* line 209, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__logo img {
  position: absolute;
  width: 60px;
  height: 29px;
  top: 0;
  left: 0px;
}

/* line 217, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__logo:not(.no-hover):hover img,
.appgyver-ui__workspace .navigation .navigation__logo.active:not(.no-hover) img {
  left: -30px;
}

/* line 220, app/assets/stylesheets/appgyver-ui/ui-components/navigation.css.sass */
.appgyver-ui__workspace .navigation .navigation__title {
  display: inline-block;
  vertical-align: top;
  height: 29px;
  line-height: 29px;
  margin-left: 10px;
  font-size: 16px;
  font-family: '72';
  font-weight: 600;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer .composer__file-attachments h1 {
  font-family: '72';
  font-weight: 400;
}

/* line 26, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer .composer__file-attachments .file-attachment {
  position: relative;
  display: block;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  border: 1px black solid;
  border-radius: 3px;
}

/* line 36, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer .composer__file-attachments .file-attachment > img {
  display: block;
  width: 100%;
}

/* line 40, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer .composer__file-attachments .no-assets {
  background: #fa5252;
  color: white;
  padding: 15px;
  text-align: center;
  font-family: '72';
  font-weight: 500;
  border-radius: 4px;
  font-size: 16px;
}

/* line 49, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer s3-asset {
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/file-attachments.css.sass */
.appgyver-ui__composer s3-asset .change-asset-bottom {
  display: block;
  color: #00b5ff;
  text-transform: uppercase;
  font-size: 11px;
  padding-top: 2px;
  font-family: '72';
  font-weight: 500;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/editable-text.css.sass */
.appgyver-ui__composer .editable-text {
  position: relative;
}

/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/editable-text.css.sass */
.appgyver-ui__composer .editable-text .editable-text__hint {
  position: absolute;
  display: inline-block;
  left: 100%;
  top: 50%;
  font-size: 10px !important;
  line-height: 100%;
  margin-top: -5px;
  margin-left: 10px;
  color: #00b5ff;
}

/* line 35, app/assets/stylesheets/appgyver-ui/ui-components/editable-text.css.sass */
.appgyver-ui__composer .editable-text:hover {
  text-decoration: underline;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/infolink.css.sass */
.appgyver-ui__composer a.infolink,
.appgyver-ui__composer p.infolink {
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-left: 30px;
  min-height: 20px;
  vertical-align: top;
  white-space: nowrap;
}

/* line 29, app/assets/stylesheets/appgyver-ui/ui-components/infolink.css.sass */
.appgyver-ui__composer a.infolink > img,
.appgyver-ui__composer p.infolink > img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/infolink.css.sass */
.appgyver-ui__composer a.infolink > span,
.appgyver-ui__composer p.infolink > span {
  line-height: 16px;
  vertical-align: top;
  text-transform: uppercase;
  color: black;
  font-size: 12px;
  padding-top: 2px;
  font-family: '72';
  font-weight: 600;
  display: inline-block;
  white-space: normal;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/infolink.css.sass */
.appgyver-ui__composer a.infolink:hover > span,
.appgyver-ui__composer a.infolink:active > span {
  text-decoration: underline;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 25, app/assets/stylesheets/appgyver-ui/ui-components/components-container.css.sass */
.appgyver-ui__composer .composer__components-container .component-image-container,
.appgyver-ui__composer .composer__components-container .action-image-container {
  border: none !important;
  font-family: '72' !important;
  font-weight: 500;
  color: #737375 !important;
  letter-spacing: 0px !important;
  width: 33.33333333333333333333333%;
}

/* line 32, app/assets/stylesheets/appgyver-ui/ui-components/components-container.css.sass */
.appgyver-ui__composer .composer__components-container .component-image-container:hover,
.appgyver-ui__composer .composer__components-container .action-image-container:hover {
  background: #f3f3f3 !important;
}

/* line 35, app/assets/stylesheets/appgyver-ui/ui-components/components-container.css.sass */
.appgyver-ui__composer .composer__components-container .component-image,
.appgyver-ui__composer .composer__components-container .action-image {
  width: 100%;
  background-size: contain;
  background-position: 50% 50%;
  height: 40px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 19, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
h2 {
  font-family: '72';
  font-weight: 500;
}

/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard {
  counter-reset: stepped-wizard;
}

/* line 30, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .table tbody tr:hover td {
  background: none !important;
}

/* line 35, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard form .label {
  text-transform: uppercase;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard form .input {
  border: none;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step {
  background-color: #f3f3f3;
  padding-top: 34px;
  padding-bottom: 34px;
}

/* line 48, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step:nth-child(even) {
  background-color: #dee9ed;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step.step-gray {
  background-color: #f3f3f3;
}

/* line 54, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step.step-blue {
  background-color: #dee9ed;
}

/* line 57, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step.red {
  background-color: red !important;
}

/* line 73, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step .field label {
  text-transform: uppercase;
  font-family: '72';
  font-weight: 500;
  font-size: 10px;
}

/* line 80, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step .stepped-wizard__step__header {
  padding-bottom: 34px;
}

/* line 84, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header.green
  .stepped-wizard__step__number {
  background: #14bda6;
}

/* line 86, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step .stepped-wizard__step__header.green h2 {
  border-color: #14bda6;
}

/* line 89, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number-container {
  padding-right: 5px;
}

/* line 92, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number-container.small-number {
  padding-left: 40px;
  padding-top: 10px;
}

/* line 96, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number {
  position: relative;
  background: #00b5ff;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 100%;
}

/* line 103, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number
  > div {
  position: absolute;
  color: white;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0px;
  line-height: 100%;
  font-family: '72';
  font-weight: 600;
}

/* line 115, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number
  > div:not(.no-counter) {
  padding-left: 7px;
}

/* line 118, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer
  .stepped-wizard
  .stepped-wizard__step
  .stepped-wizard__step__header
  .stepped-wizard__step__number
  > div:not(.no-counter)::before {
  counter-increment: stepped-wizard;
  content: counter(stepped-wizard) '.';
  font-size: 28px;
}

/* line 123, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step .stepped-wizard__step__header h2 {
  margin-top: 10px;
  border-bottom: 1px #00b5ff solid;
  font-family: '72';
  font-weight: 500;
}

/* line 128, app/assets/stylesheets/appgyver-ui/ui-components/stepped-wizard.css.sass */
.appgyver-ui__composer .stepped-wizard .stepped-wizard__step .stepped-wizard__step__header h2 small {
  margin-top: 2px;
  margin-bottom: 4px;
  display: block;
  text-transform: uppercase;
  color: #36383b;
  font-size: 10px;
  line-height: 120%;
  font-family: '72';
  font-weight: 700;
}
/* line 22, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .modal-confirm .modal-dialog {
  max-width: 400px !important;
}

/* line 24, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .modal-confirm .modal-dialog .modal-body {
  padding: 15px;
}

/* line 26, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .modal-confirm .modal-dialog .modal-body h4 {
  font-family: '72';
  font-weight: 600;
}

/* line 31, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog {
  max-width: 800px;
  width: 100%;
  margin-top: 100px;
}

/* line 36, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog.modal-dialog-narrow {
  max-width: 400px;
}

/* line 39, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content {
  box-shadow: none;
  border-radius: 3px;
  overflow: hidden;
}

/* line 44, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-header {
  background: #efefef;
  padding: 0px;
}

/* line 48, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-header .tab {
  text-align: center;
  padding: 20px 0px;
  cursor: pointer;
}

/* line 53, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-header .tab:hover,
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-header .tab.active {
  background: #dae9ef;
}

/* line 57, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-header .tab.active:after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border: 5px transparent solid;
  border-top: 5px #dae9ef solid;
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body {
  padding: 60px 30px 30px 30px;
}

/* line 71, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .launch-image {
  max-width: 260px;
}

/* line 74, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .qrcode-wrapper {
  margin-bottom: 38px;
}

/* line 77, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body #export-trigger {
  line-height: 14px;
}

/* line 79, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body #export-trigger .fa {
  line-height: 14px;
  margin-left: -18px;
  font-size: 26px;
  vertical-align: top;
  margin-right: 6px;
  color: inherit;
}

/* line 87, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .qrcode-placeholder {
  width: 300px;
  height: 300px;
  background-color: #efefef;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 0 auto;
  margin-bottom: 10px;
}

/* line 96, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .qrcode-placeholder > img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/* line 103, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .qrcode-placeholder .qrCodeShare {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 40px;
  z-index: 2;
}

/* line 110, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .qrcode-placeholder .update-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(120, 120, 120, 0.9);
  text-align: center;
  padding-top: 138px;
}

/* line 121, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace
  .preview-modal
  .modal-dialog
  .modal-content
  .modal-body
  .qrcode-placeholder
  .update-overlay
  .progress-bar {
  position: relative;
  width: 60%;
  height: 24px;
  border: 1px white solid;
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
  margin: 0px auto;
  left: 20%;
}

/* line 131, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace
  .preview-modal
  .modal-dialog
  .modal-content
  .modal-body
  .qrcode-placeholder
  .update-overlay
  .progress-bar
  .number {
  color: #00b5ff;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 600;
  font-size: 10px;
  position: relative;
  z-index: 2;
  text-align: left;
  padding-left: 16px;
}

/* line 140, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace
  .preview-modal
  .modal-dialog
  .modal-content
  .modal-body
  .qrcode-placeholder
  .update-overlay
  .progress-bar
  .bar {
  position: absolute;
  z-index: 1;
  width: 22px;
  height: 100%;
  border-radius: 11px;
  background: white;
  min-width: 22px;
}

/* line 152, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .preview-modal__bullets div {
  margin-bottom: 8px;
  line-height: 22px;
}

/* line 156, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .preview-modal__bullets div span {
  display: inline-block;
  background: #00b5ff;
  width: 22px;
  height: 22px;
  vertical-align: top;
  border-radius: 11px;
  color: white;
  line-height: 22px;
  text-align: center;
  margin-right: 10px;
  font-family: '72';
  font-weight: 700;
  font-size: 14px;
}

/* line 170, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-body .preview_modal__compatibility-notice {
  margin-top: 24px;
}

/* line 173, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-footer {
  background: #00b5ff;
  padding: 30px 30px 30px 30px;
  text-align: left;
}

/* line 178, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-footer h2 {
  color: white;
  margin-top: 0px;
  font-size: 24px;
}

/* line 183, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-footer p {
  margin-top: 0px;
}

/* line 186, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-footer .store-badges {
  padding-top: 16px;
}

/* line 188, app/assets/stylesheets/appgyver-ui/ui-components/preview-modal.css.sass */
.appgyver-ui__workspace .preview-modal .modal-dialog .modal-content .modal-footer .store-badges a {
  display: inline-block;
  margin-right: 20px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar {
  background: white;
  width: 100%;
  height: 24px;
  position: absolute;
  top: -24px;
  left: 0px;
  z-index: 999;
  text-align: center;
  transition: top 100ms ease-out;
}

/* line 34, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center,
.appgyver-ui__composer .composer__x-bar .x-center-spacer,
.appgyver-ui__composer .composer__x-bar .x-left,
.appgyver-ui__composer .composer__x-bar .x-right {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}

/* line 41, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown {
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: top;
  cursor: default;
  border: none !important;
}

/* line 50, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown.open > button,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown.open > button,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown.open > button,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown.open > button {
  color: #00b5ff;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: none !important;
}

/* line 58, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown button,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown button,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown button,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown button {
  background: transparent !important;
}

/* line 60, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown button:active,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown button:active,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown button:active,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown button:active {
  background: transparent !important;
}

/* line 63, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown .dropdown-menu,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown .dropdown-menu,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown .dropdown-menu,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown .dropdown-menu {
  text-align: left;
}

/* line 65, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown .dropdown-menu.caret,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown .dropdown-menu.caret,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown .dropdown-menu.caret,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown .dropdown-menu.caret {
  margin-left: 4px;
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center a,
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown > button,
.appgyver-ui__composer .composer__x-bar .x-center-spacer a,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown > button,
.appgyver-ui__composer .composer__x-bar .x-left a,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown > button,
.appgyver-ui__composer .composer__x-bar .x-right a,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown > button {
  display: inline-block;
  height: inherit;
  line-height: inherit;
  vertical-align: top;
  padding: 0px 20px;
  text-transform: uppercase;
  color: #36383b;
  text-decoration: none;
  font-family: '72';
  font-weight: 400;
  font-size: 13px;
  border: none !important;
}

/* line 81, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center a:hover,
.appgyver-ui__composer .composer__x-bar .x-center .btn-dropdown > button:hover,
.appgyver-ui__composer .composer__x-bar .x-center-spacer a:hover,
.appgyver-ui__composer .composer__x-bar .x-center-spacer .btn-dropdown > button:hover,
.appgyver-ui__composer .composer__x-bar .x-left a:hover,
.appgyver-ui__composer .composer__x-bar .x-left .btn-dropdown > button:hover,
.appgyver-ui__composer .composer__x-bar .x-right a:hover,
.appgyver-ui__composer .composer__x-bar .x-right .btn-dropdown > button:hover {
  cursor: pointer;
  color: #00b5ff;
  background: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* line 89, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center,
.appgyver-ui__composer .composer__x-bar .x-center-spacer {
  width: 165px;
}

/* line 92, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center {
  position: absolute;
  left: 0;
  height: 24px;
  top: 24px;
  transition: top 100ms ease-out;
  border-radius: 0px 0px 300% 300%;
}

/* line 100, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar .x-center img {
  position: relative;
  width: 100%;
  height: 34px;
  display: block;
  margin: 0px;
  padding: 0px;
  margin-top: -5px;
}

/* line 110, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar.active {
  top: 0px;
  transition: top 200ms ease-out;
}

/* line 113, app/assets/stylesheets/appgyver-ui/ui-components/x-bar.css.sass */
.appgyver-ui__composer .composer__x-bar.active .x-center {
  top: 0px;
  transition: top 200ms ease-out;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 21, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer .composer__sidebar__sectionstart {
  margin-left: -20px;
  margin-right: -20px;
  margin: 40px -20px 25px -20px;
  border-top: 1px solid #d6d6d9;
  color: #b0b0b0;
  text-transform: uppercase;
  padding: 6px 20px 0px 20px;
  font-family: '72';
  font-weight: 600;
  font-size: 14px;
}

/* line 32, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer .composer__highlighted-box {
  background: white;
  -webkit-transition: background 200ms 0ms ease-in-out;
  -moz-transition: background 200ms 0ms ease-in-out;
  transition: background 200ms 0ms ease-in-out;
  padding-bottom: 0px;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer .composer__highlighted-box.active {
  background: #f3f3f3;
  padding-bottom: 20px;
}

/* line 42, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer fieldset.composer__fieldset {
  position: relative;
  display: block;
  border: 1px solid #d6d6d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 15px;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer fieldset.composer__fieldset > legend {
  display: block;
  position: relative;
  border: none;
  background: transparent !important;
  background-color: transparent !important;
  margin-bottom: 0px;
  text-align: center;
}

/* line 60, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer fieldset.composer__fieldset > legend > span {
  text-align: center;
  display: inline-block;
  background: white;
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: '72';
  font-weight: 600;
  color: #b0b0b0;
}

/* line 71, app/assets/stylesheets/appgyver-ui/ui-components/fieldset.css.sass */
.appgyver-ui__composer fieldset.composer__fieldset .form-group:first-child {
  margin-top: 0px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 27, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs {
  height: auto;
  border: none;
  padding: 0px;
}

/* line 32, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs li {
  text-transform: uppercase;
  height: 30px !important;
  line-height: 25px;
  border-left: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
  width: 33.33333333333%;
  border-radius: 0px;
}

/* line 41, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs li > a {
  height: 29px !important;
  line-height: 29px;
  font-size: 10px;
  padding: 0px;
  border-radius: 0px;
  background: white;
  color: #5e5e61;
  font-family: '72';
  font-weight: 700;
  letter-spacing: 1px;
}

/* line 52, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs li.active {
  border-color: #30384a;
}

/* line 54, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs li.active > a {
  background: #30384a !important;
  color: white;
}

/* line 58, app/assets/stylesheets/appgyver-ui/ui-components/tabset.css.sass */
.appgyver-ui__composer .composer__tabset ul.nav.nav-tabs li:first-child {
  border-left: none;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 25, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li a {
  font-family: '72';
  font-weight: 600;
  color: #36383b;
  padding: 3px 0px 5px 0px;
  border: none;
  border-bottom: 3px solid transparent;
  text-transform: uppercase;
  font-size: 12px;
  transition: color 100ms ease-in-out;
}

/* line 35, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li a:hover,
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li a:active {
  background: none;
}

/* line 38, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li a:hover {
  color: #00b5ff;
  cursor: pointer;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li.active a {
  border-color: #00b5ff;
  background-color: transparent;
}

/* line 46, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li.active a:hover,
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li.active a:active {
  background: none;
}

/* line 49, app/assets/stylesheets/appgyver-ui/ui-components/inline-tabs.css.sass */
.appgyver-ui__workspace .nav.nav-tabs.inline-tabs li + li {
  margin-left: 15px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/page-level-header.css.sass */
.appgyver-ui__workspace .page-level-header h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 27, app/assets/stylesheets/appgyver-ui/ui-components/page-level-header.css.sass */
.appgyver-ui__workspace .page-level-header__video-guide {
  display: inline-block;
  margin-left: 16px;
  margin-top: 12px;
  text-transform: uppercase;
  color: #00b5ff;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  vertical-align: top;
  text-decoration: none;
}

/* line 39, app/assets/stylesheets/appgyver-ui/ui-components/page-level-header.css.sass */
.appgyver-ui__workspace .page-level-header__video-guide:hover {
  color: #30384a;
}

/* line 42, app/assets/stylesheets/appgyver-ui/ui-components/page-level-header.css.sass */
.appgyver-ui__workspace .page-level-header__video-guide .fa {
  font-size: 16px;
  color: inherit;
  line-height: inherit;
  line-height: 16px;
  vertical-align: top;
}

/* line 49, app/assets/stylesheets/appgyver-ui/ui-components/page-level-header.css.sass */
.appgyver-ui__workspace .page-level-header__video-guide span {
  vertical-align: top;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects h1 {
  font-family: '72';
  font-weight: 400;
}

/* line 26, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder {
  position: relative;
}

/* line 29, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card {
  display: block;
  background: #f3f3f3;
  padding: 16px 10px;
  margin-bottom: 30px;
  color: #36383b;
  text-decoration: none;
  border-radius: 3px;
  font-family: '72';
  font-weight: 400;
  position: relative;
  z-index: 1;
}

/* line 41, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card .project-remover {
  display: none;
  z-index: 2;
  position: absolute;
  top: -10px;
  right: -10px;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  background: black;
  text-align: center;
  color: white;
  line-height: 20px;
  vertical-align: middle;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card:hover {
  background: #00b5ff;
  color: white;
  cursor: pointer;
}

/* line 62, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card:hover .text-blue {
  color: white;
}

/* line 65, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card:hover .project-remover {
  display: block;
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card .project-name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: '...';
  text-overflow: ellipsis;
  font-size: 16px;
  margin-bottom: 10px;
}

/* line 77, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .project-card-holder .project-card .project-modified {
  text-transform: uppercase;
  font-size: 10px;
}

/* line 81, app/assets/stylesheets/appgyver-ui/ui-components/my-projects.css.sass */
.appgyver-ui__composer .composer__my-projects .no-projects {
  background: #fa5252;
  color: white;
  padding: 15px;
  text-align: center;
  font-family: '72';
  font-weight: 500;
  border-radius: 4px;
  font-size: 16px;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 19, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea {
  position: relative;
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea input[type='file'] {
  position: absolute;
  top: -100%;
  left: -10%;
  width: 120%;
  height: 220%;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  z-index: 10;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=1)';
  filter: alpha(opacity=1);
  opacity: 0.01;
}

/* line 43, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea--disabled {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* line 48, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea--disabled input[type='file'] {
  cursor: not-allowed;
}

/* line 51, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea__content {
  position: relative;
  border: 3px dashed rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 40px 20px;
  z-index: 5;
  text-align: center;
  font-size: 2vw;
}

/* line 63, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea:not(.filearea--disabled):hover .filearea__content {
  border-style: solid;
  background: rgba(0, 0, 0, 0.1);
}

/* line 68, app/assets/stylesheets/appgyver-ui/ui-components/filearea.css.sass */
.filearea.filearea--highlighted:not(.filearea--disabled) .filearea__content {
  border-style: solid;
  background: rgba(0, 0, 0, 0.1);
}

/* line 7, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tag {
  background-color: #898c93;
  font-family: '72';
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.17px;
  color: #000000;
  font-weight: 600;
  color: #ffffff;
  padding: 4px 24px 4px 12px;
  border-radius: 20px;
  position: relative;
  display: inline-block;
}

/* line 202, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_typography.scss */
.tag code {
  font-size: 9px;
}

/* line 18, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tag__remove {
  position: absolute;
  right: 7px;
  cursor: pointer;
  font-size: 13px;
  top: 4px;
}

/* line 26, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tag--selected {
  background-color: #00b6ff;
}

/* line 30, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.card {
  -webkit-box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  -moz-box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 2px;
  display: block;
  float: left;
  padding: 18px 16px;
}

/* line 39, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.card:not(.card--disabled) {
  transition: box-shadow 100ms ease-out;
}

/* line 43, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.card:not(.card--disabled):hover {
  -webkit-box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
  -moz-box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
  box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
}

/* line 49, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.card--disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 54, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.rotate-180 {
  transform: rotate(180deg);
}

/* line 58, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.number-circle {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  font-weight: 600;
  background-color: #fb5152;
  color: #ffffff;
  border-radius: 8px;
  height: 16px;
  width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  line-height: 1;
}

/* line 73, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.number-circle--gray {
  background-color: #898c93;
}

/* line 78, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.togglable {
  color: #898c93;
}

/* line 81, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.togglable:hover,
.togglable.togglable--toggled {
  color: #00b6ff;
}

/* line 87, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.svg-icon__info.info_tooltip {
  cursor: pointer;
  width: 12px;
  height: 12px;
  margin-left: 6px;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.svg-icon__info.info_tooltip .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.svg-icon__info.info_tooltip:active .cls-1,
.svg-icon__info.info_tooltip:hover .cls-1 {
  fill: #303948 !important;
}

/* line 101, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.draggable_handle {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  font-size: 10px;
  cursor: ns-resize;
  width: 100%;
  position: relative;
  z-index: 999;
  background-color: #303948;
  color: #ffffff;
  padding: 4px 12px 4px 12px;
  height: 19px;
}

/* line 105, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.scrollable {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* line 210, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.scrollable::-webkit-scrollbar {
  width: 1px;
}

/* line 213, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.scrollable::-webkit-scrollbar-thumb {
  background: #303948 !important;
}

/* line 109, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.scrollable--large-bar {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

/* line 220, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.scrollable--large-bar::-webkit-scrollbar * {
  background: transparent;
}

/* line 223, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.scrollable--large-bar::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
  background-color: #d7d9dd;
}

/* line 228, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.scrollable--large-bar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #898c93 !important;
}

/* line 113, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-block {
  font-family: '72';
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.17px;
  color: #000000;
  padding: 14px 12px;
  margin-bottom: 4px;
  border-radius: 2px;
}

/* line 202, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_typography.scss */
.message-block code {
  font-size: 9px;
}

/* line 119, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-block.message-block--warning {
  background-color: #f8f3d6;
  color: #6a6450;
}

/* line 124, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-block.message-block--error {
  background-color: #fb5152;
  color: #ffffff;
}

/* line 130, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.back {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  cursor: pointer;
  color: #000000;
  font-size: 11px !important;
  display: flex !important;
  align-items: center;
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__search .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__edit .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__copy .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__trash .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__preview .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__image .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__exit .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__users .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__folder .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__dropper .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__launch .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__download .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__x .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__binding .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--component .cls-2,
.back .svg-icon.svg-icon__source-option--component .cls-3,
.back .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__list .cls-2,
.back .svg-icon.svg-icon__list .cls-3 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__list .cls-3,
.back .svg-icon.svg-icon__list .cls-4 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__gallery .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__documentation .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__comment .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__add .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__remove .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__info .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__delete .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__bug .cls-3 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__bug .cls-1,
.back .svg-icon.svg-icon__bug .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__component .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__arrow-up .cls-1,
.back .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__arrow-down .cls-1,
.back .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__arrow-right .cls-1,
.back .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back .svg-icon.svg-icon__arrow-left .cls-1,
.back .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--component .cls-2,
.back:hover .svg-icon.svg-icon__source-option--component .cls-3,
.back:hover .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__list .cls-2,
.back:hover .svg-icon.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__list .cls-3,
.back:hover .svg-icon.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__bug .cls-1,
.back:hover .svg-icon.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__arrow-up .cls-1,
.back:hover .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__arrow-down .cls-1,
.back:hover .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__arrow-right .cls-1,
.back:hover .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:hover .svg-icon.svg-icon__arrow-left .cls-1,
.back:hover .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__search .cls-2,
.back.active .svg-icon.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__edit .cls-2,
.back.active .svg-icon.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__edit_small .cls-2,
.back.active .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__copy .cls-2,
.back.active .svg-icon.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__copy_small .cls-2,
.back.active .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__trash .cls-2,
.back.active .svg-icon.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__preview .cls-2,
.back.active .svg-icon.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__image .cls-2,
.back.active .svg-icon.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__exit .cls-2,
.back.active .svg-icon.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__users .cls-2,
.back.active .svg-icon.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__forbidden .cls-2,
.back.active .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__text-bubble .cls-2,
.back.active .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__ui-canvas .cls-2,
.back.active .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__folder .cls-2,
.back.active .svg-icon.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__bulleted-list .cls-2,
.back.active .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__dropper .cls-2,
.back.active .svg-icon.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__launch .cls-2,
.back.active .svg-icon.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__theme-variable-link .cls-2,
.back.active .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--empty .cls-2,
.back.active .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--expression .cls-2,
.back.active .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--computed .cls-2,
.back.active .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.back.active .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.back.active .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__cell-align_center .cls-2,
.back.active .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__align-text-center .cls-2,
.back.active .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__align-text-left .cls-2,
.back.active .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__align-text-right .cls-2,
.back.active .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__align-text-justify .cls-2,
.back.active .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__arrow-circle .cls-2,
.back.active .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.back.active .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--app-variable .cls-2,
.back.active .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--array .cls-2,
.back.active .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--boolean .cls-2,
.back.active .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--component-id .cls-2,
.back.active .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.back.active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.back.active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.back.active .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--data-instance .cls-2,
.back.active .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--expression .cls-2,
.back.active .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--icon .cls-2,
.back.active .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--image .cls-2,
.back.active .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--internal-property .cls-2,
.back.active .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--number .cls-2,
.back.active .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--object .cls-2,
.back.active .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--output-value .cls-2,
.back.active .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--page-id .cls-2,
.back.active .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.back.active .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.back.active .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--page-variable .cls-2,
.back.active .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--private-variable .cls-2,
.back.active .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.back.active .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--self .cls-2,
.back.active .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--service .cls-2,
.back.active .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--string .cls-2,
.back.active .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__value-type--translated-string .cls-2,
.back.active .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__download .cls-2,
.back.active .svg-icon.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__no-repeat .cls-2,
.back.active .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__x .cls-2,
.back.active .svg-icon.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__binding .cls-2,
.back.active .svg-icon.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--component .cls-4,
.back.active .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--component .cls-2,
.back:active .svg-icon.svg-icon__source-option--component .cls-3,
.back:active .svg-icon.svg-icon__source-option--component .cls-4,
.back.active .svg-icon.svg-icon__source-option--component .cls-2,
.back.active .svg-icon.svg-icon__source-option--component .cls-3,
.back.active .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__list .cls-2,
.back:active .svg-icon.svg-icon__list .cls-3,
.back.active .svg-icon.svg-icon__list .cls-2,
.back.active .svg-icon.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__list .cls-3,
.back:active .svg-icon.svg-icon__list .cls-4,
.back.active .svg-icon.svg-icon__list .cls-3,
.back.active .svg-icon.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__gallery .cls-1,
.back.active .svg-icon.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__source-option--static .cls-1,
.back.active .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__exclamation-badge .cls-1,
.back.active .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__documentation .cls-1,
.back.active .svg-icon.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__clipboard .cls-1,
.back.active .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__comment .cls-1,
.back.active .svg-icon.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__alert-bell .cls-1,
.back.active .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__chevron-right .cls-1,
.back.active .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__reverse-direction .cls-1,
.back.active .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__add .cls-1,
.back.active .svg-icon.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__remove .cls-1,
.back.active .svg-icon.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__remove_small .cls-1,
.back.active .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__info .cls-1,
.back.active .svg-icon.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__delete .cls-1,
.back.active .svg-icon.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__component-composite .cls-1,
.back.active .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__load-indicator .cls-1,
.back.active .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__bug .cls-3,
.back.active .svg-icon.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__bug .cls-1,
.back:active .svg-icon.svg-icon__bug .cls-2,
.back.active .svg-icon.svg-icon__bug .cls-1,
.back.active .svg-icon.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__component .cls-2,
.back.active .svg-icon.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__arrow-up .cls-1,
.back:active .svg-icon.svg-icon__arrow-up .cls-2,
.back.active .svg-icon.svg-icon__arrow-up .cls-1,
.back.active .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__arrow-down .cls-1,
.back:active .svg-icon.svg-icon__arrow-down .cls-2,
.back.active .svg-icon.svg-icon__arrow-down .cls-1,
.back.active .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__arrow-right .cls-1,
.back:active .svg-icon.svg-icon__arrow-right .cls-2,
.back.active .svg-icon.svg-icon__arrow-right .cls-1,
.back.active .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back:active .svg-icon.svg-icon__arrow-left .cls-1,
.back:active .svg-icon.svg-icon__arrow-left .cls-2,
.back.active .svg-icon.svg-icon__arrow-left .cls-1,
.back.active .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 72, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.back[disabled],
.back.disabled {
  cursor: normal;
}

/* line 76, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.back[disabled] .svg-icon,
.back.disabled .svg-icon {
  cursor: normal;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__search .cls-2,
.back.disabled .svg-icon.svg-icon__search .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__edit .cls-2,
.back.disabled .svg-icon.svg-icon__edit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__edit_small .cls-2,
.back.disabled .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__copy .cls-2,
.back.disabled .svg-icon.svg-icon__copy .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__copy_small .cls-2,
.back.disabled .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__trash .cls-2,
.back.disabled .svg-icon.svg-icon__trash .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__preview .cls-2,
.back.disabled .svg-icon.svg-icon__preview .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__image .cls-2,
.back.disabled .svg-icon.svg-icon__image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__exit .cls-2,
.back.disabled .svg-icon.svg-icon__exit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__users .cls-2,
.back.disabled .svg-icon.svg-icon__users .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__forbidden .cls-2,
.back.disabled .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__text-bubble .cls-2,
.back.disabled .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__ui-canvas .cls-2,
.back.disabled .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__folder .cls-2,
.back.disabled .svg-icon.svg-icon__folder .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__bulleted-list .cls-2,
.back.disabled .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__dropper .cls-2,
.back.disabled .svg-icon.svg-icon__dropper .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__launch .cls-2,
.back.disabled .svg-icon.svg-icon__launch .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__theme-variable-link .cls-2,
.back.disabled .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--empty .cls-2,
.back.disabled .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--expression .cls-2,
.back.disabled .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--computed .cls-2,
.back.disabled .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.back.disabled .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.back.disabled .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__cell-align_center .cls-2,
.back.disabled .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__align-text-center .cls-2,
.back.disabled .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__align-text-left .cls-2,
.back.disabled .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__align-text-right .cls-2,
.back.disabled .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__align-text-justify .cls-2,
.back.disabled .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__arrow-circle .cls-2,
.back.disabled .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--app-variable .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--array .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--boolean .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--component-id .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--data-instance .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--expression .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--icon .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--image .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--internal-property .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--number .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--object .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--output-value .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--page-id .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--page-variable .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--private-variable .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--self .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--service .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--string .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__value-type--translated-string .cls-2,
.back.disabled .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__download .cls-2,
.back.disabled .svg-icon.svg-icon__download .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__no-repeat .cls-2,
.back.disabled .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__x .cls-2,
.back.disabled .svg-icon.svg-icon__x .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__binding .cls-2,
.back.disabled .svg-icon.svg-icon__binding .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.back.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--component .cls-2,
.back[disabled] .svg-icon.svg-icon__source-option--component .cls-3,
.back[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.back.disabled .svg-icon.svg-icon__source-option--component .cls-2,
.back.disabled .svg-icon.svg-icon__source-option--component .cls-3,
.back.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__list .cls-2,
.back[disabled] .svg-icon.svg-icon__list .cls-3,
.back.disabled .svg-icon.svg-icon__list .cls-2,
.back.disabled .svg-icon.svg-icon__list .cls-3 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__list .cls-3,
.back[disabled] .svg-icon.svg-icon__list .cls-4,
.back.disabled .svg-icon.svg-icon__list .cls-3,
.back.disabled .svg-icon.svg-icon__list .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__gallery .cls-1,
.back.disabled .svg-icon.svg-icon__gallery .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__source-option--static .cls-1,
.back.disabled .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__exclamation-badge .cls-1,
.back.disabled .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__documentation .cls-1,
.back.disabled .svg-icon.svg-icon__documentation .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__clipboard .cls-1,
.back.disabled .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__comment .cls-1,
.back.disabled .svg-icon.svg-icon__comment .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__alert-bell .cls-1,
.back.disabled .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__chevron-right .cls-1,
.back.disabled .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__reverse-direction .cls-1,
.back.disabled .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__add .cls-1,
.back.disabled .svg-icon.svg-icon__add .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__remove .cls-1,
.back.disabled .svg-icon.svg-icon__remove .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__remove_small .cls-1,
.back.disabled .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__info .cls-1,
.back.disabled .svg-icon.svg-icon__info .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__delete .cls-1,
.back.disabled .svg-icon.svg-icon__delete .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__component-composite .cls-1,
.back.disabled .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__load-indicator .cls-1,
.back.disabled .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__bug .cls-3,
.back.disabled .svg-icon.svg-icon__bug .cls-3 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__bug .cls-1,
.back[disabled] .svg-icon.svg-icon__bug .cls-2,
.back.disabled .svg-icon.svg-icon__bug .cls-1,
.back.disabled .svg-icon.svg-icon__bug .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__component .cls-2,
.back.disabled .svg-icon.svg-icon__component .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__arrow-up .cls-1,
.back[disabled] .svg-icon.svg-icon__arrow-up .cls-2,
.back.disabled .svg-icon.svg-icon__arrow-up .cls-1,
.back.disabled .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__arrow-down .cls-1,
.back[disabled] .svg-icon.svg-icon__arrow-down .cls-2,
.back.disabled .svg-icon.svg-icon__arrow-down .cls-1,
.back.disabled .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__arrow-right .cls-1,
.back[disabled] .svg-icon.svg-icon__arrow-right .cls-2,
.back.disabled .svg-icon.svg-icon__arrow-right .cls-1,
.back.disabled .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.back[disabled] .svg-icon.svg-icon__arrow-left .cls-1,
.back[disabled] .svg-icon.svg-icon__arrow-left .cls-2,
.back.disabled .svg-icon.svg-icon__arrow-left .cls-1,
.back.disabled .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #d7d9dd;
}

/* line 84, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.back:hover {
  color: #303948;
}

/* line 87, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.back:active {
  color: #303948;
}

/* line 90, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.back:disabled {
  color: #d7d9dd;
  cursor: not-allowed;
}

/* line 141, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.back svg-icon {
  height: 8px;
  width: 8px;
  margin-right: 8px;
}

/* line 147, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.back span {
  display: inline-block;
  margin-top: 2px;
}

/* line 154, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
}

/* line 157, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message.message--yellow,
.message.message--warning {
  color: #ffc107;
}

/* line 162, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message.message--red,
.message.message--error {
  color: #fb5152;
}

/* line 167, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message.message--green,
.message.message--success {
  color: #14bca4;
}

/* line 173, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-tag {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
  padding: 4px 8px;
  border-radius: 2px;
  display: inline-block;
  background-color: #afb3be;
  color: #ffffff;
}

/* line 181, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-tag.message-tag--warning {
  background: #ffc107;
}

/* line 185, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-tag.message-tag--error {
  background: #fb5152;
}

/* line 189, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.message-tag.message-tag--success {
  background: #14bca4;
}

/* line 194, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.icon-label {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  text-align: left;
}

/* line 198, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.icon-label .fa {
  margin-right: 8px;
}

/* line 203, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.icon-label--error {
  color: #fb5152;
}

/* line 207, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.icon-label--success {
  color: #14bca4;
}

/* line 211, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.icon-label--warning {
  color: #6a6450;
}

/* line 215, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.label-input-row {
  margin-bottom: 4px;
}

/* line 6, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_layout.scss */
.label-input-row:last-child {
  margin-bottom: 0;
}

/* line 218, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.label-input-row label {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
  flex: 1;
}

/* line 223, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.label-input-row input {
  flex: 0 0 100px;
  padding-left: 18px;
  width: 100px;
}

/* line 228, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab_row {
  height: 40px;
  flex: 0 0 40px;
  display: flex;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 4px;
  background-color: #eff0f2;
  position: relative;
  z-index: 1;
}

/* line 243, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  line-height: 1;
  padding: 15px 0px 14px 0px;
  flex: 1;
  cursor: pointer;
  color: #898c93;
  border-left: 1px solid #eff0f2;
  border-right: 1px solid #eff0f2;
  text-align: center;
}

/* line 254, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab:not(.tab--active) {
  background-color: #eff0f2;
}

/* line 257, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab:not(.tab--active) + .tab:not(.tab--active):not(.tab--active) {
  border-left-color: #d7d9dd;
}

/* line 262, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab.tab--active {
  margin-top: 4px;
  padding-top: 11px;
  color: #000000;
  background-color: #ffffff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-left-color: #ffffff;
  border-right-color: #ffffff;
}

/* line 273, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.tab:hover {
  color: #303948;
}

/* line 280, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.modal {
  background: rgba(54, 55, 58, 0.6);
  position: fixed;
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  z-index: 90;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 295, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.modal_content {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  background: #ffffff;
  padding: 15px;
  border-radius: 2px;
}

/* line 306, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  word-break: break-word;
  display: block;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  color: #000000;
  background-color: #ffffff;
}

/* line 315, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item[data-depth='0'] {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

/* line 319, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item[data-depth='0']:not(:first-of-type) {
  margin-top: 4px;
}

/* line 324, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item + .resource_list__item[data-depth='0'],
.resource_list__item:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* line 333, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item.resource_list__item--selected {
  background-color: #eff0f2;
}

/* line 337, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item:hover {
  background-color: #d7d9dd;
}

/* line 341, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item.resource_list__item--readonly {
  cursor: default;
  pointer-events: none;
  color: #595d64;
  background-color: #f7f7f7;
}

/* line 348, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item.resource_list__item--disabled {
  pointer-events: none;
  color: #898c93;
}

/* line 354, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item__content {
  display: flex;
  padding: 14px 12px;
  flex-direction: row;
  align-items: center;
}

/* line 362, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item__content.resource_list__item--expanded .resource_list__item__expander:after {
  transform: rotate(0deg);
}

/* line 369, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item__expander {
  position: relative;
  display: block;
  cursor: pointer;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

/* line 366, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.resource_list__item__expander:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -3px;
  right: 0;
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.resource_list__item__expander:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 391, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.resource_list__item__expander:after {
  left: 4px;
}

/* line 372, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item__expander:after {
  transform: rotate(-90deg);
  left: 0px;
  margin-top: -1px;
}

/* line 378, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.resource_list__item__expander:hover {
  border-color: #00b6ff;
}

/* line 383, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.theme_color_stripe {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 12px;
  width: 100%;
  display: flex;
}

/* line 391, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.theme_color_stripe .swatch {
  height: 12px;
}

/* line 395, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.theme_color_stripe .swatch--small {
  flex-grow: 1;
}

/* line 399, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.theme_color_stripe .swatch--medium {
  flex-grow: 2;
}

/* line 403, app/assets/stylesheets/appgyver-ui/../interface_builder/_elements.scss */
.theme_color_stripe .swatch--large {
  flex-grow: 3;
}

/* line 12, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.box_padding {
  padding: 0;
}

/* line 18, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.modal-body form.compositePropertyForm  .form-group {
  margin-top: 0;
}

/* line 26, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group {
  position: relative;
  display: block;
  margin-top: 0;
}

/* line 31, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group label:not(.for-checkbox) {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
  text-transform: none;
  margin-bottom: 0;
  display: block;
}

/* line 38, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group label.for-checkbox {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
}

/* line 42, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group .form-control {
  border-radius: 0px;
  border: 0;
  color: #000000;
  padding: 0;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

/* line 51, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group .form-control:not([disabled]) {
  background: #ffffff;
}

/* line 56, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
*:not(.form-horizontal) .form-group select {
  cursor: pointer;
}

/* line 64, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.input-group {
  height: auto;
  overflow: hidden;
  display: flex;
}

/* line 69, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.input-group input {
  flex: 1;
}

/* line 72, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.input-group .input-group-addon {
  width: 20px;
  overflow: hidden;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 0;
  padding: 0 10px 0 10px;
}

/* line 83, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.input-group s3-asset .svg-icon {
  display: block;
  position: relative;
  right: 10px;
  width: 20px;
}

/* line 96, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.arrow,
.arrow--down {
  position: relative;
  display: block;
}

/* line 366, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.arrow:after,
.arrow--down:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -3px;
  right: 0;
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.arrow:after:hover,
.arrow--down:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 101, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.arrow--right::after {
  transform: rotate(-90deg);
}

/* line 106, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button,
.button--superadmin,
.button--small,
.button--solid,
.button--open,
.button--edit,
.button--fork-node,
.button--add,
.button--purple,
.button--dismiss-onboarding-dialog,
.button--red,
.button--reset,
.button--commit-and-ignore,
.button--update-and-replace,
.button--convert,
.button--unfork-node,
.button--remove,
.button--gray,
.button--cancel,
.button--gray-on-dark,
.button--light-gray-on-dark,
.button--green,
.button--green--solid,
.button--save--solid,
.button--commit,
.button--save,
.button--clone,
.button--update,
.button--create,
.button--green-on-dark,
.button--no-border {
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  text-align: center;
  user-select: none;
  padding: 10px 12px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  cursor: pointer;
  border-color: #0c63cb;
  color: #0c63cb;
  background-color: transparent;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.button,
.button--superadmin,
.button--small,
.button--solid,
.button--open,
.button--edit,
.button--fork-node,
.button--add,
.button--purple,
.button--dismiss-onboarding-dialog,
.button--red,
.button--reset,
.button--commit-and-ignore,
.button--update-and-replace,
.button--convert,
.button--unfork-node,
.button--remove,
.button--gray,
.button--cancel,
.button--gray-on-dark,
.button--light-gray-on-dark,
.button--green,
.button--green--solid,
.button--save--solid,
.button--commit,
.button--save,
.button--clone,
.button--update,
.button--create,
.button--green-on-dark,
.button--no-border,
.button:hover,
.button:active,
.button:visited,
.button:focus {
  text-decoration: none;
}

/* line 62, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.button:active,
.button--superadmin:active,
.button--small:active,
.button--solid:active,
.button--open:active,
.button--edit:active,
.button--fork-node:active,
.button--add:active,
.button--purple:active,
.button--dismiss-onboarding-dialog:active,
.button--red:active,
.button--reset:active,
.button--commit-and-ignore:active,
.button--update-and-replace:active,
.button--convert:active,
.button--unfork-node:active,
.button--remove:active,
.button--gray:active,
.button--cancel:active,
.button--gray-on-dark:active,
.button--light-gray-on-dark:active,
.button--green:active,
.button--green--solid:active,
.button--save--solid:active,
.button--commit:active,
.button--save:active,
.button--clone:active,
.button--update:active,
.button--create:active,
.button--green-on-dark:active,
.button--no-border:active {
  outline: 0;
}

/* line 66, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.button.disabled,
.disabled.button--superadmin,
.disabled.button--small,
.disabled.button--solid,
.disabled.button--open,
.disabled.button--edit,
.disabled.button--fork-node,
.disabled.button--add,
.disabled.button--purple,
.disabled.button--dismiss-onboarding-dialog,
.disabled.button--red,
.disabled.button--reset,
.disabled.button--commit-and-ignore,
.disabled.button--update-and-replace,
.disabled.button--convert,
.disabled.button--unfork-node,
.disabled.button--remove,
.disabled.button--gray,
.disabled.button--cancel,
.disabled.button--gray-on-dark,
.disabled.button--light-gray-on-dark,
.disabled.button--green,
.disabled.button--green--solid,
.disabled.button--save--solid,
.disabled.button--commit,
.disabled.button--save,
.disabled.button--clone,
.disabled.button--update,
.disabled.button--create,
.disabled.button--green-on-dark,
.disabled.button--no-border,
.button[disabled],
.button--superadmin[disabled],
.button--small[disabled],
.button--solid[disabled],
.button--open[disabled],
.button--edit[disabled],
.button--fork-node[disabled],
.button--add[disabled],
.button--purple[disabled],
.button--dismiss-onboarding-dialog[disabled],
.button--red[disabled],
.button--reset[disabled],
.button--commit-and-ignore[disabled],
.button--update-and-replace[disabled],
.button--convert[disabled],
.button--unfork-node[disabled],
.button--remove[disabled],
.button--gray[disabled],
.button--cancel[disabled],
.button--gray-on-dark[disabled],
.button--light-gray-on-dark[disabled],
.button--green[disabled],
.button--green--solid[disabled],
.button--save--solid[disabled],
.button--commit[disabled],
.button--save[disabled],
.button--clone[disabled],
.button--update[disabled],
.button--create[disabled],
.button--green-on-dark[disabled],
.button--no-border[disabled] {
  cursor: not-allowed;
  outline: none;
}

/* line 114, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button:focus,
.button--superadmin:focus,
.button--small:focus,
.button--solid:focus,
.button--open:focus,
.button--edit:focus,
.button--fork-node:focus,
.button--add:focus,
.button--purple:focus,
.button--dismiss-onboarding-dialog:focus,
.button--red:focus,
.button--reset:focus,
.button--commit-and-ignore:focus,
.button--update-and-replace:focus,
.button--convert:focus,
.button--unfork-node:focus,
.button--remove:focus,
.button--gray:focus,
.button--cancel:focus,
.button--gray-on-dark:focus,
.button--light-gray-on-dark:focus,
.button--green:focus,
.button--green--solid:focus,
.button--save--solid:focus,
.button--commit:focus,
.button--save:focus,
.button--clone:focus,
.button--update:focus,
.button--create:focus,
.button--green-on-dark:focus,
.button--no-border:focus,
.button:active,
.button--superadmin:active,
.button--small:active,
.button--solid:active,
.button--open:active,
.button--edit:active,
.button--fork-node:active,
.button--add:active,
.button--purple:active,
.button--dismiss-onboarding-dialog:active,
.button--red:active,
.button--reset:active,
.button--commit-and-ignore:active,
.button--update-and-replace:active,
.button--convert:active,
.button--unfork-node:active,
.button--remove:active,
.button--gray:active,
.button--cancel:active,
.button--gray-on-dark:active,
.button--light-gray-on-dark:active,
.button--green:active,
.button--green--solid:active,
.button--save--solid:active,
.button--commit:active,
.button--save:active,
.button--clone:active,
.button--update:active,
.button--create:active,
.button--green-on-dark:active,
.button--no-border:active,
.button:hover,
.button--superadmin:hover,
.button--small:hover,
.button--solid:hover,
.button--open:hover,
.button--edit:hover,
.button--fork-node:hover,
.button--add:hover,
.button--purple:hover,
.button--dismiss-onboarding-dialog:hover,
.button--red:hover,
.button--reset:hover,
.button--commit-and-ignore:hover,
.button--update-and-replace:hover,
.button--convert:hover,
.button--unfork-node:hover,
.button--remove:hover,
.button--gray:hover,
.button--cancel:hover,
.button--gray-on-dark:hover,
.button--light-gray-on-dark:hover,
.button--green:hover,
.button--green--solid:hover,
.button--save--solid:hover,
.button--commit:hover,
.button--save:hover,
.button--clone:hover,
.button--update:hover,
.button--create:hover,
.button--green-on-dark:hover,
.button--no-border:hover {
  text-decoration: none;
  border-color: #668ebe;
  color: #668ebe;
  background-color: #e8f4fe;
}

/* line 121, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button.disabled,
.disabled.button--superadmin,
.disabled.button--small,
.disabled.button--solid,
.disabled.button--open,
.disabled.button--edit,
.disabled.button--fork-node,
.disabled.button--add,
.disabled.button--purple,
.disabled.button--dismiss-onboarding-dialog,
.disabled.button--red,
.disabled.button--reset,
.disabled.button--commit-and-ignore,
.disabled.button--update-and-replace,
.disabled.button--convert,
.disabled.button--unfork-node,
.disabled.button--remove,
.disabled.button--gray,
.disabled.button--cancel,
.disabled.button--gray-on-dark,
.disabled.button--light-gray-on-dark,
.disabled.button--green,
.disabled.button--green--solid,
.disabled.button--save--solid,
.disabled.button--commit,
.disabled.button--save,
.disabled.button--clone,
.disabled.button--update,
.disabled.button--create,
.disabled.button--green-on-dark,
.disabled.button--no-border,
.button[disabled],
.button--superadmin[disabled],
.button--small[disabled],
.button--solid[disabled],
.button--open[disabled],
.button--edit[disabled],
.button--fork-node[disabled],
.button--add[disabled],
.button--purple[disabled],
.button--dismiss-onboarding-dialog[disabled],
.button--red[disabled],
.button--reset[disabled],
.button--commit-and-ignore[disabled],
.button--update-and-replace[disabled],
.button--convert[disabled],
.button--unfork-node[disabled],
.button--remove[disabled],
.button--gray[disabled],
.button--cancel[disabled],
.button--gray-on-dark[disabled],
.button--light-gray-on-dark[disabled],
.button--green[disabled],
.button--green--solid[disabled],
.button--save--solid[disabled],
.button--commit[disabled],
.button--save[disabled],
.button--clone[disabled],
.button--update[disabled],
.button--create[disabled],
.button--green-on-dark[disabled],
.button--no-border[disabled] {
  color: #ffffff;
  background-color: #d7d9dd;
  border-color: #d7d9dd;
}

/* line 129, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--no-border {
  border-style: none;
}

/* line 138, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--green,
.button--green--solid,
.button--save--solid,
.button--commit,
.button--save,
.button--clone,
.button--update,
.button--create,
.button--green-on-dark {
  border-color: #0c63cb;
  color: white;
  background-color: #0c63cb;
}

/* line 144, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--green:focus,
.button--green--solid:focus,
.button--save--solid:focus,
.button--commit:focus,
.button--save:focus,
.button--clone:focus,
.button--update:focus,
.button--create:focus,
.button--green-on-dark:focus,
.button--green:active,
.button--green--solid:active,
.button--save--solid:active,
.button--commit:active,
.button--save:active,
.button--clone:active,
.button--update:active,
.button--create:active,
.button--green-on-dark:active,
.button--green:hover,
.button--green--solid:hover,
.button--save--solid:hover,
.button--commit:hover,
.button--save:hover,
.button--clone:hover,
.button--update:hover,
.button--create:hover,
.button--green-on-dark:hover {
  border-color: #0f52a5;
  color: white;
  background-color: #0f52a5;
}

/* line 151, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--light-gray-on-dark {
  background-color: transparent;
  border-color: #c9cfdd;
  color: #c9cfdd;
}

/* line 157, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--light-gray-on-dark:focus,
.button--light-gray-on-dark:active {
  background-color: #2c384d;
  border-color: #2c384d;
  color: #ffffff;
}

/* line 162, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--light-gray-on-dark:hover {
  background-color: #57667e;
  border-color: #57667e;
  color: #c9cfdd;
}

/* line 177, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--red,
.button--reset,
.button--commit-and-ignore,
.button--update-and-replace,
.button--convert,
.button--unfork-node,
.button--remove {
  border-color: #b53e38;
  color: #b53e38;
  background-color: transparent;
}

/* line 183, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--red:focus,
.button--reset:focus,
.button--commit-and-ignore:focus,
.button--update-and-replace:focus,
.button--convert:focus,
.button--unfork-node:focus,
.button--remove:focus,
.button--red:active,
.button--reset:active,
.button--commit-and-ignore:active,
.button--update-and-replace:active,
.button--convert:active,
.button--unfork-node:active,
.button--remove:active,
.button--red:hover,
.button--reset:hover,
.button--commit-and-ignore:hover,
.button--update-and-replace:hover,
.button--convert:hover,
.button--unfork-node:hover,
.button--remove:hover {
  border-color: #b12f27;
  color: #b12f27;
  background-color: #fceceb;
}

/* line 190, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--purple,
.button--dismiss-onboarding-dialog {
  background-color: #32129d;
  border-color: #32129d;
  color: white;
}

/* line 196, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--purple:focus,
.button--dismiss-onboarding-dialog:focus,
.button--purple:active,
.button--dismiss-onboarding-dialog:active {
  background-color: #100045;
  border-color: #100045;
  color: #ffffff;
}

/* line 201, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--purple:hover,
.button--dismiss-onboarding-dialog:hover {
  background-color: #1c0078;
  border-color: #1c0078;
  color: #ffffff;
}

/* line 250, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--adder {
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__search .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__edit .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__copy .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__trash .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__preview .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__image .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__exit .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__users .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__folder .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__dropper .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__launch .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__download .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__x .cls-2 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__binding .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__list .cls-2,
.button--adder .svg-icon.svg-icon__list .cls-3 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__list .cls-3,
.button--adder .svg-icon.svg-icon__list .cls-4 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__gallery .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__documentation .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__comment .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__add .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__remove .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__info .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__delete .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__bug .cls-3 {
  fill: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__bug .cls-1,
.button--adder .svg-icon.svg-icon__bug .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__component .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #595d64;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder:hover .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder:hover .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__list .cls-2,
.button--adder:hover .svg-icon.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__list .cls-3,
.button--adder:hover .svg-icon.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__bug .cls-1,
.button--adder:hover .svg-icon.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder:hover .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder:hover .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder:hover .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:hover .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder:hover .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__search .cls-2,
.button--adder.active .svg-icon.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__edit .cls-2,
.button--adder.active .svg-icon.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__edit_small .cls-2,
.button--adder.active .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__copy .cls-2,
.button--adder.active .svg-icon.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__copy_small .cls-2,
.button--adder.active .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__trash .cls-2,
.button--adder.active .svg-icon.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__preview .cls-2,
.button--adder.active .svg-icon.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__image .cls-2,
.button--adder.active .svg-icon.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__exit .cls-2,
.button--adder.active .svg-icon.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__users .cls-2,
.button--adder.active .svg-icon.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__forbidden .cls-2,
.button--adder.active .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__text-bubble .cls-2,
.button--adder.active .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__ui-canvas .cls-2,
.button--adder.active .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__folder .cls-2,
.button--adder.active .svg-icon.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__bulleted-list .cls-2,
.button--adder.active .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__dropper .cls-2,
.button--adder.active .svg-icon.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__launch .cls-2,
.button--adder.active .svg-icon.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__theme-variable-link .cls-2,
.button--adder.active .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--empty .cls-2,
.button--adder.active .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--expression .cls-2,
.button--adder.active .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--computed .cls-2,
.button--adder.active .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.button--adder.active .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.button--adder.active .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__cell-align_center .cls-2,
.button--adder.active .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__align-text-center .cls-2,
.button--adder.active .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__align-text-left .cls-2,
.button--adder.active .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__align-text-right .cls-2,
.button--adder.active .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__align-text-justify .cls-2,
.button--adder.active .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__arrow-circle .cls-2,
.button--adder.active .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--app-variable .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--array .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--boolean .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--component-id .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--data-instance .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--expression .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--icon .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--image .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--internal-property .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--number .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--object .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--output-value .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--page-id .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--page-variable .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--private-variable .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--self .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--service .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--string .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__value-type--translated-string .cls-2,
.button--adder.active .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__download .cls-2,
.button--adder.active .svg-icon.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__no-repeat .cls-2,
.button--adder.active .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__x .cls-2,
.button--adder.active .svg-icon.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__binding .cls-2,
.button--adder.active .svg-icon.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--component .cls-4,
.button--adder.active .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder:active .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder:active .svg-icon.svg-icon__source-option--component .cls-4,
.button--adder.active .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder.active .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder.active .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__list .cls-2,
.button--adder:active .svg-icon.svg-icon__list .cls-3,
.button--adder.active .svg-icon.svg-icon__list .cls-2,
.button--adder.active .svg-icon.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__list .cls-3,
.button--adder:active .svg-icon.svg-icon__list .cls-4,
.button--adder.active .svg-icon.svg-icon__list .cls-3,
.button--adder.active .svg-icon.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__gallery .cls-1,
.button--adder.active .svg-icon.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__source-option--static .cls-1,
.button--adder.active .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__exclamation-badge .cls-1,
.button--adder.active .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__documentation .cls-1,
.button--adder.active .svg-icon.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__clipboard .cls-1,
.button--adder.active .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__comment .cls-1,
.button--adder.active .svg-icon.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__alert-bell .cls-1,
.button--adder.active .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__chevron-right .cls-1,
.button--adder.active .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__reverse-direction .cls-1,
.button--adder.active .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__add .cls-1,
.button--adder.active .svg-icon.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__remove .cls-1,
.button--adder.active .svg-icon.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__remove_small .cls-1,
.button--adder.active .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__info .cls-1,
.button--adder.active .svg-icon.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__delete .cls-1,
.button--adder.active .svg-icon.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__component-composite .cls-1,
.button--adder.active .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__load-indicator .cls-1,
.button--adder.active .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__bug .cls-3,
.button--adder.active .svg-icon.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__bug .cls-1,
.button--adder:active .svg-icon.svg-icon__bug .cls-2,
.button--adder.active .svg-icon.svg-icon__bug .cls-1,
.button--adder.active .svg-icon.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__component .cls-2,
.button--adder.active .svg-icon.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder:active .svg-icon.svg-icon__arrow-up .cls-2,
.button--adder.active .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder.active .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder:active .svg-icon.svg-icon__arrow-down .cls-2,
.button--adder.active .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder.active .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder:active .svg-icon.svg-icon__arrow-right .cls-2,
.button--adder.active .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder.active .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder:active .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder:active .svg-icon.svg-icon__arrow-left .cls-2,
.button--adder.active .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder.active .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 72, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--adder[disabled],
.button--adder.disabled {
  cursor: normal;
}

/* line 76, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--adder[disabled] .svg-icon,
.button--adder.disabled .svg-icon {
  cursor: normal;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__search .cls-2,
.button--adder.disabled .svg-icon.svg-icon__search .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__edit .cls-2,
.button--adder.disabled .svg-icon.svg-icon__edit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__edit_small .cls-2,
.button--adder.disabled .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__copy .cls-2,
.button--adder.disabled .svg-icon.svg-icon__copy .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__copy_small .cls-2,
.button--adder.disabled .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__trash .cls-2,
.button--adder.disabled .svg-icon.svg-icon__trash .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__preview .cls-2,
.button--adder.disabled .svg-icon.svg-icon__preview .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__image .cls-2,
.button--adder.disabled .svg-icon.svg-icon__image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__exit .cls-2,
.button--adder.disabled .svg-icon.svg-icon__exit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__users .cls-2,
.button--adder.disabled .svg-icon.svg-icon__users .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__forbidden .cls-2,
.button--adder.disabled .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__text-bubble .cls-2,
.button--adder.disabled .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__ui-canvas .cls-2,
.button--adder.disabled .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__folder .cls-2,
.button--adder.disabled .svg-icon.svg-icon__folder .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__bulleted-list .cls-2,
.button--adder.disabled .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__dropper .cls-2,
.button--adder.disabled .svg-icon.svg-icon__dropper .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__launch .cls-2,
.button--adder.disabled .svg-icon.svg-icon__launch .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__theme-variable-link .cls-2,
.button--adder.disabled .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--empty .cls-2,
.button--adder.disabled .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--expression .cls-2,
.button--adder.disabled .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--computed .cls-2,
.button--adder.disabled .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.button--adder.disabled .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.button--adder.disabled .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__cell-align_center .cls-2,
.button--adder.disabled .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__align-text-center .cls-2,
.button--adder.disabled .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__align-text-left .cls-2,
.button--adder.disabled .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__align-text-right .cls-2,
.button--adder.disabled .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__align-text-justify .cls-2,
.button--adder.disabled .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__arrow-circle .cls-2,
.button--adder.disabled .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--app-variable .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--array .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--boolean .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--component-id .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--data-instance .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--expression .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--icon .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--image .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--internal-property .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--number .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--object .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--output-value .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--page-id .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--page-variable .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--private-variable .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--self .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--service .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--string .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__value-type--translated-string .cls-2,
.button--adder.disabled .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__download .cls-2,
.button--adder.disabled .svg-icon.svg-icon__download .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__no-repeat .cls-2,
.button--adder.disabled .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__x .cls-2,
.button--adder.disabled .svg-icon.svg-icon__x .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__binding .cls-2,
.button--adder.disabled .svg-icon.svg-icon__binding .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.button--adder.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder[disabled] .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.button--adder.disabled .svg-icon.svg-icon__source-option--component .cls-2,
.button--adder.disabled .svg-icon.svg-icon__source-option--component .cls-3,
.button--adder.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__list .cls-2,
.button--adder[disabled] .svg-icon.svg-icon__list .cls-3,
.button--adder.disabled .svg-icon.svg-icon__list .cls-2,
.button--adder.disabled .svg-icon.svg-icon__list .cls-3 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__list .cls-3,
.button--adder[disabled] .svg-icon.svg-icon__list .cls-4,
.button--adder.disabled .svg-icon.svg-icon__list .cls-3,
.button--adder.disabled .svg-icon.svg-icon__list .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__gallery .cls-1,
.button--adder.disabled .svg-icon.svg-icon__gallery .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__source-option--static .cls-1,
.button--adder.disabled .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__exclamation-badge .cls-1,
.button--adder.disabled .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__documentation .cls-1,
.button--adder.disabled .svg-icon.svg-icon__documentation .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__clipboard .cls-1,
.button--adder.disabled .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__comment .cls-1,
.button--adder.disabled .svg-icon.svg-icon__comment .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__alert-bell .cls-1,
.button--adder.disabled .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__chevron-right .cls-1,
.button--adder.disabled .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__reverse-direction .cls-1,
.button--adder.disabled .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__add .cls-1,
.button--adder.disabled .svg-icon.svg-icon__add .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__remove .cls-1,
.button--adder.disabled .svg-icon.svg-icon__remove .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__remove_small .cls-1,
.button--adder.disabled .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__info .cls-1,
.button--adder.disabled .svg-icon.svg-icon__info .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__delete .cls-1,
.button--adder.disabled .svg-icon.svg-icon__delete .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__component-composite .cls-1,
.button--adder.disabled .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__load-indicator .cls-1,
.button--adder.disabled .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__bug .cls-3,
.button--adder.disabled .svg-icon.svg-icon__bug .cls-3 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__bug .cls-1,
.button--adder[disabled] .svg-icon.svg-icon__bug .cls-2,
.button--adder.disabled .svg-icon.svg-icon__bug .cls-1,
.button--adder.disabled .svg-icon.svg-icon__bug .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__component .cls-2,
.button--adder.disabled .svg-icon.svg-icon__component .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder[disabled] .svg-icon.svg-icon__arrow-up .cls-2,
.button--adder.disabled .svg-icon.svg-icon__arrow-up .cls-1,
.button--adder.disabled .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder[disabled] .svg-icon.svg-icon__arrow-down .cls-2,
.button--adder.disabled .svg-icon.svg-icon__arrow-down .cls-1,
.button--adder.disabled .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder[disabled] .svg-icon.svg-icon__arrow-right .cls-2,
.button--adder.disabled .svg-icon.svg-icon__arrow-right .cls-1,
.button--adder.disabled .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.button--adder[disabled] .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder[disabled] .svg-icon.svg-icon__arrow-left .cls-2,
.button--adder.disabled .svg-icon.svg-icon__arrow-left .cls-1,
.button--adder.disabled .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #d7d9dd;
}

/* line 84, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--adder:hover {
  color: #303948;
}

/* line 87, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--adder:active {
  color: #303948;
}

/* line 90, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--adder:disabled {
  color: #d7d9dd;
  cursor: not-allowed;
}

/* line 258, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--adder:focus {
  outline: 0;
}

/* line 262, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--adder .svg-icon {
  margin-left: 8px;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

/* line 266, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--adder .svg-icon svg {
  width: 16px;
  height: 16px;
}

/* line 273, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--link {
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  display: block;
}

/* line 132, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--link:hover {
  color: #303948;
}

/* line 135, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--link:active {
  color: #303948;
}

/* line 277, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--small {
  padding: 6px 12px;
  display: flex;
  align-items: center;
}

/* line 284, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--dropdown--toggle {
  position: relative;
  display: block;
  padding-right: 20px;
}

/* line 366, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--dropdown--toggle:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -3px;
  right: 0;
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.button--dropdown--toggle:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 287, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--dropdown--toggle:after {
  right: 8px;
}

/* line 292, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--dropdown--toggle:hover:after,
.button--dropdown--toggle:focus:after,
.button--dropdown--toggle:active:after {
  border-color: white transparent transparent transparent;
}

/* line 297, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--rounded {
  border-radius: 100px;
  padding: 4px 12px;
}

/* line 302, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--superadmin {
  background-color: #ff00ff;
  border-color: #ff00ff;
  color: white;
}

/* line 307, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--superadmin:active,
.button--superadmin:focus {
  background-color: #ff00ff;
  border-color: red;
  color: white;
}

/* line 312, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.button--superadmin:hover {
  background-color: transparent;
  border-color: #ff00ff;
  color: #ff00ff;
}

/* line 322, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.btn-block {
  padding: 6px 10px !important;
  font-size: 9px !important;
}

/* line 327, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_field {
  margin-bottom: 18px;
}

/* line 331, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_label__with_info {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

/* line 337, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_label__with_info + .form_select_container select,
.form_label__with_info + .icon-select_label select {
  margin-top: 0;
}

/* line 343, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_label {
  margin-bottom: 0;
  display: block;
  max-width: none;
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
  display: block;
  margin-bottom: 1px;
  color: #303948;
}

/* line 350, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_label--small {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_label--tiny {
  font-family: '72';
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.17px;
  color: #000000;
  color: #595d64;
}

/* line 202, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_typography.scss */
.form_label--tiny code {
  font-size: 9px;
}

/* line 356, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_info {
  font-family: '72';
  font-weight: 400;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.17px;
  color: #000000;
  color: #595d64;
}

/* line 202, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_typography.scss */
.form_info code {
  font-size: 9px;
}

/* line 359, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_error {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #fb5152;
  margin-top: 4px;
}

/* line 365, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form-control,
.form_select_container select,
.icon-select_label select,
.form_textarea,
.form_input {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  border-style: solid;
  border-color: #d7d9dd;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
}

/* line 158, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control:hover,
.form_select_container select:hover,
.icon-select_label select:hover,
.form_textarea:hover,
.form_input:hover {
  border-color: #000000;
}

/* line 162, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control::placeholder,
.form_select_container select::placeholder,
.icon-select_label select::placeholder,
.form_textarea::placeholder,
.form_input::placeholder {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #898c93;
  font-style: italic;
}

/* line 166, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control[disabled='disabled'],
.form-control[disabled=''],
.form_select_container select[disabled='disabled'],
.icon-select_label select[disabled='disabled'],
.form_select_container select[disabled=''],
.icon-select_label select[disabled=''],
.form_textarea[disabled='disabled'],
.form_textarea[disabled=''],
.form_input[disabled='disabled'],
.form_input[disabled=''] {
  cursor: not-allowed;
  color: #898c93;
}

/* line 168, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control[disabled='disabled'],
.form-control[disabled='disabled']:hover,
.form-control[disabled=''],
.form-control[disabled='']:hover,
.form_select_container select[disabled='disabled'],
.icon-select_label select[disabled='disabled'],
.form_select_container select[disabled='disabled']:hover,
.form_select_container select[disabled=''],
.icon-select_label select[disabled=''],
.form_select_container select[disabled='']:hover,
.form_textarea[disabled='disabled'],
.form_textarea[disabled='disabled']:hover,
.form_textarea[disabled=''],
.form_textarea[disabled='']:hover,
.form_input[disabled='disabled'],
.form_input[disabled='disabled']:hover,
.form_input[disabled=''],
.form_input[disabled='']:hover {
  border-color: #eff0f2;
}

/* line 174, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control.ng-invalid,
.form_select_container select.ng-invalid,
.icon-select_label select.ng-invalid,
.form_textarea.ng-invalid,
.form_input.ng-invalid {
  background-color: #ffeeee;
}

/* line 177, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control.ng-invalid-required,
.form_select_container select.ng-invalid-required,
.icon-select_label select.ng-invalid-required,
.form_textarea.ng-invalid-required,
.form_input.ng-invalid-required {
  border-bottom-color: #fb5152;
}

/* line 181, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form-control:focus,
.form_select_container select:focus,
.icon-select_label select:focus,
.form_textarea:focus,
.form_input:focus {
  outline: none;
}

/* line 372, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_group {
  position: relative;
  margin-bottom: 23px;
}

/* line 376, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_radio {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  border-style: solid;
  border-color: #d7d9dd;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 2px;
  border-bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

/* line 158, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio:hover {
  border-color: #000000;
}

/* line 162, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio::placeholder {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #898c93;
  font-style: italic;
}

/* line 166, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio[disabled='disabled'],
.form_radio[disabled=''] {
  cursor: not-allowed;
  color: #898c93;
}

/* line 168, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio[disabled='disabled'],
.form_radio[disabled='disabled']:hover,
.form_radio[disabled=''],
.form_radio[disabled='']:hover {
  border-color: #eff0f2;
}

/* line 174, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio.ng-invalid {
  background-color: #ffeeee;
}

/* line 177, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio.ng-invalid-required {
  border-bottom-color: #fb5152;
}

/* line 181, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
.form_radio:focus {
  outline: none;
}

/* line 382, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_radio:not(:last-child) {
  margin-bottom: 4px;
}

/* line 386, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_radio .form_input {
  cursor: pointer;
  margin-right: 4px;
  margin-top: 0;
}

/* line 393, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container,
.icon-select_label {
  position: relative;
  display: block;
  position: relative;
  overflow: hidden;
}

/* line 366, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.form_select_container:after,
.icon-select_label:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  margin-top: -3px;
  right: 0;
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.form_select_container:after:hover,
.icon-select_label:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 395, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container:after,
.icon-select_label:after {
  right: 4px;
  pointer-events: none;
}

/* line 414, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.form_select_container.disabled:after,
.disabled.icon-select_label:after {
  border-color: #898c93 transparent transparent transparent;
}

/* line 407, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container select,
.icon-select_label select {
  padding-right: 16px;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 100%;
  background-color: transparent;
  color: #000000;
}

/* line 417, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container select[data-value=''],
.icon-select_label select[data-value=''] {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #898c93;
  font-style: italic;
}

/* line 420, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container select:hover,
.icon-select_label select:hover,
.form_select_container select:focus,
.icon-select_label select:focus {
  border-color: #000000;
}

/* line 423, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_select_container select[disabled],
.icon-select_label select[disabled] {
  color: #898c93 !important;
  border-color: #eff0f2 !important;
}

/* line 430, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox {
  cursor: pointer;
  position: relative;
  display: flex;
}

/* line 435, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox input[type='checkbox'] {
  margin-top: 0;
  opacity: 0;
}

/* line 439, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox label {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
  margin-bottom: 0;
  display: block;
  max-width: none;
  cursor: pointer;
  padding-left: 8px;
  flex: 1;
}

/* line 448, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox label:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  width: 12px;
  border-radius: 2px;
  background-color: transparent;
  border: 1px solid #d7d9dd;
}

/* line 461, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox label:hover:before {
  border: 0;
  background-color: #d7d9dd;
}

/* line 467, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  background: transparent;
  top: 50%;
  margin-top: -2px;
  left: 2px;
  border: 2px solid #ffffff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  visibility: hidden;
}

/* line 492, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox input[type='checkbox']:focus + label:before {
  border-color: #000000;
}

/* line 500, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox input[type='checkbox'][ng-checked][checked] + label:after,
.form_checkbox input[type='checkbox'][ng-model]:checked + label:after {
  visibility: visible;
}

/* line 503, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.form_checkbox input[type='checkbox'][ng-checked][checked] + label:before,
.form_checkbox input[type='checkbox'][ng-checked][checked] + label:hover:before,
.form_checkbox input[type='checkbox'][ng-model]:checked + label:before,
.form_checkbox input[type='checkbox'][ng-model]:checked + label:hover:before {
  border: transparent;
  background-color: #00b6ff;
}

/* line 529, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu {
  width: 210px;
  z-index: 1000;
  bottom: 15px;
  pointer-events: none;
  background: transparent;
}

/* line 513, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu.dropdown-menu {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

/* line 522, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu.dropdown-menu.dropdown-menu-right {
  margin-right: -2px;
}

/* line 537, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  border: 1px solid #d7d9dd;
  pointer-events: all;
  width: 100%;
  border-radius: 2px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 210, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.dropdown_menu__inner::-webkit-scrollbar {
  width: 1px;
}

/* line 213, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.dropdown_menu__inner::-webkit-scrollbar-thumb {
  background: #303948 !important;
}

/* line 549, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* line 557, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner li:not(:last-child),
.dropdown_menu__inner .dropdown_menu__subtitle:not(:last-child) {
  border-bottom: 1px solid #d7d9dd;
}

/* line 562, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner li {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  cursor: pointer;
}

/* line 565, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner li:not(.dropdown_menu__group) {
  padding: 14px 12px;
}

/* line 567, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__inner li:not(.dropdown_menu__group):hover {
  background-color: #eff0f2;
}

/* line 573, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__item__selected {
  background-color: #d7d9dd;
}

/* line 576, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.dropdown_menu__subtitle {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  padding: 12px;
}

/* line 584, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_label {
  cursor: pointer;
  width: 36px;
}

/* line 589, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_label:after {
  margin-top: -1px !important;
}

/* line 593, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_label .svg-icon {
  width: 20px;
  height: 20px;
}

/* line 600, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu {
  width: 210px;
  z-index: 1200;
  bottom: 15px;
  pointer-events: none;
  background: transparent;
  border-style: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 610, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu_inner {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35);
  background-color: white;
  border: 1px solid #d7d9dd;
  pointer-events: all;
  width: 100%;
  border-radius: 2px;
  padding: 4px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 622, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu_group_items {
  margin: 0;
  padding: 0;
}

/* line 626, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu_group {
  list-style-type: none;
}

/* line 629, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu_group_name {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  color: #898c93;
  margin-bottom: 3px;
  height: 16px;
  padding-left: 24px;
  padding-top: 1px;
  margin-top: 8px;
  margin-bottom: 4px;
}

/* line 638, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_menu_group_name:first-child {
  margin-top: 4px;
}

/* line 643, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  display: flex;
  position: relative;
  align-items: flex-start;
  cursor: pointer;
  margin-bottom: 6px;
  padding-left: 24px;
  line-height: 20px;
}

/* line 654, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item .svg-icon {
  cursor: pointer;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0px;
  height: 20px;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__search .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__trash .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__preview .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__image .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exit .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__users .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__folder .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__dropper .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__launch .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__x .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__binding .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--component .cls-3,
.icon-select_item .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list .cls-2,
.icon-select_item .svg-icon.svg-icon__list .cls-3 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list .cls-3,
.icon-select_item .svg-icon.svg-icon__list .cls-4 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__gallery .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__documentation .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__comment .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__add .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__info .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__delete .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug .cls-3 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug .cls-1,
.icon-select_item .svg-icon.svg-icon__bug .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-up .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-down .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-right .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-left .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__search:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit_small:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy_small:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__trash:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__preview:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__image:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exit:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__users:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__forbidden:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__text-bubble:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__ui-canvas:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__folder:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bulleted-list:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__dropper:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__launch:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__theme-variable-link:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--empty:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--expression:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--computed:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-start:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-end:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_center:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-center:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-left:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-right:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-justify:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-circle:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable-value:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--array:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--boolean:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--component-id:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--currently-repeated-property-value:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance--2:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance-value:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--expression:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--icon:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--image:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--internal-property:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--number:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--object:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--output-value:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-id:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-parameter:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable-value:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-variable:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-data-variable:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--self:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--service:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--string:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--translated-string:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__no-repeat:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__x:hover .cls-2 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__binding:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component:hover .cls-4 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component:hover .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--component:hover .cls-3,
.icon-select_item .svg-icon.svg-icon__source-option--component:hover .cls-4 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list:hover .cls-2,
.icon-select_item .svg-icon.svg-icon__list:hover .cls-3 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list:hover .cls-3,
.icon-select_item .svg-icon.svg-icon__list:hover .cls-4 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__gallery:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--static:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exclamation-badge:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__documentation:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__clipboard:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__comment:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__alert-bell:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__chevron-right:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__reverse-direction:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__add:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove_small:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__info:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__delete:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component-composite:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__load-indicator:hover .cls-1 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug:hover .cls-3 {
  fill: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug:hover .cls-1,
.icon-select_item .svg-icon.svg-icon__bug:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-up:hover .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-up:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-down:hover .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-down:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-right:hover .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-right:hover .cls-2 {
  stroke: #000000;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-left:hover .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-left:hover .cls-2 {
  stroke: #000000;
}

/* line 369, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:hover .fill {
  fill: #000000;
}

/* line 370, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:hover .no-fill {
  fill: none;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__search:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__search .cls-2,
.icon-select_item .svg-icon.svg-icon__search:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__search .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__edit .cls-2,
.icon-select_item .svg-icon.svg-icon__edit:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__edit .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit_small:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__edit_small .cls-2,
.icon-select_item .svg-icon.svg-icon__edit_small:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__edit_small .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__copy .cls-2,
.icon-select_item .svg-icon.svg-icon__copy:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__copy .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy_small:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__copy_small .cls-2,
.icon-select_item .svg-icon.svg-icon__copy_small:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__copy_small .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__trash:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__trash .cls-2,
.icon-select_item .svg-icon.svg-icon__trash:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__trash .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__preview:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__preview .cls-2,
.icon-select_item .svg-icon.svg-icon__preview:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__preview .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__image:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__image .cls-2,
.icon-select_item .svg-icon.svg-icon__image:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__image .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exit:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__exit .cls-2,
.icon-select_item .svg-icon.svg-icon__exit:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__exit .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__users:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__users .cls-2,
.icon-select_item .svg-icon.svg-icon__users:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__users .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__forbidden:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__forbidden .cls-2,
.icon-select_item .svg-icon.svg-icon__forbidden:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__forbidden .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__text-bubble:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__text-bubble .cls-2,
.icon-select_item .svg-icon.svg-icon__text-bubble:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__text-bubble .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__ui-canvas:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__ui-canvas .cls-2,
.icon-select_item .svg-icon.svg-icon__ui-canvas:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__ui-canvas .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__folder:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__folder .cls-2,
.icon-select_item .svg-icon.svg-icon__folder:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__folder .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bulleted-list:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__bulleted-list .cls-2,
.icon-select_item .svg-icon.svg-icon__bulleted-list:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__bulleted-list .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__dropper:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__dropper .cls-2,
.icon-select_item .svg-icon.svg-icon__dropper:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__dropper .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__launch:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__launch .cls-2,
.icon-select_item .svg-icon.svg-icon__launch:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__launch .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__theme-variable-link:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__theme-variable-link .cls-2,
.icon-select_item .svg-icon.svg-icon__theme-variable-link:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__theme-variable-link .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--empty:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__source-option--empty .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--empty:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--empty .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--expression:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__source-option--expression .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--expression:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--expression .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--computed:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__source-option--computed .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--computed:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--computed .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-start:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__cell-align_flex-start .cls-2,
.icon-select_item .svg-icon.svg-icon__cell-align_flex-start:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__cell-align_flex-start .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-end:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__cell-align_flex-end .cls-2,
.icon-select_item .svg-icon.svg-icon__cell-align_flex-end:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__cell-align_flex-end .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_center:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__cell-align_center .cls-2,
.icon-select_item .svg-icon.svg-icon__cell-align_center:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__cell-align_center .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-center:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__align-text-center .cls-2,
.icon-select_item .svg-icon.svg-icon__align-text-center:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__align-text-center .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-left:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__align-text-left .cls-2,
.icon-select_item .svg-icon.svg-icon__align-text-left:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__align-text-left .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-right:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__align-text-right .cls-2,
.icon-select_item .svg-icon.svg-icon__align-text-right:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__align-text-right .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-justify:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__align-text-justify .cls-2,
.icon-select_item .svg-icon.svg-icon__align-text-justify:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__align-text-justify .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-circle:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__arrow-circle .cls-2,
.icon-select_item .svg-icon.svg-icon__arrow-circle:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-circle .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable-value:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--app-variable-value .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--app-variable-value:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--app-variable .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--app-variable:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--app-variable .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--array:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--array .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--array:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--array .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--boolean:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--boolean .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--boolean:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--boolean .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--component-id:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--component-id .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--component-id:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--component-id .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--currently-repeated-property-value:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--currently-repeated-property-value .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--currently-repeated-property-value:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance--2:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--data-instance--2 .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--data-instance--2:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance-value:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--data-instance-value .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--data-instance-value:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--data-instance .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--data-instance:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--data-instance .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--expression:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--expression .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--expression:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--expression .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--icon:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--icon .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--icon:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--icon .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--image:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--image .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--image:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--image .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--internal-property:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--internal-property .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--internal-property:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--internal-property .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--number:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--number .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--number:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--number .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--object:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--object .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--object:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--object .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--output-value:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--output-value .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--output-value:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--output-value .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-id:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--page-id .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--page-id:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--page-id .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-parameter:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--page-parameter .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--page-parameter:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--page-parameter .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable-value:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--page-variable-value .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--page-variable-value:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--page-variable .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--page-variable:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--page-variable .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-variable:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--private-variable .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--private-variable:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--private-variable .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-data-variable:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--private-data-variable .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--private-data-variable:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--self:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--self .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--self:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--self .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--service:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--service .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--service:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--service .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--string:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--string .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--string:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--string .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--translated-string:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__value-type--translated-string .cls-2,
.icon-select_item .svg-icon.svg-icon__value-type--translated-string:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__value-type--translated-string .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__download .cls-2,
.icon-select_item .svg-icon.svg-icon__download:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__download .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__no-repeat:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__no-repeat .cls-2,
.icon-select_item .svg-icon.svg-icon__no-repeat:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__no-repeat .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__x:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__x .cls-2,
.icon-select_item .svg-icon.svg-icon__x:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__x .cls-2 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__binding:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__binding .cls-2,
.icon-select_item .svg-icon.svg-icon__binding:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__binding .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component:active .cls-4,
.icon-select_item .svg-icon.active.svg-icon__source-option--component .cls-4,
.icon-select_item .svg-icon.svg-icon__source-option--component:focus .cls-4,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-4 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component:active .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--component:active .cls-3,
.icon-select_item .svg-icon.svg-icon__source-option--component:active .cls-4,
.icon-select_item .svg-icon.active.svg-icon__source-option--component .cls-2,
.icon-select_item .svg-icon.active.svg-icon__source-option--component .cls-3,
.icon-select_item .svg-icon.active.svg-icon__source-option--component .cls-4,
.icon-select_item .svg-icon.svg-icon__source-option--component:focus .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--component:focus .cls-3,
.icon-select_item .svg-icon.svg-icon__source-option--component:focus .cls-4,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-3,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-4 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list:active .cls-2,
.icon-select_item .svg-icon.svg-icon__list:active .cls-3,
.icon-select_item .svg-icon.active.svg-icon__list .cls-2,
.icon-select_item .svg-icon.active.svg-icon__list .cls-3,
.icon-select_item .svg-icon.svg-icon__list:focus .cls-2,
.icon-select_item .svg-icon.svg-icon__list:focus .cls-3,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__list .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__list .cls-3 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list:active .cls-3,
.icon-select_item .svg-icon.svg-icon__list:active .cls-4,
.icon-select_item .svg-icon.active.svg-icon__list .cls-3,
.icon-select_item .svg-icon.active.svg-icon__list .cls-4,
.icon-select_item .svg-icon.svg-icon__list:focus .cls-3,
.icon-select_item .svg-icon.svg-icon__list:focus .cls-4,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__list .cls-3,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__list .cls-4 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__gallery:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__gallery .cls-1,
.icon-select_item .svg-icon.svg-icon__gallery:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__gallery .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--static:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__source-option--static .cls-1,
.icon-select_item .svg-icon.svg-icon__source-option--static:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__source-option--static .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exclamation-badge:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__exclamation-badge .cls-1,
.icon-select_item .svg-icon.svg-icon__exclamation-badge:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__exclamation-badge .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__documentation:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__documentation .cls-1,
.icon-select_item .svg-icon.svg-icon__documentation:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__documentation .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__clipboard:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__clipboard .cls-1,
.icon-select_item .svg-icon.svg-icon__clipboard:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__clipboard .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__comment:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__comment .cls-1,
.icon-select_item .svg-icon.svg-icon__comment:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__comment .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__alert-bell:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__alert-bell .cls-1,
.icon-select_item .svg-icon.svg-icon__alert-bell:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__alert-bell .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__chevron-right:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__chevron-right .cls-1,
.icon-select_item .svg-icon.svg-icon__chevron-right:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__chevron-right .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__reverse-direction:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__reverse-direction .cls-1,
.icon-select_item .svg-icon.svg-icon__reverse-direction:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__reverse-direction .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__add:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__add .cls-1,
.icon-select_item .svg-icon.svg-icon__add:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__add .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__remove .cls-1,
.icon-select_item .svg-icon.svg-icon__remove:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__remove .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove_small:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__remove_small .cls-1,
.icon-select_item .svg-icon.svg-icon__remove_small:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__remove_small .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__info:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__info .cls-1,
.icon-select_item .svg-icon.svg-icon__info:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__info .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__delete:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__delete .cls-1,
.icon-select_item .svg-icon.svg-icon__delete:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__delete .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component-composite:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__component-composite .cls-1,
.icon-select_item .svg-icon.svg-icon__component-composite:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__component-composite .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__load-indicator:active .cls-1,
.icon-select_item .svg-icon.active.svg-icon__load-indicator .cls-1,
.icon-select_item .svg-icon.svg-icon__load-indicator:focus .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__load-indicator .cls-1 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug:active .cls-3,
.icon-select_item .svg-icon.active.svg-icon__bug .cls-3,
.icon-select_item .svg-icon.svg-icon__bug:focus .cls-3,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__bug .cls-3 {
  fill: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug:active .cls-1,
.icon-select_item .svg-icon.svg-icon__bug:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__bug .cls-1,
.icon-select_item .svg-icon.active.svg-icon__bug .cls-2,
.icon-select_item .svg-icon.svg-icon__bug:focus .cls-1,
.icon-select_item .svg-icon.svg-icon__bug:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__bug .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__bug .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__component .cls-2,
.icon-select_item .svg-icon.svg-icon__component:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__component .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-up:active .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-up:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__arrow-up .cls-1,
.icon-select_item .svg-icon.active.svg-icon__arrow-up .cls-2,
.icon-select_item .svg-icon.svg-icon__arrow-up:focus .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-up:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-up .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-up .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-down:active .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-down:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__arrow-down .cls-1,
.icon-select_item .svg-icon.active.svg-icon__arrow-down .cls-2,
.icon-select_item .svg-icon.svg-icon__arrow-down:focus .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-down:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-down .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-down .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-right:active .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-right:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__arrow-right .cls-1,
.icon-select_item .svg-icon.active.svg-icon__arrow-right .cls-2,
.icon-select_item .svg-icon.svg-icon__arrow-right:focus .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-right:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-right .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-right .cls-2 {
  stroke: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-left:active .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-left:active .cls-2,
.icon-select_item .svg-icon.active.svg-icon__arrow-left .cls-1,
.icon-select_item .svg-icon.active.svg-icon__arrow-left .cls-2,
.icon-select_item .svg-icon.svg-icon__arrow-left:focus .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-left:focus .cls-2,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-left .cls-1,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__arrow-left .cls-2 {
  stroke: #00b6ff;
}

/* line 379, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:active .fill,
.icon-select_item .svg-icon.active.svg-icon__download .fill,
.icon-select_item .svg-icon.svg-icon__download:focus .fill,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__download .fill {
  fill: #00b6ff;
}

/* line 380, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download:active .no-fill,
.icon-select_item .svg-icon.active.svg-icon__download .no-fill,
.icon-select_item .svg-icon.svg-icon__download:focus .no-fill,
.icon-select_item .svg-icon.svg-icon-active.svg-icon__download .no-fill {
  fill: none;
}

/* line 383, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon[disabled],
.icon-select_item .svg-icon.disabled {
  cursor: normal;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__search[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__search .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__edit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__edit_small[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__edit_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__copy .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__copy_small[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__copy_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__trash[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__trash .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__preview[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__preview .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__image[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exit[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__exit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__users[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__users .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__forbidden[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__forbidden .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__text-bubble[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__text-bubble .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__ui-canvas[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__ui-canvas .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__folder[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__folder .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bulleted-list[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__bulleted-list .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__dropper[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__dropper .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__launch[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__launch .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__theme-variable-link[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__theme-variable-link .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--empty[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--empty .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--expression[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--computed[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--computed .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-start[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__cell-align_flex-start .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_flex-end[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__cell-align_flex-end .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__cell-align_center[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__cell-align_center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-center[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__align-text-center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-left[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__align-text-left .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-right[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__align-text-right .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__align-text-justify[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__align-text-justify .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-circle[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-circle .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable-value[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--app-variable[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--app-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--array[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--array .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--boolean[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--boolean .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--component-id[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--component-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--currently-repeated-property-value[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance--2[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance-value[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--data-instance[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--data-instance .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--expression[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--icon[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--icon .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--image[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--internal-property[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--internal-property .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--number[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--number .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--object[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--object .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--output-value[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--output-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-id[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--page-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-parameter[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--page-parameter .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable-value[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--page-variable[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--page-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-variable[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--private-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--private-data-variable[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--self[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--self .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--service[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--service .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--string[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__value-type--translated-string[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__value-type--translated-string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__download[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__download .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__no-repeat[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__no-repeat .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__x[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__x .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__binding[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__binding .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component[disabled] .cls-4,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--component .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--component[disabled] .cls-2,
.icon-select_item .svg-icon.svg-icon__source-option--component[disabled] .cls-3,
.icon-select_item .svg-icon.svg-icon__source-option--component[disabled] .cls-4,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--component .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--component .cls-3,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--component .cls-4 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list[disabled] .cls-2,
.icon-select_item .svg-icon.svg-icon__list[disabled] .cls-3,
.icon-select_item .svg-icon.disabled.svg-icon__list .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__list .cls-3 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__list[disabled] .cls-3,
.icon-select_item .svg-icon.svg-icon__list[disabled] .cls-4,
.icon-select_item .svg-icon.disabled.svg-icon__list .cls-3,
.icon-select_item .svg-icon.disabled.svg-icon__list .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__gallery[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__gallery .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__source-option--static[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__source-option--static .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__exclamation-badge[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__exclamation-badge .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__documentation[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__documentation .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__clipboard[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__clipboard .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__comment[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__comment .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__alert-bell[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__alert-bell .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__chevron-right[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__chevron-right .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__reverse-direction[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__reverse-direction .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__add[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__add .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__remove .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__remove_small[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__remove_small .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__info[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__info .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__delete[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__delete .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component-composite[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__component-composite .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__load-indicator[disabled] .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__load-indicator .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug[disabled] .cls-3,
.icon-select_item .svg-icon.disabled.svg-icon__bug .cls-3 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__bug[disabled] .cls-1,
.icon-select_item .svg-icon.svg-icon__bug[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__bug .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__bug .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__component[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__component .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-up[disabled] .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-up[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-up .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-up .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-down[disabled] .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-down[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-down .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-down .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-right[disabled] .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-right[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-right .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-right .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item .svg-icon.svg-icon__arrow-left[disabled] .cls-1,
.icon-select_item .svg-icon.svg-icon__arrow-left[disabled] .cls-2,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-left .cls-1,
.icon-select_item .svg-icon.disabled.svg-icon__arrow-left .cls-2 {
  stroke: #d7d9dd;
}

/* line 664, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item .svg-icon svg {
  width: 20px;
  height: 20px;
}

/* line 670, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item:hover {
  color: #000000;
}

/* line 673, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item:active,
.icon-select_item.active {
  color: #00b6ff;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__search .cls-2,
.icon-select_item.active .svg-icon.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__edit .cls-2,
.icon-select_item.active .svg-icon.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__edit_small .cls-2,
.icon-select_item.active .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__copy .cls-2,
.icon-select_item.active .svg-icon.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__copy_small .cls-2,
.icon-select_item.active .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__trash .cls-2,
.icon-select_item.active .svg-icon.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__preview .cls-2,
.icon-select_item.active .svg-icon.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__image .cls-2,
.icon-select_item.active .svg-icon.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__exit .cls-2,
.icon-select_item.active .svg-icon.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__users .cls-2,
.icon-select_item.active .svg-icon.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__forbidden .cls-2,
.icon-select_item.active .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__text-bubble .cls-2,
.icon-select_item.active .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__ui-canvas .cls-2,
.icon-select_item.active .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__folder .cls-2,
.icon-select_item.active .svg-icon.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__bulleted-list .cls-2,
.icon-select_item.active .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__dropper .cls-2,
.icon-select_item.active .svg-icon.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__launch .cls-2,
.icon-select_item.active .svg-icon.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__theme-variable-link .cls-2,
.icon-select_item.active .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--empty .cls-2,
.icon-select_item.active .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--expression .cls-2,
.icon-select_item.active .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--computed .cls-2,
.icon-select_item.active .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.icon-select_item.active .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.icon-select_item.active .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__cell-align_center .cls-2,
.icon-select_item.active .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__align-text-center .cls-2,
.icon-select_item.active .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__align-text-left .cls-2,
.icon-select_item.active .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__align-text-right .cls-2,
.icon-select_item.active .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__align-text-justify .cls-2,
.icon-select_item.active .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__arrow-circle .cls-2,
.icon-select_item.active .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--app-variable .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--array .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--boolean .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--component-id .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--data-instance .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--expression .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--icon .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--image .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--internal-property .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--number .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--object .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--output-value .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--page-id .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--page-variable .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--private-variable .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--self .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--service .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--string .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__value-type--translated-string .cls-2,
.icon-select_item.active .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__download .cls-2,
.icon-select_item.active .svg-icon.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__no-repeat .cls-2,
.icon-select_item.active .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__x .cls-2,
.icon-select_item.active .svg-icon.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__binding .cls-2,
.icon-select_item.active .svg-icon.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--component .cls-4,
.icon-select_item.active .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--component .cls-2,
.icon-select_item:active .svg-icon.svg-icon__source-option--component .cls-3,
.icon-select_item:active .svg-icon.svg-icon__source-option--component .cls-4,
.icon-select_item.active .svg-icon.svg-icon__source-option--component .cls-2,
.icon-select_item.active .svg-icon.svg-icon__source-option--component .cls-3,
.icon-select_item.active .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__list .cls-2,
.icon-select_item:active .svg-icon.svg-icon__list .cls-3,
.icon-select_item.active .svg-icon.svg-icon__list .cls-2,
.icon-select_item.active .svg-icon.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__list .cls-3,
.icon-select_item:active .svg-icon.svg-icon__list .cls-4,
.icon-select_item.active .svg-icon.svg-icon__list .cls-3,
.icon-select_item.active .svg-icon.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__gallery .cls-1,
.icon-select_item.active .svg-icon.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__source-option--static .cls-1,
.icon-select_item.active .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__exclamation-badge .cls-1,
.icon-select_item.active .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__documentation .cls-1,
.icon-select_item.active .svg-icon.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__clipboard .cls-1,
.icon-select_item.active .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__comment .cls-1,
.icon-select_item.active .svg-icon.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__alert-bell .cls-1,
.icon-select_item.active .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__chevron-right .cls-1,
.icon-select_item.active .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__reverse-direction .cls-1,
.icon-select_item.active .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__add .cls-1,
.icon-select_item.active .svg-icon.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__remove .cls-1,
.icon-select_item.active .svg-icon.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__remove_small .cls-1,
.icon-select_item.active .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__info .cls-1,
.icon-select_item.active .svg-icon.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__delete .cls-1,
.icon-select_item.active .svg-icon.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__component-composite .cls-1,
.icon-select_item.active .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__load-indicator .cls-1,
.icon-select_item.active .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__bug .cls-3,
.icon-select_item.active .svg-icon.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__bug .cls-1,
.icon-select_item:active .svg-icon.svg-icon__bug .cls-2,
.icon-select_item.active .svg-icon.svg-icon__bug .cls-1,
.icon-select_item.active .svg-icon.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__component .cls-2,
.icon-select_item.active .svg-icon.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__arrow-up .cls-1,
.icon-select_item:active .svg-icon.svg-icon__arrow-up .cls-2,
.icon-select_item.active .svg-icon.svg-icon__arrow-up .cls-1,
.icon-select_item.active .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__arrow-down .cls-1,
.icon-select_item:active .svg-icon.svg-icon__arrow-down .cls-2,
.icon-select_item.active .svg-icon.svg-icon__arrow-down .cls-1,
.icon-select_item.active .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__arrow-right .cls-1,
.icon-select_item:active .svg-icon.svg-icon__arrow-right .cls-2,
.icon-select_item.active .svg-icon.svg-icon__arrow-right .cls-1,
.icon-select_item.active .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item:active .svg-icon.svg-icon__arrow-left .cls-1,
.icon-select_item:active .svg-icon.svg-icon__arrow-left .cls-2,
.icon-select_item.active .svg-icon.svg-icon__arrow-left .cls-1,
.icon-select_item.active .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 682, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-select_item[disabled],
.icon-select_item.disabled {
  color: #898c93;
  cursor: default;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__search .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__search .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__edit .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__edit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__edit_small .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__copy .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__copy .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__copy_small .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__trash .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__trash .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__preview .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__preview .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__image .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__exit .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__exit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__users .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__users .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__forbidden .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__text-bubble .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__ui-canvas .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__folder .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__folder .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__bulleted-list .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__dropper .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__dropper .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__launch .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__launch .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__theme-variable-link .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--empty .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--expression .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--computed .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__cell-align_flex-start .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__cell-align_flex-end .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__cell-align_center .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__align-text-center .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__align-text-left .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__align-text-right .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__align-text-justify .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-circle .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--app-variable-value .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--app-variable .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--array .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--boolean .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--component-id .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--data-instance--2 .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--data-instance-value .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--data-instance .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--expression .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--icon .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--image .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--internal-property .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--number .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--object .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--output-value .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--page-id .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--page-parameter .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--page-variable-value .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--page-variable .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--private-variable .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--private-data-variable .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--self .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--service .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--string .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__value-type--translated-string .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__download .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__download .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__no-repeat .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__x .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__x .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__binding .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__binding .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--component .cls-2,
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--component .cls-3,
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--component .cls-4,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--component .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--component .cls-3,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__list .cls-2,
.icon-select_item[disabled] .svg-icon.svg-icon__list .cls-3,
.icon-select_item.disabled .svg-icon.svg-icon__list .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__list .cls-3 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__list .cls-3,
.icon-select_item[disabled] .svg-icon.svg-icon__list .cls-4,
.icon-select_item.disabled .svg-icon.svg-icon__list .cls-3,
.icon-select_item.disabled .svg-icon.svg-icon__list .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__gallery .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__gallery .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__source-option--static .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__exclamation-badge .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__documentation .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__documentation .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__clipboard .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__comment .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__comment .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__alert-bell .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__chevron-right .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__reverse-direction .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__add .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__add .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__remove .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__remove .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__remove_small .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__info .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__info .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__delete .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__delete .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__component-composite .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__load-indicator .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__bug .cls-3,
.icon-select_item.disabled .svg-icon.svg-icon__bug .cls-3 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__bug .cls-1,
.icon-select_item[disabled] .svg-icon.svg-icon__bug .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__bug .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__bug .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__component .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__component .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-up .cls-1,
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-up .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-up .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-down .cls-1,
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-down .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-down .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-right .cls-1,
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-right .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-right .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-left .cls-1,
.icon-select_item[disabled] .svg-icon.svg-icon__arrow-left .cls-2,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-left .cls-1,
.icon-select_item.disabled .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #d7d9dd;
}

/* line 693, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.resetable-input {
  position: relative;
}

/* line 696, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.resetable-input .resetable-input--reset {
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-appearance: none;
  position: absolute;
  top: 1px;
  right: 0;
}

/* line 706, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.resetable-input .resetable-input--reset .svg-icon {
  cursor: pointer;
  width: 12px;
  height: 12px;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__search .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit_small .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy_small .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__trash .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__preview .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__image .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exit .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__users .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__forbidden .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__text-bubble .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__ui-canvas .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__folder .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bulleted-list .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__dropper .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__launch .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__theme-variable-link .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--empty .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--expression .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--computed .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-start .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-end .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_center .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-center .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-left .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-right .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-justify .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-circle .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--array .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--boolean .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--component-id .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--currently-repeated-property-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--expression .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--icon .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--image .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--internal-property .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--number .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--object .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--output-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-id .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-parameter .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--self .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--service .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--string .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--translated-string .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__no-repeat .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__x .cls-2 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__binding .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component .cls-4 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component .cls-4 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list .cls-3 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list .cls-4 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__gallery .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--static .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exclamation-badge .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__documentation .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__clipboard .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__comment .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__alert-bell .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__chevron-right .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__reverse-direction .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__add .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove_small .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__info .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__delete .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component-composite .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__load-indicator .cls-1 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug .cls-3 {
  fill: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left .cls-2 {
  stroke: #898c93;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__search:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit_small:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy_small:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__trash:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__preview:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__image:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exit:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__users:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__forbidden:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__text-bubble:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__ui-canvas:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__folder:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bulleted-list:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__dropper:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__launch:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__theme-variable-link:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--empty:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--expression:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--computed:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-start:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-end:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_center:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-center:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-left:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-right:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-justify:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-circle:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable-value:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--array:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--boolean:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--component-id:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input
  .resetable-input--reset
  .svg-icon.svg-icon__value-type--currently-repeated-property-value:hover
  .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance--2:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance-value:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--expression:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--icon:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--image:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--internal-property:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--number:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--object:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--output-value:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-id:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-parameter:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable-value:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-variable:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-data-variable:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--self:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--service:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--string:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--translated-string:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__no-repeat:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__x:hover .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__binding:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:hover .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:hover .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:hover .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:hover .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:hover .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:hover .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:hover .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:hover .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__gallery:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--static:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exclamation-badge:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__documentation:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__clipboard:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__comment:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__alert-bell:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__chevron-right:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__reverse-direction:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__add:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove_small:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__info:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__delete:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component-composite:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__load-indicator:hover .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:hover .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:hover .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:hover .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:hover .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:hover .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:hover .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:hover .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:hover .cls-2 {
  stroke: #303948;
}

/* line 369, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:hover .fill {
  fill: #303948;
}

/* line 370, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:hover .no-fill {
  fill: none;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__search:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__search .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__search:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__search .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__edit .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__edit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit_small:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__edit_small .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit_small:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__edit_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__copy .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__copy .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy_small:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__copy_small .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy_small:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__copy_small .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__trash:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__trash .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__trash:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__trash .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__preview:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__preview .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__preview:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__preview .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__image:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__image .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__image:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exit:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__exit .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exit:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__exit .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__users:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__users .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__users:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__users .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__forbidden:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__forbidden .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__forbidden:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__forbidden .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__text-bubble:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__text-bubble .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__text-bubble:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__text-bubble .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__ui-canvas:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__ui-canvas .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__ui-canvas:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__ui-canvas .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__folder:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__folder .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__folder:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__folder .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bulleted-list:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__bulleted-list .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bulleted-list:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__bulleted-list .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__dropper:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__dropper .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__dropper:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__dropper .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__launch:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__launch .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__launch:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__launch .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__theme-variable-link:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__theme-variable-link .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__theme-variable-link:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__theme-variable-link .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--empty:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--empty .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--empty:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--empty .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--expression:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--expression .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--expression:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--computed:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--computed .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--computed:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--computed .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-start:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__cell-align_flex-start .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-start:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__cell-align_flex-start .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-end:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__cell-align_flex-end .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-end:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__cell-align_flex-end .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_center:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__cell-align_center .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_center:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__cell-align_center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-center:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__align-text-center .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-center:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__align-text-center .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-left:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__align-text-left .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-left:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__align-text-left .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-right:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__align-text-right .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-right:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__align-text-right .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-justify:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__align-text-justify .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-justify:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__align-text-justify .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-circle:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-circle .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-circle:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-circle .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable-value:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--app-variable-value .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable-value:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--app-variable .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--app-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--array:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--array .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--array:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--array .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--boolean:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--boolean .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--boolean:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--boolean .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--component-id:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--component-id .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--component-id:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--component-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input
  .resetable-input--reset
  .svg-icon.svg-icon__value-type--currently-repeated-property-value:active
  .cls-2,
.resetable-input
  .resetable-input--reset
  .svg-icon.active.svg-icon__value-type--currently-repeated-property-value
  .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--currently-repeated-property-value:focus .cls-2,
.resetable-input
  .resetable-input--reset
  .svg-icon.svg-icon-active.svg-icon__value-type--currently-repeated-property-value
  .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance--2:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--data-instance--2 .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance--2:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance-value:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--data-instance-value .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance-value:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--data-instance .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--data-instance .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--expression:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--expression .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--expression:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--expression .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--icon:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--icon .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--icon:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--icon .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--image:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--image .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--image:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--image .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--internal-property:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--internal-property .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--internal-property:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--internal-property .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--number:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--number .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--number:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--number .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--object:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--object .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--object:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--object .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--output-value:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--output-value .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--output-value:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--output-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-id:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--page-id .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-id:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--page-id .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-parameter:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--page-parameter .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-parameter:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--page-parameter .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable-value:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--page-variable-value .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable-value:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--page-variable .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--page-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-variable:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--private-variable .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-variable:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--private-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-data-variable:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--private-data-variable .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-data-variable:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--self:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--self .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--self:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--self .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--service:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--service .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--service:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--service .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--string:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--string .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--string:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--translated-string:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__value-type--translated-string .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--translated-string:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__value-type--translated-string .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__download .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__download .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__no-repeat:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__no-repeat .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__no-repeat:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__no-repeat .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__x:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__x .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__x:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__x .cls-2 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__binding:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__binding .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__binding:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__binding .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:active .cls-4,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--component .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:focus .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:active .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:active .cls-4,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--component .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--component .cls-3,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--component .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:focus .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component:focus .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--component .cls-4 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:active .cls-3,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__list .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__list .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:focus .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__list .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__list .cls-3 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:active .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:active .cls-4,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__list .cls-3,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__list .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:focus .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list:focus .cls-4,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__list .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__list .cls-4 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__gallery:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__gallery .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__gallery:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__gallery .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--static:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__source-option--static .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--static:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__source-option--static .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exclamation-badge:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__exclamation-badge .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exclamation-badge:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__exclamation-badge .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__documentation:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__documentation .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__documentation:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__documentation .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__clipboard:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__clipboard .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__clipboard:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__clipboard .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__comment:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__comment .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__comment:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__comment .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__alert-bell:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__alert-bell .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__alert-bell:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__alert-bell .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__chevron-right:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__chevron-right .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__chevron-right:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__chevron-right .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__reverse-direction:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__reverse-direction .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__reverse-direction:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__reverse-direction .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__add:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__add .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__add:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__add .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__remove .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__remove .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove_small:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__remove_small .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove_small:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__remove_small .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__info:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__info .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__info:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__info .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__delete:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__delete .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__delete:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__delete .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component-composite:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__component-composite .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component-composite:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__component-composite .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__load-indicator:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__load-indicator .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__load-indicator:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__load-indicator .cls-1 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:active .cls-3,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__bug .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:focus .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__bug .cls-3 {
  fill: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__bug .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__bug .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__bug .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__bug .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__component .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__component .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-up .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-up .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-up .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-up .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-down .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-down .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-down .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-down .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-right .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-right .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-right .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-right .cls-2 {
  stroke: #303948;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:active .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:active .cls-2,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-left .cls-1,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__arrow-left .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:focus .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left:focus .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-left .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__arrow-left .cls-2 {
  stroke: #303948;
}

/* line 379, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:active .fill,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__download .fill,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:focus .fill,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__download .fill {
  fill: #303948;
}

/* line 380, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:active .no-fill,
.resetable-input .resetable-input--reset .svg-icon.active.svg-icon__download .no-fill,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download:focus .no-fill,
.resetable-input .resetable-input--reset .svg-icon.svg-icon-active.svg-icon__download .no-fill {
  fill: none;
}

/* line 383, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon[disabled],
.resetable-input .resetable-input--reset .svg-icon.disabled {
  cursor: normal;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__search[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__search .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__edit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__edit_small[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__edit_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__copy .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__copy_small[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__copy_small .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__trash[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__trash .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__preview[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__preview .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__image[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exit[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__exit .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__users[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__users .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__forbidden[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__forbidden .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__text-bubble[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__text-bubble .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__ui-canvas[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__ui-canvas .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__folder[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__folder .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bulleted-list[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__bulleted-list .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__dropper[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__dropper .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__launch[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__launch .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__theme-variable-link[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__theme-variable-link .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--empty[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--empty .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--expression[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--computed[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--computed .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-start[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__cell-align_flex-start .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_flex-end[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__cell-align_flex-end .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__cell-align_center[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__cell-align_center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-center[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__align-text-center .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-left[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__align-text-left .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-right[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__align-text-right .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__align-text-justify[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__align-text-justify .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-circle[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-circle .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable-value[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--app-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--app-variable[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--app-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--array[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--array .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--boolean[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--boolean .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--component-id[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--component-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input
  .resetable-input--reset
  .svg-icon.svg-icon__value-type--currently-repeated-property-value[disabled]
  .cls-2,
.resetable-input
  .resetable-input--reset
  .svg-icon.disabled.svg-icon__value-type--currently-repeated-property-value
  .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance--2[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--data-instance--2 .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance-value[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--data-instance-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--data-instance[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--data-instance .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--expression[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--expression .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--icon[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--icon .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--image[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--image .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--internal-property[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--internal-property .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--number[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--number .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--object[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--object .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--output-value[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--output-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-id[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--page-id .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-parameter[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--page-parameter .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable-value[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--page-variable-value .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--page-variable[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--page-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-variable[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--private-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--private-data-variable[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--private-data-variable .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--self[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--self .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--service[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--service .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--string[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__value-type--translated-string[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__value-type--translated-string .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__download[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__download .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__no-repeat[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__no-repeat .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__x[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__x .cls-2 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__binding[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__binding .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component[disabled] .cls-4,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--component .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component[disabled] .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--component[disabled] .cls-4,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--component .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--component .cls-3,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--component .cls-4 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list[disabled] .cls-3,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__list .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__list .cls-3 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list[disabled] .cls-3,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__list[disabled] .cls-4,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__list .cls-3,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__list .cls-4 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__gallery[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__gallery .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__source-option--static[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__source-option--static .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__exclamation-badge[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__exclamation-badge .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__documentation[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__documentation .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__clipboard[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__clipboard .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__comment[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__comment .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__alert-bell[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__alert-bell .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__chevron-right[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__chevron-right .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__reverse-direction[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__reverse-direction .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__add[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__add .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__remove .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__remove_small[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__remove_small .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__info[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__info .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__delete[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__delete .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component-composite[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__component-composite .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__load-indicator[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__load-indicator .cls-1 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug[disabled] .cls-3,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__bug .cls-3 {
  fill: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__bug[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__bug .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__bug .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__component[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__component .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-up[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-up .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-up .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-down[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-down .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-down .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-right[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-right .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-right .cls-2 {
  stroke: #d7d9dd;
}

/* line 85, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_icons.scss */
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left[disabled] .cls-1,
.resetable-input .resetable-input--reset .svg-icon.svg-icon__arrow-left[disabled] .cls-2,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-left .cls-1,
.resetable-input .resetable-input--reset .svg-icon.disabled.svg-icon__arrow-left .cls-2 {
  stroke: #d7d9dd;
}

/* line 712, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.resetable-input input {
  display: block;
  width: 100%;
  padding-right: 20px;
}

/* line 723, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch {
  background: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
  display: flex;
  height: 16px;
}

/* line 729, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch:focus {
  outline: none;
}

/* line 733, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch span {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  display: block;
  line-height: 1;
}

/* line 739, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch span:first-child {
  position: relative;
}

/* line 743, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch span:first-child:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: -36px;
  width: 28px;
  border: 1px solid #d7d9dd;
}

/* line 754, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch span:first-child:after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  background-color: #00b6ff;
  border-radius: 9px;
  position: absolute;
  top: 1px;
  right: -12.5px;
}

/* line 768, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch span:last-child {
  margin-left: 44px;
}

/* line 773, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch.switch_active--first span:first-child {
  color: #303948;
}

/* line 780, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch.switch_active--second span:first-child:after {
  right: -36px;
}

/* line 784, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.switch.switch_active--second span:last-child {
  color: #303948;
}

/* line 796, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor,
.static-value-editor {
  display: block;
}

/* line 800, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .static-value-editor__color-picker-arrow,
.static-value-editor .static-value-editor__color-picker-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 16px;
  cursor: pointer;
  border-bottom: 1px solid #d7d9dd;
  flex: 0 0 16px;
  height: auto;
}

/* line 405, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
static-value-editor .static-value-editor__color-picker-arrow:after,
.static-value-editor .static-value-editor__color-picker-arrow:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  pointer-events: none;
  content: '';
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
static-value-editor .static-value-editor__color-picker-arrow:after:hover,
.static-value-editor .static-value-editor__color-picker-arrow:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 191, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_form-elements.scss */
static-value-editor .static-value-editor__color-picker-arrow:hover,
.static-value-editor .static-value-editor__color-picker-arrow:hover {
  border-bottom: 1px solid #000000;
}

/* line 806, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .static-value-editor__color-picker-arrow.disabled,
.static-value-editor .static-value-editor__color-picker-arrow.disabled {
  cursor: not-allowed;
}

/* line 414, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
static-value-editor .static-value-editor__color-picker-arrow.disabled:after,
.static-value-editor .static-value-editor__color-picker-arrow.disabled:after {
  border-color: #898c93 transparent transparent transparent;
}

/* line 809, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .static-value-editor__color-picker-arrow.disabled,
static-value-editor .static-value-editor__color-picker-arrow.disabled:hover,
.static-value-editor .static-value-editor__color-picker-arrow.disabled,
.static-value-editor .static-value-editor__color-picker-arrow.disabled:hover {
  border-bottom-color: #eff0f2;
}

/* line 815, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .color-picker-wrapper,
.static-value-editor .color-picker-wrapper {
  width: 100%;
}

/* line 818, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .color-picker-wrapper .input-group,
.static-value-editor .color-picker-wrapper .input-group {
  display: flex;
  align-items: flex-end;
}

/* line 822, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .color-picker-wrapper .input-group .color-picker-swatch,
static-value-editor .color-picker-wrapper .input-group .color-picker-swatch:first-child,
.static-value-editor .color-picker-wrapper .input-group .color-picker-swatch,
.static-value-editor .color-picker-wrapper .input-group .color-picker-swatch:first-child {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 1px;
  flex: unset;
  display: block;
  padding: 0;
}

/* line 835, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .color-picker-wrapper .input-group .color-picker-input-swatch,
.static-value-editor .color-picker-wrapper .input-group .color-picker-input-swatch {
  flex: 1;
  padding-left: 18px;
}

/* line 840, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor .color-picker-wrapper .color-picker-input-wrapper,
.static-value-editor .color-picker-wrapper .color-picker-input-wrapper {
  overflow: visible !important;
}

/* line 847, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
static-value-editor datalist,
.static-value-editor datalist {
  display: none;
}

/* line 866, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.static-value-editor-invalid-input {
  color: red;
  background-color: #ffeeee;
}

/* line 870, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.static-value-editor {
  display: flex;
  position: relative;
  font-family: '72';
}

/* line 876, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.static-value-editor > * {
  width: 100%;
}

/* line 880, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.static-value-editor .option-selector-empty {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #898c93;
  font-style: italic;
}

/* line 885, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker {
  display: flex;
  position: relative;
  cursor: pointer;
  height: 27px;
}

/* line 892, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker .icon-picker_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 16px;
}

/* line 405, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.icon-picker .icon-picker_arrow:after {
  width: 0;
  height: 0;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  pointer-events: none;
  content: '';
}

/* line 353, app/assets/stylesheets/appgyver-ui/../interface_builder/mixins/_elements.scss */
.icon-picker .icon-picker_arrow:after:hover {
  border-color: #898c93 transparent transparent transparent;
}

/* line 896, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker .icon-picker_preview {
  line-height: 27px;
  flex: 1;
}

/* line 899, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker .icon-picker_preview span {
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: -4px;
}

/* line 906, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker .fa {
  display: inline-block;
  font-size: 23px;
  width: auto;
  color: #000000;
  text-align: left;
}

/* line 913, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.icon-picker .icon-picker_preview_no-icon {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  color: #898c93;
  font-style: italic;
  line-height: 27px;
  display: block;
}

/* line 920, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.translation-picker-modal-description {
  font-size: 10px;
}

/* line 923, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.translation-picker-modal-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* line 927, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.translation-picker-modal-input-container > input {
  flex-grow: 1;
}

/* line 931, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.translation-picker-modal-input-arrow {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}

/* line 936, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.translation-picker-modal-input-arrow select {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  opacity: 0;
  margin: 0;
}

/* line 951, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox {
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 16px;
  border-radius: 8px;
  background-color: #d7d9dd;
}

/* line 959, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox input {
  display: none;
}

/* line 963, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox .checkbox-nib {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: white;
  position: absolute;
  top: 2px;
  left: 2px;
}

/* line 974, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox.checked {
  background-color: #00b6ff;
}

/* line 976, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox.checked .checkbox-nib {
  left: 18px;
}

/* line 981, app/assets/stylesheets/appgyver-ui/../interface_builder/_form-elements.scss */
.sidebar-checkbox.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 3, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
* {
  -webkit-font-smoothing: antialiased;
}

/* line 7, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
h1,
h2,
h3,
h4 {
  font-weight: 400;
  line-height: 1;
  margin: 0 0 1em 0;
}

/* line 12, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
label,
h1,
h2,
h3,
h4 {
  line-height: 1;
}

/* line 16, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
h1 {
  font-size: 28px;
}

/* line 19, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
h2 {
  font-size: 16px;
}

/* line 22, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
h3 {
  font-size: 13px;
}

/* line 25, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
h4 {
  font-size: 11px;
}

/* line 29, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
code {
  font-family: 'Monaco', monospace;
  font-size: 12px;
  padding: 1px 4px;
}

/* line 34, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
.uppercase-tiny {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
  font-size: 10px;
}

/* line 37, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
.uppercase {
  font-family: '72';
  font-weight: 500;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.22px;
  color: #000000;
}

/* line 41, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
.emphasis {
  font-family: '72';
  font-weight: 600;
  font-size: 13px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: -0.21px;
  color: #000000;
}

/* line 45, app/assets/stylesheets/appgyver-ui/../interface_builder/_typography.scss */
strong {
  font-weight: 600;
}

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 27, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card {
  position: relative;
  background: #efefef;
  border-radius: 4px;
  min-height: 97px;
  overflow: hidden;
  margin-bottom: 30px;
}

/* line 35, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__subtitle {
  position: relative;
  color: #999999;
  font-size: 0.75em;
  left: 103px;
  top: 60px;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

/* line 45, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__title {
  line-height: 27px;
  height: 50px;
  position: absolute;
  top: 35px;
  vertical-align: top;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 21px;
  font-family: '72';
  font-weight: 500;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

/* line 64, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__title > img,
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__title > .fa {
  font-size: 21px;
  height: 27px;
  width: 27px;
  line-height: 27px;
  margin-right: 30px;
  vertical-align: top;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

/* line 75, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__title > img {
  display: inline-block;
}

/* line 78, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__remover {
  position: absolute;
  display: none;
  width: auto;
  top: 0px;
  right: 0px;
  padding: 11px;
  line-height: 13px;
}

/* line 87, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__remover > .fa {
  line-height: 13px;
  font-size: 15px;
}

/* line 91, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__remover:hover {
  color: #00b5ff;
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card .pages__collection-card__buttons {
  position: absolute;
  left: 0;
  bottom: -62px;
  height: 62px;
  width: 100%;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/* line 134, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace
  #workspace__data-pages__index
  .pages__collection-card
  .pages__collection-card__buttons
  .pages__collection-card__buttons__button {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-align: center;
  line-height: 42px;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: '72';
  font-weight: 400;
  text-decoration: none;
  color: #303948;
}

/* line 159, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace
  #workspace__data-pages__index
  .pages__collection-card
  .pages__collection-card__buttons
  .pages__collection-card__buttons__button:hover {
  background: #00b5ff;
  color: white;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card:hover .pages__collection-card__subtitle {
  top: 20px;
  left: 40px;
  font-size: 0.4em;
}

/* line 171, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card:hover .pages__collection-card__title {
  top: 11px;
  left: 0px;
  height: 13px;
  line-height: 13px;
  font-size: 10px;
  padding-left: 18px;
}

/* line 179, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace
  #workspace__data-pages__index
  .pages__collection-card:hover
  .pages__collection-card__title
  > img,
.appgyver-ui__workspace
  #workspace__data-pages__index
  .pages__collection-card:hover
  .pages__collection-card__title
  > .fa {
  width: 13px;
  height: 13px;
  margin-right: 6px;
  line-height: 13px;
  font-size: 13px;
}

/* line 186, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card:hover .pages__collection-card__remover {
  display: inline-block;
}

/* line 189, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__index .pages__collection-card:hover .pages__collection-card__buttons {
  bottom: 0;
}

/* line 195, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}

/* line 200, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader * {
  cursor: default;
}

/* line 203, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader .helper-notification {
  position: absolute;
  top: 20px;
  max-width: 400px;
  background: white;
  margin-left: -20px;
  border-radius: 4px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
  padding: 15px;
  animation: bounce 2s linear 0s 2;
}

/* line 214, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader .helper-notification .helper-notification__pointer {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 20px;
  height: 20px;
  border: 10px transparent solid;
  border-bottom-color: white;
}

/* line 223, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader .helper-notification.down {
  animation: bounce-reverse 2s linear 0s 2;
}

/* line 225, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader .helper-notification.down .helper-notification__pointer {
  top: 52px;
  border: 10px transparent solid;
  border-top-color: white;
}

/* line 230, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-create-section {
  top: 81px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

/* line 236, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-create-section .helper-notification {
  left: 258px;
}

/* line 239, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-try-app {
  top: 39px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

/* line 245, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-try-app .helper-notification {
  left: 50%;
  margin-left: -29px;
  top: initial;
  bottom: 80px;
}

/* line 251, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-new-custom-form {
  top: 39px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}

/* line 257, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-shader-for-new-custom-form .helper-notification {
  right: 300px;
}

/* line 260, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-notification-tooltip {
  position: absolute;
  top: 100%;
  max-width: 100%;
  background: #30384a;
  border-radius: 4px;
  color: white;
  margin-right: 15px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
  padding: 15px;
  animation: move-up 0.2s ease-out;
}

/* line 272, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace .helper-notification-tooltip .helper-notification__pointer {
  position: absolute;
  top: -20px;
  left: 20px;
  width: 20px;
  height: 20px;
  border: 10px transparent solid;
  border-bottom-color: #30384a;
}

/* line 281, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit {
  height: 100%;
}

/* line 286, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar {
  background-color: white;
  height: 42px;
  margin: 0px auto;
  border: none;
  padding-top: 10px;
  padding-right: 10px;
}

/* line 294, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .extra-link__container {
  display: flex;
  margin: 0 15px;
}

/* line 297, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .extra-link__container .extra-link {
  width: 50%;
  line-height: 21px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 600;
  letter-spacing: 1px;
  vertical-align: top;
  font-size: 10px;
}

/* line 306, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .extra-link__container .extra-link .extra-link__icon {
  position: relative;
  display: inline-block;
  width: 21px;
  height: 21px;
  overflow: hidden;
  vertical-align: top;
  margin-right: 4px;
}

/* line 315, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace
  #workspace__data-pages__edit
  .top-bar
  .extra-link__container
  .extra-link
  .extra-link__icon
  > img {
  display: block;
  position: absolute;
  top: 0;
  left: -21px;
  width: 42px;
  height: 21px;
}

/* line 323, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .extra-link__container .extra-link:hover,
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .extra-link__container .extra-link.active {
  color: #00b5ff;
  cursor: pointer;
}

/* line 327, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace
  #workspace__data-pages__edit
  .top-bar
  .extra-link__container
  .extra-link:hover
  .extra-link__icon
  > img,
.appgyver-ui__workspace
  #workspace__data-pages__edit
  .top-bar
  .extra-link__container
  .extra-link.active
  .extra-link__icon
  > img {
  left: 0;
}

/* line 330, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .page-text {
  display: inline-block;
  line-height: 21px;
  vertical-align: top;
  font-size: 10px;
  padding-right: 18px;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 700;
  letter-spacing: 1px;
}

/* line 450, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch {
  line-height: 21px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 700;
  letter-spacing: 1px;
  vertical-align: top;
  font-size: 10px;
}

/* line 459, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch span {
  line-height: 21px;
  vertical-align: top;
}

/* line 464, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch {
  line-height: 21px;
  cursor: pointer;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 700;
  letter-spacing: 1px;
  vertical-align: top;
  font-size: 10px;
}

/* line 473, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch span {
  line-height: 21px;
  vertical-align: top;
}

/* line 477, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch span:first-child {
  color: #00b5ff;
}

/* line 479, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch span:last-child {
  color: #b0b0b0;
}

/* line 482, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch img {
  height: 21px;
  vertical-align: top;
}

/* line 489, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch.other-option span:first-child {
  color: #b0b0b0;
}

/* line 491, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch.other-option span:last-child {
  color: #00b5ff;
}

/* line 494, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .top-bar .mode-switch.other-option img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

/* line 506, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div {
  border: none;
  background: #dee9ed !important;
  height: 44px;
  border-radius: 12px;
  padding: 0px;
  line-height: 40px;
  font-family: '72';
  font-weight: 600;
  font-size: 15px;
  vertical-align: top;
}

/* line 517, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div .compatibilities {
  margin-right: 10px;
}

/* line 519, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div .compatibilities img {
  height: 25px;
}

/* line 522, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div .widget-text {
  margin: 0px;
  color: 303948;
}

/* line 526, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div .widget-icon {
  background: none;
  padding: 0px;
  border: none;
  width: 24px;
  height: 44px;
  line-height: 44px;
  margin-left: 10px;
  color: 303948;
}

/* line 536, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div .widget-icon i {
  font-size: 1.5em;
}

/* line 539, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div:hover {
  background: #00b5ff !important;
  color: white;
}

/* line 543, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div:hover .widget-text,
.appgyver-ui__workspace #workspace__data-pages__edit .pickable-extensions li > div:hover .widget-icon {
  color: white;
}

/* line 548, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .drop_target {
  border: none;
}

/* line 551, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .drop_target .ui-state-default {
  min-height: 0px;
}

/* line 553, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .drop_target .ui-state-default item {
  background: transparent !important;
}

/* line 556, app/assets/stylesheets/appgyver-ui/views/workspace_data_pages.css.sass */
.appgyver-ui__workspace #workspace__data-pages__edit .iphone-content-container {
  margin-left: 21px;
  margin-top: -50px;
  width: 365px;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(30px);
  }
  60% {
    transform: translateY(15px);
  }
}

@keyframes bounce-reverse {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@keyframes move-up {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}


/* line 6, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index {
  position: relative;
  margin-top: 60px;
}

/* line 10, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index .message-block {
  margin-top: 12px;
}

/* line 15, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__header {
  position: relative;
}

/* line 17, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__header h1 {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  font-size: 28px;
  margin: 0;
  margin-bottom: 32px;
}

/* line 25, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__controls {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 29, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__controls .button {
  padding-left: 32px;
  padding-right: 32px;
}

/* line 34, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__search_container {
  position: relative;
}

/* line 36, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__search_container img {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

/* line 47, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__search_container .form_input {
  padding-left: 22px;
  background-color: transparent;
  color: #000000;
}

/* line 53, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__search {
  color: #898c93;
}

/* line 58, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__cta {
  color: #14bca4;
}

/* line 62, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__empty {
  text-align: center;
}

/* line 64, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__empty p {
  margin: 0;
}

/* line 67, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__empty img {
  margin-top: 48px;
}

/* line 74, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__cards {
  margin-top: 28px;
  margin-left: -16px;
  margin-right: -16px;
}

/* line 76, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__cards:after {
  content: '';
  display: table;
  clear: both;
}

/* line 85, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card {
  width: calc((100% - 128px) / 4);
  margin-left: 16px;
  margin-right: 16px;
  float: left;
  height: 124px;
  margin-bottom: 40px;
  background-color: #ffffff;
  position: relative;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  -moz-box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  box-shadow: 0 0 2px 0 rgba(12, 35, 64, 0.2);
  transition: box-shadow 100ms ease-out;
  min-width: 200px;
}

/* line 104, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card:hover {
  -webkit-box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
  -moz-box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
  box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
}

/* line 107, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card:hover .app_index__card__remove,
.app_index__card:hover .app_index__card__copy,
.app_index__card:hover .app_index__card__export {
  display: block;
}

/* line 112, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card h3 {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  font-size: 18px;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 121, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__link {
  display: block;
  height: 100%;
  width: 100%;
  padding: 18px;
}

/* line 127, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__link,
.app_index__card__link:hover,
.app_index__card__link:active,
.app_index__card__link:visited,
.app_index__card__link:focus {
  text-decoration: none;
}

/* line 131, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__copy {
  right: 58px;
  bottom: 20px;
}

/* line 136, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__remove {
  right: 10px;
  bottom: 22px;
}

/* line 141, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__export {
  right: 34px;
  bottom: 19px;
}

/* line 145, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__export > .fa-spinner {
  animation: spin 1000ms linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 154, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__remove,
.app_index__card__copy,
.app_index__card__export {
  display: none;
  position: absolute;
  opacity: 0.6;
  height: 22px;
}

/* line 160, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__remove:hover,
.app_index__card__copy:hover,
.app_index__card__export:hover {
  opacity: 1;
}

/* line 165, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__updated {
  position: absolute;
  bottom: 24px;
  left: 18px;
}

/* line 170, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__updated p {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  font-size: 13px;
  margin: 0;
}

/* line 174, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.app_index__card__updated .uppercase-tiny {
  color: #00b6ff;
}

/* line 187, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.workspace__new_app_modal .modal-dialog {
  width: 848px;
}

/* line 191, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app {
  padding: 32px 36px 36px 36px;
}

/* line 193, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app h2 {
  font-family: '72';
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: normal;
  font-size: 21px;
  margin: 0 0 28px 0;
}

/* line 204, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__templates {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 28px;
}

/* line 208, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__templates:after {
  content: '';
  display: table;
  clear: both;
}

/* line 213, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__templates .form_label {
  padding-left: 8px;
  margin-bottom: 16px;
}

/* line 219, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template {
  cursor: pointer;
  background-color: #ffffff;
  width: calc((100% - 48px) / 3);
  position: relative;
  padding: 8px;
  margin-left: 8px;
  margin-right: 8px;
  float: left;
  margin-bottom: 16px;
  border: 1px solid #d7d9dd;
  border-radius: 2px;
  box-shadow: 0 0 0 0 rgba(12, 35, 64, 0.2);
  transition: box-shadow 100ms ease-out;
}

/* line 237, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template.new_app__template--selected,
.new_app__template:hover {
  box-shadow: 0 0 16px 0 rgba(12, 35, 64, 0.2);
}

/* line 242, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template--selected {
  border: 1px solid #00b6ff;
}

/* line 246, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template__image {
  height: 96px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #d7d9dd;
  border-radius: 2px;
}

/* line 253, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template__image img {
  width: 100%;
  height: auto;
}

/* line 259, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__template__title {
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #000000;
  font-size: 18px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 12px 4px 16px 4px;
}

/* line 269, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__controls {
  text-align: right;
  margin-top: 16px;
}

/* line 272, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__controls button {
  padding-left: 32px;
  padding-right: 32px;
}

/* line 275, app/assets/stylesheets/appgyver-ui/views/workspace__app_index.scss */
.new_app__controls button:first-child {
  margin-right: 4px;
}

/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 24, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor {
  height: 100%;
  table-layout: fixes;
}

/* line 27, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .hide-when-compact {
  display: none;
}

/* line 29, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .show-when-compact {
  display: block;
}

/* line 31, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .add-components-text {
  display: none;
}

/* line 33, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .fields-left {
  margin-left: 0px;
  margin-top: 0px;
}

/* line 36, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .left_section {
  border-right: none;
  width: 270px !important;
}

/* line 39, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .center_section {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 42, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .center_section h1 {
  display: none;
}

/* line 44, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .center_section .list-container {
  margin-top: 0px;
}

/* line 46, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .center_section .nothing-added {
  display: none !important;
}

/* line 48, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .right_section {
  border-left: none;
  padding-left: 20px;
  width: 270px !important;
}

/* line 54, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .right_section .form-group {
  margin-top: 20px;
  padding: 0px;
}

/* line 57, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .stepped-wizard__step .workspace__editor .right_section .form-group:first-child {
  margin-top: 0px;
}

/* line 63, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .left_section {
  width: 20%;
  min-width: 212px;
  border-right: 1px solid #c2c2c2;
  -webkit-transition: opacity 1s ease-out;
  padding: 0;
}

/* line 70, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .right_section {
  width: 20%;
  min-width: 212px;
  border-left: 1px solid #c2c2c2;
  padding: 0;
}

/* line 76, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu {
  background-color: white;
  height: 42px;
  margin: 0px auto;
  border: none;
  padding-top: 10px;
}

/* line 83, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu span.small-text {
  font-family: '72';
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 9pt;
  margin-right: 10px;
}

/* line 89, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .middle-item {
  width: 33%;
  margin: auto;
}

/* line 93, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left {
  float: left;
}

/* line 96, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label {
  position: relative;
  color: #b0b0b0;
  display: inline-block;
  height: 21px;
  border: 1px #b0b0b0 solid;
  border-radius: 4px;
  background: white;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  cursor: pointer;
}

/* line 109, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:hover,
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:active {
  color: #36383b;
  border-color: #36383b;
}

/* line 112, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:hover select,
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:active select {
  color: black;
}

/* line 114, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:hover:after,
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:active:after {
  border-color: #36383b;
}

/* line 117, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label:after {
  content: '▼';
  font-size: 10px;
  padding: 6px 6px 0px 4px;
  vertical-align: top;
  line-height: 10px;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  pointer-events: none;
  border-left: 1px #b0b0b0 solid;
}

/* line 132, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label select {
  cursor: pointer;
  display: inline-block;
  border-radius: 0px;
  height: 19px;
  border: none;
  color: #36383b;
  -webkit-appearance: none;
  outline: none;
  font-size: 12px;
  margin: none;
  vertical-align: top;
  line-height: 19px;
  padding: 0px 9px;
  min-width: 180px;
  background: transparent;
}

/* line 149, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .table_top_menu .selector-float-left label select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 162, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .show-when-compact {
  display: none;
}

/* line 165, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor p {
  color: #363739;
}

/* line 169, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li {
  padding-top: 0px;
}

/* line 171, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div {
  border: none;
  background: #dee9ed !important;
  height: 24px;
  border-radius: 12px;
  padding: 0px;
  line-height: 24px;
  font-family: '72';
  font-weight: 600;
  font-size: 12px;
  vertical-align: top;
  cursor: move;
  margin-top: 0px;
  margin-bottom: 10px;
}

/* line 185, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div .item-text {
  margin: 0px;
  color: #303948;
  font-size: inherit;
  line-height: inherit;
  float: left;
}

/* line 192, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div .item-icon {
  background: none;
  padding: 0px;
  border: none;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 8px;
  color: #303948;
  float: left;
}

/* line 203, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div:hover {
  background: #00b5ff !important;
  color: white;
}

/* line 207, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div:hover .item-text,
.appgyver-ui__workspace .workspace__editor .available-for-dragging li > div:hover .item-icon {
  color: white;
}

/* line 210, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .gray-top-border {
  border-top: 1px solid #c2c2c2;
}

/* line 213, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section {
  min-width: 460px;
}

/* line 216, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container {
  border: none;
}

/* line 219, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul {
  padding: 0px;
}

/* line 222, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li {
  margin-bottom: 10px;
  border: 2px #87b3c4 dashed;
  height: 40px;
  border-radius: 20px;
  padding: 6px;
  transition: opacity 100ms ease-in-out;
}

/* line 230, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li > div {
  background: #dee9ed;
  height: 24px;
  margin: 0px;
  border-radius: 12px;
  line-height: 22px;
  vertical-align: top;
  font-size: 12px;
}

/* line 239, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li > div .field-icon,
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li > div .field-input {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
  line-height: inherit;
  vertical-align: top;
  font-size: 12px;
}

/* line 248, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li > div .field-icon input,
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li > div .field-input input {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: inherit;
}

/* line 254, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li.active-element > div {
  background: #87b3c4;
  border-color: #303948;
  color: #363739;
}

/* line 259, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li.removed-element {
  opacity: 0.3;
}

/* line 261, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul li.removed-element input {
  text-decoration: line-through;
}

/* line 264, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container .ui-state-default {
  min-height: 0px;
}

/* line 266, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container .ui-state-default item {
  background: transparent !important;
}

/* line 269, app/assets/stylesheets/appgyver-ui/views/workspace_editor.css.sass */
.appgyver-ui__workspace .workspace__editor .center_section .list-container ul {
  border: none;
}
/*
 * Maintained by Tomi Hiltunen
 */
/*
 * Import the color scheme.
 * Do NOT change to "require" -syntax.
 * This way the shared parameters persist... which is nice.
 */
/* color_scheme.css.sass* Colors according to AppGyver UI guidelines (vol.2)** Maintained by Tomi Hiltunen*/
/** Main color #1 is the brand color.* Use the color with care.** Current uses:*   - As brand color.*   - Background for "call-to-action" -elements.*/
/*
 * Keep things nice and scoped!
 */
/* line 23, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card {
  position: relative;
  border-radius: 6px;
  text-align: center;
  color: #36383b;
  cursor: default;
  background: white;
  min-height: 129px;
  margin-bottom: 30px;
  padding: 20px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 63, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__title {
  display: block;
  font-size: 21px;
  font-family: '72';
  font-weight: 500;
  color: inherit;
}

/* line 70, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__title small {
  display: block;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  color: #00b5ff;
  text-transform: uppercase;
}

/* line 78, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__title small span + span:before {
  content: ', ';
}

/* line 81, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__icon {
  display: block;
  font-size: 30px;
  color: inherit;
}

/* line 86, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__remover {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #fa5252;
  color: white;
  border-radius: 100%;
  text-align: center;
  transform: translateX(30%) translateY(-30%) scale(0);
  cursor: pointer;
  transition: transform 100ms ease-in-out;
}

/* line 100, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card .data__card__remover .fa {
  color: white;
  line-height: 18px;
}

/* line 104, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card:hover {
  cursor: pointer !important;
}

/* line 106, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card:hover .data__card__title {
  color: #00b5ff !important;
}

/* line 108, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card:hover .data__card__icon {
  color: #00b5ff !important;
}

/* line 111, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .data__card:hover .data__card__remover {
  transform: translateX(30%) translateY(-30%) scale(1);
}

/* line 114, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card {
  position: relative;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background: white;
  margin-bottom: 30px;
  text-decoration: none;
  cursor: default;
}

/* line 124, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card .groups__card__photo {
  overflow: hidden;
}

/* line 126, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card .groups__card__photo img {
  width: 100%;
  display: block;
  margin-bottom: -60px;
}

/* line 131, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card .groups__card__title {
  display: block;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  color: #36383b;
  font-family: '72';
  font-weight: 500;
  font-size: 16px;
}

/* line 141, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card:not(.no-highlight):hover,
.appgyver-ui__workspace .groups__card.active:not(.no-highlight) {
  background: #00b5ff;
  cursor: pointer;
}

/* line 145, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .groups__card:not(.no-highlight):hover .groups__card__title,
.appgyver-ui__workspace .groups__card.active:not(.no-highlight) .groups__card__title {
  text-decoration: none;
  color: white;
}

/* line 178, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: white;
  margin-bottom: 9px;
  text-decoration: none;
  height: 80px;
  margin-bottom: 30px;
  cursor: pointer;
}

/* line 189, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card.no-highlight {
  cursor: not-allowed;
}

/* line 192, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card .users__card__photo {
  background: #686f75;
  width: 80px;
  min-height: 80px;
  vertical-align: middle;
}

/* line 198, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card .users__card__photo > img {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 203, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card .users__card__photo > div {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: 50% 50%;
}

/* line 209, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card .users__card__title {
  display: block;
  padding: 6px 6px 6px 15px;
  text-decoration: none;
  color: #36383b;
  font-family: '72';
  font-weight: 500;
  font-size: 16px;
  background: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
}

/* line 222, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card .users__card__title small {
  display: block;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
}

/* line 232, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card:not(.no-highlight):hover,
.appgyver-ui__workspace #workspace__users .users__card.selected {
  background: #00b5ff;
}

/* line 235, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .users__card:not(.no-highlight):hover .users__card__title,
.appgyver-ui__workspace #workspace__users .users__card.selected .users__card__title {
  background: #00b5ff;
  text-decoration: none;
  color: white;
}

/* line 241, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users input[type='checkbox']:checked + .users__card {
  background: #00b5ff;
}

/* line 244, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users input[type='checkbox']:checked + .users__card .users__card__title {
  background: #00b5ff;
  text-decoration: none;
  color: white;
}

/* line 249, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .group-adder-remover {
  margin-bottom: 30px;
}

/* line 251, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .group-adder-remover .users__card {
  border-radius: 6px 6px 0px 0px;
  margin-bottom: 0px;
}

/* line 254, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .group-adder-remover .btn {
  margin-top: 0px;
  border-radius: 0px 0px 6px 6px;
}

/* line 260, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .data__card {
  position: relative;
  border-radius: 6px;
  text-align: center;
  color: #36383b;
  cursor: default;
  background: white;
  min-height: 129px;
  margin-bottom: 30px;
  padding: 20px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 300, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .data__card .data__card__title {
  display: block;
  font-size: 21px;
  font-family: '72';
  font-weight: 500;
  color: inherit;
}

/* line 307, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .data__card .data__card__title small {
  display: block;
  font-family: '72';
  font-weight: 400;
  font-size: 12px;
  color: #00b5ff;
  text-transform: uppercase;
}

/* line 315, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .data__card .data__card__title small span + span:before {
  content: ', ';
}

/* line 318, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users .data__card .data__card__icon {
  display: block;
  font-size: 30px;
  color: inherit;
}

/* line 328, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index,
.appgyver-ui__workspace #workspace__users.workspace__groups__show {
  position: relative;
}

/* line 331, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index > *,
.appgyver-ui__workspace #workspace__users.workspace__groups__show > * {
  position: relative;
  z-index: 2;
}

/* line 335, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg,
.appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg {
  position: absolute;
  top: 0px;
  height: 100%;
}

/* line 340, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg.pale,
.appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg.pale {
  background: #f3f3f3;
  width: calc(50% + 293px);
  right: 0px;
}

/* line 344, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg.blue,
.appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg.blue {
  background: #dee9ed;
  width: 50%;
  left: 0px;
}

/* line 349, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index .users-index__sidebar,
.appgyver-ui__workspace #workspace__users.workspace__groups__show .users-index__sidebar {
  background: #dee9ed;
  min-height: 100%;
  height: 100%;
  padding-right: 45px;
  padding-bottom: 60px;
}

/* line 356, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index .users-index__content,
.appgyver-ui__workspace #workspace__users.workspace__groups__show .users-index__content {
  min-height: 100%;
  height: 100%;
  padding-left: 45px;
  padding-bottom: 60px;
}

/* line 362, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace #workspace__users.workspace__users__index .rounded-corners,
.appgyver-ui__workspace #workspace__users.workspace__groups__show .rounded-corners {
  border-radius: 6px;
}

/* line 367, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog {
  max-width: 1140px;
  width: 100%;
  margin-top: 60px;
}

/* line 372, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content {
  box-shadow: none;
  border-radius: 3px;
  overflow: hidden;
  background: #f3f3f3;
  min-height: 500px;
  padding-top: 25px;
  padding-bottom: 25px;
}

/* line 381, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .modal-header {
  background: #efefef;
  padding: 0px;
}

/* line 385, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .modal-body {
  padding: 30px 50px;
}

/* line 388, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .user-photo {
  display: inline-block;
  border: 1px #6f767b solid;
  width: 82px;
  height: 82px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 8px;
}

/* line 397, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .user-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 402, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .user-photo > div {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: 50% 50%;
}

/* line 410, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .workspace-form label {
  font-size: 10px;
  text-transform: uppercase;
  font-family: '72';
  font-weight: 700;
}

/* line 415, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .workspace-form .form-group {
  margin-top: 0px;
  margin-bottom: 16px;
}

/* line 420, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
.appgyver-ui__workspace .workspace__users__modal .modal-dialog .modal-content .workspace-form.form-horizontal label {
  text-align: left;
}

@media (min-width: 768px) {
  /* line 429, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
  .appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg.pale,
  .appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg.pale {
    width: calc(50% + 189px);
  }
}

@media (min-width: 992px) {
  /* line 437, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
  .appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg.pale,
  .appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg.pale {
    width: calc(50% + 244px);
  }
}

@media (min-width: 1200px) {
  /* line 445, app/assets/stylesheets/appgyver-ui/views/workspace__users.css.sass */
  .appgyver-ui__workspace #workspace__users.workspace__users__index > .color-bg.pale,
  .appgyver-ui__workspace #workspace__users.workspace__groups__show > .color-bg.pale {
    width: calc(50% + 294px);
  }
}

/* line 1, app/assets/stylesheets/composer.css.scss */
html,
body {
  font-size: 16px;
  background-color: #eeeeef !important;
}

/* line 6, app/assets/stylesheets/composer.css.scss */
html,
body,
table {
  height: 100%;
}

/* line 10, app/assets/stylesheets/composer.css.scss */
body {
  margin: 0px;
  font-family: '72';
  color: #3f4038;
}

/* line 16, app/assets/stylesheets/composer.css.scss */
a {
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/composer.css.scss */
.new-page-section-header {
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family: '72';
  font-weight: 600;
  line-height: 1.44;
  color: #303948;
  background: white;
  color: #303948;
  height: 42px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* line 38, app/assets/stylesheets/composer.css.scss */
.new-page-section-header.new-page-section-header-2x-padding {
  padding-left: 30px;
}

/* line 43, app/assets/stylesheets/composer.css.scss */
table.sections {
  width: 100%;
}

/* line 47, app/assets/stylesheets/composer.css.scss */
div.tab-video-box {
  font-size: 15px !important;
  margin: 10px !important;
}

/* line 52, app/assets/stylesheets/composer.css.scss */
div.tab-video-box span {
  font-size: 24px !important;
  top: 7px !important;
  margin-right: 5px !important;
  line-height: 10px !important;
}

/* line 59, app/assets/stylesheets/composer.css.scss */
input.pixel-form {
  width: 70px;
  float: left;
  margin-right: 10px;
}

/* line 64, app/assets/stylesheets/composer.css.scss */
div.add-components-text {
  background-color: #f2f2f2;
  color: #7d7d7d;
  font-size: 16px;
  padding: 10px 10px 10px 20px;
}

/* line 71, app/assets/stylesheets/composer.css.scss */
div.component-image-container {
  height: 120px;
}

/* line 75, app/assets/stylesheets/composer.css.scss */
div.action-image-container {
  height: 100px;
}

/* line 79, app/assets/stylesheets/composer.css.scss */
div.component-image-container,
div.action-image-container {
  width: 116px;
  line-height: 16px;
  padding: 3px;
  float: left;
  text-align: center;
  font-size: 14px;
  border-width: 1px 0px;
  border-color: #eee;
  border-style: solid;
}

/* line 91, app/assets/stylesheets/composer.css.scss */
div.component-image-container:nth-child(3n) {
  border-width: 1px 1px 1px 1px;
}

/* line 95, app/assets/stylesheets/composer.css.scss */
div.action-image-container:nth-child(3n-1) {
  border-width: 1px 1px 1px 1px;
}

/* line 99, app/assets/stylesheets/composer.css.scss */
div.component-image,
div.action-image {
  background-size: 115px 50px !important;
  height: 50px;
  width: 115px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 107, app/assets/stylesheets/composer.css.scss */
div.component-image-container:hover,
div.action-image-container:hover {
  background-color: #e2f1fc;
  cursor: pointer;
}

/* line 112, app/assets/stylesheets/composer.css.scss */
div.action-icon {
  background-size: 80px 35px !important;
  background-position: center;
  background-repeat: no-repeat;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* line 401, app/assets/stylesheets/composer.css.scss */
div.component-images,
div.action-images {
  float: left;
  margin-bottom: 30px;
}

/* line 406, app/assets/stylesheets/composer.css.scss */
td.center_section {
  background-color: #f2f2f2 !important;
  padding: 0 0 50px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

/* line 418, app/assets/stylesheets/composer.css.scss */
td.center_section.no-bg,
.no-bg {
  background: none !important;
  background-color: transparent !important;
}

/* line 424, app/assets/stylesheets/composer.css.scss */
td.center_section h2 {
  font-weight: 200;
}

/* line 428, app/assets/stylesheets/composer.css.scss */
hr.dashed {
  border-top: 1px dashed #959595;
  margin: 0px;
  padding: 0px;
}

/* line 434, app/assets/stylesheets/composer.css.scss */
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 439, app/assets/stylesheets/composer.css.scss */
div.box_padding {
  padding: 10px;
}

/* line 450, app/assets/stylesheets/composer.css.scss */
hr.margin-bottom-20 {
  padding-bottom: 20px;
}

/* line 454, app/assets/stylesheets/composer.css.scss */
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #e5e8e8 !important;
  cursor: pointer;
}

/* line 460, app/assets/stylesheets/composer.css.scss */
.table tr td,
.table tr th {
  vertical-align: middle !important;
}

/* line 464, app/assets/stylesheets/composer.css.scss */
table#projects tr:first-child td {
  border-top: 0px dashed #959595;
}

/* line 468, app/assets/stylesheets/composer.css.scss */
table#projects tr td h2 {
  margin-top: 0px;
}

/* line 472, app/assets/stylesheets/composer.css.scss */
div.white_box {
  width: 100%;
  padding: 0px 20px 0px 20px;
  float: left;
  margin: 30px 0px 30px 0px;
  /* drop shadow follows (moar info: http://www.css3.info/preview/box-shadow/) */
  background-color: #ebefef;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 486, app/assets/stylesheets/composer.css.scss */
h1.projects {
  padding: 0px;
  margin: 0px;
}

/* line 491, app/assets/stylesheets/composer.css.scss */
div.projects-index {
  margin-top: 30px;
}

/* line 495, app/assets/stylesheets/composer.css.scss */
.no-projects {
  margin-top: 30px;
}

/* line 499, app/assets/stylesheets/composer.css.scss */
.small-input {
  width: 600px;
}

/* line 503, app/assets/stylesheets/composer.css.scss */
.pull-right-margin {
  margin-left: 10px;
}

/* line 507, app/assets/stylesheets/composer.css.scss */
img.menulogo {
  float: left;
  margin-left: 20px;
  width: 121px;
  margin-top: 8px;
}

/* line 514, app/assets/stylesheets/composer.css.scss */
span.white_box_chevron {
  font-size: 24px;
  height: 100%;
  padding-top: 15px !important;
  display: block;
}

/* line 521, app/assets/stylesheets/composer.css.scss */
div#error_explanation {
  color: #b94a48;
  width: 100%;
  padding: 0px 20px 0px 20px;
  float: left;
  margin: 30px 0px 30px 0px;
  /* drop shadow follows (moar info: http://www.css3.info/preview/box-shadow/) */
  background-color: #f2dede;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

/* line 536, app/assets/stylesheets/composer.css.scss */
div.alert-dismissable {
  background-color: #f2dede;
  color: #b94a48;
}

/* line 548, app/assets/stylesheets/composer.css.scss */
div.video_container {
  float: left;
}

/* line 556, app/assets/stylesheets/composer.css.scss */
.todo-container {
  background-color: #fcf8e3;
  padding-bottom: 30px;
  display: none;
}

/* line 562, app/assets/stylesheets/composer.css.scss */
#backend-options {
  display: none;
  border-color: #cfcfcf;
  border-style: solid;
  border-width: 2px;
  padding: 20px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* line 572, app/assets/stylesheets/composer.css.scss */
.backend-list-logo {
  padding: 20px 20px 20px 0px;
  width: 160px;
}

/* line 577, app/assets/stylesheets/composer.css.scss */
#data-services h3 {
  font-weight: 100;
  margin-top: 12px;
}

/* line 582, app/assets/stylesheets/composer.css.scss */
.add_backend_logo_right_margin {
  margin-right: 15px;
}

/* line 586, app/assets/stylesheets/composer.css.scss */
.add_backend_logo {
  margin-bottom: 25px;
}

/* line 590, app/assets/stylesheets/composer.css.scss */
.vote-for-service {
  height: 110px;
  margin-right: 25px;
  margin-bottom: 20px;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* line 599, app/assets/stylesheets/composer.css.scss */
.vote-for-service:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/* line 604, app/assets/stylesheets/composer.css.scss */
div.todo-box {
  width: 800px;
  margin: 0 auto;
}

/* line 609, app/assets/stylesheets/composer.css.scss */
div.todo-box-left-wider {
  width: 480px !important;
}

/* line 613, app/assets/stylesheets/composer.css.scss */
div.todo-box-left {
  width: 380px;
  float: left;
}

/* line 618, app/assets/stylesheets/composer.css.scss */
div.todo-box-left h2 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 26px;
  margin-top: 7px;
  margin-bottom: 10px;
}

/* line 627, app/assets/stylesheets/composer.css.scss */
div.todo-box-left h1 {
  font-size: 32px;
}

/* line 631, app/assets/stylesheets/composer.css.scss */
div.todo-box-left p {
  font-size: 16px;
  font-weight: 100;
  margin-top: 0px;
  line-height: 18px;
}

/* line 638, app/assets/stylesheets/composer.css.scss */
div.todo-box-right {
  float: right;
  width: 320px;
}

/* line 643, app/assets/stylesheets/composer.css.scss */
div.todo-box-right .btn-default {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 7px;
  text-align: left;
  color: #165069;
  font-size: 20px;
}

/* line 652, app/assets/stylesheets/composer.css.scss */
div.todo-box-right .btn-primary {
  font-size: 20px;
  width: 100%;
  text-align: left;
  background-color: #17546e;
  color: white;
  border-color: white;
  margin-bottom: 10px;
}

/* line 662, app/assets/stylesheets/composer.css.scss */
div.todo-box-right .btn-primary:hover {
  background-color: white;
  color: #165069;
}

/* line 667, app/assets/stylesheets/composer.css.scss */
div#show-todos {
  margin-bottom: 0px !important;
  padding-bottom: 10px !important;
  background-color: #17546e;
  color: white;
  float: left;
  width: 100%;
  border-width: 0px;
  border-radius: 0px;
}

/* line 678, app/assets/stylesheets/composer.css.scss */
div.add-components-button {
  margin: 15px;
}

/* line 682, app/assets/stylesheets/composer.css.scss */
div.add-components-button a {
  color: #666;
}

/* line 686, app/assets/stylesheets/composer.css.scss */
div.add-components-button a:hover {
  text-decoration: none;
  color: #00deff !important;
}

/* line 691, app/assets/stylesheets/composer.css.scss */
div.add-components-button a:hover > span > i {
  color: #00deff !important;
}

/* line 695, app/assets/stylesheets/composer.css.scss */
div#add-components {
  padding-left: 0px;
}

/* line 699, app/assets/stylesheets/composer.css.scss */
.center-menu {
  cursor: pointer;
}

/* line 703, app/assets/stylesheets/composer.css.scss */
.new-center-menu-addpage {
  width: 100%;
  color: #444;
  background-color: #aaa;
  font-size: 16px;
  padding: 10px 20px;
  margin-top: 5px;
}

/* line 712, app/assets/stylesheets/composer.css.scss */
.new-center-menu {
  background-color: #353a46;
  position: absolute;
  width: 100%;
  height: 29px;
  color: white;
  font-size: 16px;
  padding: 2px 10px;
}

/* line 721, app/assets/stylesheets/composer.css.scss */
.floating-enabled > span {
  color: #66aa22 !important;
}

/* line 725, app/assets/stylesheets/composer.css.scss */
div.view-name-holder {
  background-color: #f2f2f2;
  padding: 7px 10px 7px 7px;
}

/* line 730, app/assets/stylesheets/composer.css.scss */
div.view-name-holder > a > span.glyphicon {
  margin-top: 3px;
}

/* line 734, app/assets/stylesheets/composer.css.scss */
div.view-name-holder > a > i {
  margin-top: 2px;
}

/* line 738, app/assets/stylesheets/composer.css.scss */
div.view-name-holder > span.glyphicon,
div.view-name-holder > a > span.glyphicon,
div.view-name-holder > a,
ul.viewComponents > li > a,
ul.viewComponents > li > span.glyphicon {
  color: #858080;
  font-size: 0.9em;
  margin-right: 2px;
  margin-left: 4px;
}

/* line 749, app/assets/stylesheets/composer.css.scss */
ul.viewComponents > li {
  margin: 1px 0px;
}

/* line 753, app/assets/stylesheets/composer.css.scss */
ul.viewComponents {
  font-size: 0.9em;
}

/* line 757, app/assets/stylesheets/composer.css.scss */
ul.viewComponents > li {
  background-color: #f2f2f2;
  padding: 7px;
}

/* line 762, app/assets/stylesheets/composer.css.scss */
ul.viewComponents > li.active,
div.view-name-holder.active {
  background-color: #89e7f2;
}

/* line 766, app/assets/stylesheets/composer.css.scss */
ul.viewComponents > li > a,
ul.viewComponents > li > i {
  color: #858080;
}

/* line 770, app/assets/stylesheets/composer.css.scss */
.remove-color {
  color: #ee0000 !important;
}

/* line 774, app/assets/stylesheets/composer.css.scss */
a:hover > i.icon-remove-sign {
  color: #ee0000 !important;
}

/* line 778, app/assets/stylesheets/composer.css.scss */
*.form-control:not(textarea) {
  height: 29px !important;
}

/* line 783, app/assets/stylesheets/composer.css.scss */
span.page-selector-delete-button {
  background-color: #c67676 !important;
  margin-top: 4px;
}

/* line 788, app/assets/stylesheets/composer.css.scss */
span.page-selector-button {
  border-radius: 0px;
  height: 23px !important;
  font-size: 14px;
  line-height: 10px;
  margin-top: 1px;
  background-color: #676f82;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 801, app/assets/stylesheets/composer.css.scss */
span.page-selector-button:hover {
  color: white;
}

/* line 806, app/assets/stylesheets/composer.css.scss */
label.page-select {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 23px;
  font-size: 14px !important;
}

/* line 813, app/assets/stylesheets/composer.css.scss */
.page-select select {
  width: 180px;
}

/* line 818, app/assets/stylesheets/composer.css.scss */
.page-select select {
  font-size: 14px !important;
  display: inline-block;
  border: none;
  padding: 0px 0px 0px 10px;
  margin: 0;
  height: 23px;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #676f82;
  color: white;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 840, app/assets/stylesheets/composer.css.scss */
  .custom-select select {
    padding-right: 30px;
  }
}

/* Since we removed the default focus styles, we have to add our own */
/* line 846, app/assets/stylesheets/composer.css.scss */
.page-select select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Select arrow styling */
/* line 853, app/assets/stylesheets/composer.css.scss */
.page-select:after {
  content: '▼';
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 26px;
  padding: 0 12px;
  background: #676f82;
  color: white;
  border-left: 1px solid white;
  pointer-events: none;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* line 873, app/assets/stylesheets/composer.css.scss */
.no-pointer-events .page-select:after {
  content: none;
}

/* line 877, app/assets/stylesheets/composer.css.scss */
div.current-page-label {
  margin-right: 10px;
  margin-top: 1px;
  float: left;
}

/* line 883, app/assets/stylesheets/composer.css.scss */
div.clear {
  clear: both;
}

/* line 887, app/assets/stylesheets/composer.css.scss */
div.project-box {
  width: 285px;
  height: 178px;
  background-color: #fcfcfc;
  border-style: solid;
  border-width: 1px;
  border-color: #c8c8c8;
  padding: 22px;
  float: left;
}

/* line 898, app/assets/stylesheets/composer.css.scss */
div.project-box:hover {
  background-color: #f0f6f9;
  cursor: pointer;
}

/* line 903, app/assets/stylesheets/composer.css.scss */
div.simulator-mode img.navigation-on-off,
div.simulator-mode span {
  text-align: center;
  padding: 0px;
}

/* line 908, app/assets/stylesheets/composer.css.scss */
div.simulator-mode img.navigation-on-off {
  margin-top: 5px;
}

/* line 912, app/assets/stylesheets/composer.css.scss */
div.simulator-mode span {
  font-size: 14px;
}

/* line 916, app/assets/stylesheets/composer.css.scss */
div.simulator-mode {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 90px;
  margin-right: 20px;
  float: right;
  background-color: #ddd;
  padding: 10px;
}

/* line 927, app/assets/stylesheets/composer.css.scss */
div.fresh-selector {
  width: 100%;
}

/* line 931, app/assets/stylesheets/composer.css.scss */
div.reference-value-selector-div select.form-control,
div.fresh-selector select.form-control {
  font-size: 14px !important;
  display: inline-block;
  border: none;
  padding: 0px 0px 0px 10px;
  margin: 0;
  height: 23px;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #f0f7ff;
  color: #666;
  border-width: 1px;
  border-color: #636363;
  border-style: solid;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 952, app/assets/stylesheets/composer.css.scss */
div.reference-value-selector-div select.form-control:focus,
div.fresh-selector select.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Select arrow styling */
/* line 959, app/assets/stylesheets/composer.css.scss */
div.reference-value-selector-div:after,
div.fresh-selector:after {
  content: '▼';
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 12px;
  background: #f0f7ff;
  border-width: 1px 1px 1px 0px;
  border-color: #636363;
  border-style: solid;
  color: #318be0;
  pointer-events: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 980, app/assets/stylesheets/composer.css.scss */
.fresh-button {
  font-size: 14px !important;
  display: inline-block;
  border: none;
  padding: 10px;
  line-height: 10px !important;
  margin: 0;
  height: 29px;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #f0f7ff;
  color: #666;
  border-width: 1px;
  border-color: #636363;
  border-style: solid;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 1002, app/assets/stylesheets/composer.css.scss */
div.reference-mega-field input,
input.fresh-input {
  font-size: 14px !important;
  display: inline-block;
  border: none;
  padding: 0px 0px 0px 10px;
  margin: 0;
  height: 23px;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  background: #f0f7ff;
  color: #666;
  border-width: 1px;
  border-color: #636363;
  border-style: solid;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/*
  REFERENCE SELECTOR
*/
/* line 1027, app/assets/stylesheets/composer.css.scss */
button.reference-selector i.glyphicon {
  top: 0px;
}

/* line 1031, app/assets/stylesheets/composer.css.scss */
button.reference-selector span.caret {
  margin-left: 4px;
  margin-bottom: 5px;
}

/* line 1036, app/assets/stylesheets/composer.css.scss */
button.reference-selector,
button.reference-selector.dropdown-toggle {
  border-radius: 0px;
  border-width: 1px 0px 1px 1px;
  border-color: #636363;
  border-style: solid;
  height: 29px !important;
  font-size: 14px;
  line-height: 10px;
  margin-top: 0px;
  background-color: #676f82 !important;
  color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 1053, app/assets/stylesheets/composer.css.scss */
.reference-mega-field ul.dropdown-menu {
  float: right;
  left: auto;
  right: 0;
}

/* line 1059, app/assets/stylesheets/composer.css.scss */
button.reference-selector:hover,
button.reference-selector:active,
button.reference-selector:focus {
  background-color: #222 !important;
}

/*
  FILE SELECTOR BUTTON
*/
/* line 1069, app/assets/stylesheets/composer.css.scss */
button.reference-selector-default i.glyphicon {
  top: 0px;
}

/* line 1073, app/assets/stylesheets/composer.css.scss */
button.reference-selector-default span.caret {
  margin-left: 4px;
  margin-bottom: 5px;
}

/* line 1078, app/assets/stylesheets/composer.css.scss */
button.reference-selector-default,
button.reference-selector-default.dropdown-toggle {
  border-radius: 0px;
  border-width: 1px 0px 1px 1px;
  border-color: #636363;
  border-style: solid;
  height: 29px !important;
  font-size: 14px;
  line-height: 10px;
  margin-top: 0px;
  background-color: #676f82 !important;
  color: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* line 1095, app/assets/stylesheets/composer.css.scss */
button.reference-selector-default:hover,
button.reference-selector-default:active,
button.reference-selector-default:focus {
  background-color: #222 !important;
}

/*
  FILE BOX
*/
/* line 1105, app/assets/stylesheets/composer.css.scss */
.file-selector-file-box:hover {
  cursor: pointer;
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* line 1113, app/assets/stylesheets/composer.css.scss */
.file-selector-file-box.active {
  border-color: #66afe9;
  outline: 0;
  background: #fafdff;
}

/* */
/* line 1123, app/assets/stylesheets/composer.css.scss */
img.project-theme-selector {
  width: 147px;
  margin: 0px;
  padding: 0px;
}

/* line 1129, app/assets/stylesheets/composer.css.scss */
div.project-theme-selector {
  width: 147px;
  height: 310px;
  margin: auto;
  padding: 7px !important;
  margin: 0px !important;
}

/* line 1137, app/assets/stylesheets/composer.css.scss */
div.project-theme-selector-highlight {
  width: 160px;
  height: 324px;
  vertical-align: center;
  float: left;
  cursor: pointer;
}

/* line 1152, app/assets/stylesheets/composer.css.scss */
div.logic-editor-video {
  width: 420px;
  margin: auto;
  margin-top: 100px;
  text-align: left;
  position: relative;
}

/* line 1160, app/assets/stylesheets/composer.css.scss */
div.logic-editor-video img {
  width: 400px;
  height: 225px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

/*
  MODALS
*/
/* line 1174, app/assets/stylesheets/composer.css.scss */
.modal.sm > .modal-dialog {
  max-width: 300px;
}

/* line 1178, app/assets/stylesheets/composer.css.scss */
.composer-project-id {
  display: inline-block;
  font-size: 12px;
  padding-top: 14px;
  padding-left: 20px;
}
/* line 1, app/assets/stylesheets/basic.css.scss */
body {
  margin-bottom: 0px !important;
}

/* line 5, app/assets/stylesheets/basic.css.scss */
.colorpicker.colorpicker-visible,
.colorpicker.colorpicker-visible .dropdown-menu {
  padding: 5px 5px;
  min-width: 0px !important;
}

/* line 10, app/assets/stylesheets/basic.css.scss */
.field-show,
.widget-add {
  margin: 10px;
  color: #444;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  border-radius: 3px;
  background-color: #eee;
}

/* line 20, app/assets/stylesheets/basic.css.scss */
.field-show {
  background-color: white;
  width: 100%;
  margin: 5px 0px;
}

/* line 26, app/assets/stylesheets/basic.css.scss */
.widget-add:hover {
  background-color: #00b6ff;
  color: white;
  cursor: move;
}

/* line 32, app/assets/stylesheets/basic.css.scss */
.field-show input:hover {
  cursor: pointer;
}

/* line 36, app/assets/stylesheets/basic.css.scss */
.field-show .field-icon {
  cursor: move;
}

/* line 39, app/assets/stylesheets/basic.css.scss */
.normal-cursor,
.normal-cursor .field-show .field-icon {
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/basic.css.scss */
.field-remove {
  float: left;
  width: 30px;
  background-color: white;
}

/* line 49, app/assets/stylesheets/basic.css.scss */
.fields-left {
  margin: 10px;
}

/* line 53, app/assets/stylesheets/basic.css.scss */
.field-icon,
.widget-icon {
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  color: #444;
  background-color: white;
  text-align: center;
  padding-top: 4px;
  border-right: solid 1px #ddd;
}

/* line 65, app/assets/stylesheets/basic.css.scss */
.field-text,
.widget-text {
  float: left;
  margin-top: 4px;
}

/* line 70, app/assets/stylesheets/basic.css.scss */
.field-input {
  width: 315px;
  float: left;
  margin-top: 2px;
}

/* line 76, app/assets/stylesheets/basic.css.scss */
.field-input input {
  width: 310px;
  border-style: none;
  background-color: transparent;
}

/* line 82, app/assets/stylesheets/basic.css.scss */
.theme-box {
  width: 210px;
  text-align: center;
  float: left;
}

/* line 88, app/assets/stylesheets/basic.css.scss */
.theme-box button {
  margin-top: 10px;
}

/* line 92, app/assets/stylesheets/basic.css.scss */
.theme-box div {
  height: 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}

/* line 108, app/assets/stylesheets/basic.css.scss */
.editicon {
  margin-top: 20px;
  margin-right: 20px;
}

/* line 113, app/assets/stylesheets/basic.css.scss */
.editicon:hover {
  color: #00b6ff !important;
}

/* line 117, app/assets/stylesheets/basic.css.scss */
.remove-field {
  margin-top: 8px;
  margin-left: 5px;
  text-decoration: none;
  color: red;
}

/* line 124, app/assets/stylesheets/basic.css.scss */
.remove-field:hover {
  color: red;
  text-decoration: none;
}

/* line 129, app/assets/stylesheets/basic.css.scss */
.browser_window_middle {
  border-left: 4px white solid;
  border-right: 4px white solid;
  width: 800px;
  margin: auto;
  padding: 15px;
  min-height: 520px;
}

/* line 140, app/assets/stylesheets/basic.css.scss */
.browser_window_top {
  background: white;
  width: 800px;
  height: 42px;
  margin: auto;
  padding: 0px;
  margin-top: 30px;
  border-radius: 8px 8px 0px 0px;
}

/* line 152, app/assets/stylesheets/basic.css.scss */
.browser_window_bottom {
  background: white;
  width: 800px;
  height: 4px;
  margin: auto;
  padding: 0px;
  border-radius: 0px 0px 2px 2px;
}

/* line 162, app/assets/stylesheets/basic.css.scss */
.browser_window_left {
  width: 520px;
  float: left;
  margin-right: 4px;
}

/* line 168, app/assets/stylesheets/basic.css.scss */
.browser_window_right {
  width: 264px;
  float: left;
}

/* line 173, app/assets/stylesheets/basic.css.scss */
.browser_window_add {
  width: 50%;
  margin: auto;
  border-style: dotted;
  border-color: #444;
  border-width: 4px;
  padding: 20px;
  margin-top: 10px;
}

/* line 183, app/assets/stylesheets/basic.css.scss */
.browser_window_tools {
  margin-top: 10px;
  position: absolute;
  right: 10px;
}

/* line 189, app/assets/stylesheets/basic.css.scss */
.browser_window_move {
  margin-top: 10px;
  margin-left: 10px;
}

/* line 194, app/assets/stylesheets/basic.css.scss */
.browser_window_move i {
  font-size: 18px;
  cursor: move;
}

/* line 199, app/assets/stylesheets/basic.css.scss */
.browser_page_selector {
  height: 36px;
  padding: 6px;
  width: 100%;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #aaa;
}

/* line 208, app/assets/stylesheets/basic.css.scss */
.page-box {
  position: relative;
  text-align: center;
  width: 260px;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
  padding: 20px;
  color: #444;
}

/* line 227, app/assets/stylesheets/basic.css.scss */
.page-box.disabled {
  opacity: 0.1;
}

/* line 231, app/assets/stylesheets/basic.css.scss */
.page-box:hover {
  cursor: pointer;
  color: #00b6ff;
}

/* line 236, app/assets/stylesheets/basic.css.scss */
.page-box img {
  margin-bottom: 20px;
}

/* line 240, app/assets/stylesheets/basic.css.scss */
.page-image {
  width: 220px;
  height: 218px;
}

/* line 258, app/assets/stylesheets/basic.css.scss */
.blue-text {
  color: #00b6ff;
  text-transform: uppercase;
}

/* line 263, app/assets/stylesheets/basic.css.scss */
.nav-checkbox {
  float: left;
  margin: 20px 49px;
}

/* line 268, app/assets/stylesheets/basic.css.scss */
.nav-checkbox img {
  height: 33px;
}

/* line 272, app/assets/stylesheets/basic.css.scss */
.nav-target {
  width: 100%;
  background-color: #efefef !important;
  padding: 20px;
  margin-bottom: 2px;
  height: 70px;
}

/* line 280, app/assets/stylesheets/basic.css.scss */
.nav-link-icon {
  float: left;
  background-color: white;
  padding: 5px;
  margin-top: -5px;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}

/* line 293, app/assets/stylesheets/basic.css.scss */
.nav-link-icon img {
  width: 30px;
}

/* line 297, app/assets/stylesheets/basic.css.scss */
.nav-target i.fa {
  color: #bbbbbb !important;
}

/* line 301, app/assets/stylesheets/basic.css.scss */
.nav-target-text {
  margin-top: 5px;
  margin-left: 20px;
  float: left;
}

/* line 307, app/assets/stylesheets/basic.css.scss */
.nav-move i.fa-arrows {
  cursor: move;
}

/* line 311, app/assets/stylesheets/basic.css.scss */
.nav-move {
  margin-top: 5px;
  float: left;
  margin-right: 20px;
}

/* line 317, app/assets/stylesheets/basic.css.scss */
.select_icon_image {
  width: 60px;
  padding: 10px;
  float: left;
}

/* line 323, app/assets/stylesheets/basic.css.scss */
.select_icon_image:hover {
  background-color: #00b6ff;
}

/* line 326, app/assets/stylesheets/basic.css.scss */
.select_icon_image img {
  width: 40px;
}

/* line 330, app/assets/stylesheets/basic.css.scss */
.navigation-on-off {
  width: 102px;
}

/* line 334, app/assets/stylesheets/basic.css.scss */
.navigation-on-off:hover {
  cursor: pointer;
}

/* line 353, app/assets/stylesheets/basic.css.scss */
.navigation-link-title {
  color: #444;
  font-size: 20px;
}

/* line 362, app/assets/stylesheets/basic.css.scss */
a .user-box,
.user-box {
  float: left;
  text-align: center;
  height: 180px;
  width: 180px;
}

/* line 369, app/assets/stylesheets/basic.css.scss */
a .user-box p,
.user-box p {
  color: #444;
}

/* line 373, app/assets/stylesheets/basic.css.scss */
a .user-box img,
.user-box img {
  margin: auto;
  padding-top: 15px;
}

/* line 378, app/assets/stylesheets/basic.css.scss */
a .user-box:hover {
  background-color: #00b6ff;
}

/* line 382, app/assets/stylesheets/basic.css.scss */
a .user-box:hover p {
  color: white !important;
}

/* line 386, app/assets/stylesheets/basic.css.scss */
.user-box-selected {
  background-color: #00b6ff;
}

/* line 427, app/assets/stylesheets/basic.css.scss */
.content-box {
  text-align: center;
  width: 180px;
  margin-right: 10px;
  float: left;
  margin-bottom: 10px;
  padding: 20px;
  color: #444;
  height: 220px;
}

/* line 438, app/assets/stylesheets/basic.css.scss */
.content-box:hover {
  cursor: pointer;
  background-color: #00b6ff;
  color: white;
}

/* line 444, app/assets/stylesheets/basic.css.scss */
.content-box img {
  margin-bottom: 20px;
}

/* line 448, app/assets/stylesheets/basic.css.scss */
.content-image {
  width: 140px;
  height: 110px;
}

/* line 477, app/assets/stylesheets/basic.css.scss */
.content-selector {
  padding-top: 50px;
  width: 440px;
  margin: auto;
  float: center;
}

/* line 484, app/assets/stylesheets/basic.css.scss */
.content-box-wide-left {
  float: left;
  background-color: #00b6ff;
  color: white;
}

/* line 494, app/assets/stylesheets/basic.css.scss */
.content-box-wide-right {
  float: right;
  background-color: #efefef;
}

/* line 499, app/assets/stylesheets/basic.css.scss */
.form-center {
  width: 400px !important;
}

/* line 503, app/assets/stylesheets/basic.css.scss */
.form-center {
  margin: auto;
}

/* line 507, app/assets/stylesheets/basic.css.scss */
.clear {
  clear: both;
}

/* line 511, app/assets/stylesheets/basic.css.scss */
.completed {
  text-decoration: line-through;
}

/* line 515, app/assets/stylesheets/basic.css.scss */
span.work-process-badge a,
span.work-process-badge a:hover,
span.work-process-badge a:active {
  color: white !important;
  background-color: transparent !important;
}

/* line 520, app/assets/stylesheets/basic.css.scss */
.icon-topmenu {
  color: white;
  margin-left: 5px;
}

/* line 525, app/assets/stylesheets/basic.css.scss */
.icon-topmenu:active,
.icon-topmenu:visited,
.topmenu-active {
  text-decoration: underline !important;
}

/* line 529, app/assets/stylesheets/basic.css.scss */
span.work-process-badge {
  float: right;
  font-size: 16px;
}

/* line 534, app/assets/stylesheets/basic.css.scss */
.agb-header {
  background-color: #efefef;
  padding: 20px;
  margin-top: 0px !important;
}

/* line 540, app/assets/stylesheets/basic.css.scss */
.agb-header h1 {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

/* line 551, app/assets/stylesheets/basic.css.scss */
.agb-top {
  background-color: #00b5ff;
  padding: 0px 10px;
  width: 100%;
  height: 49px;
}

/* line 558, app/assets/stylesheets/basic.css.scss */
.agb-top .menu-bar-left,
.agb-top .menu-bar-right {
  padding: 10px 0px;
}

/* line 562, app/assets/stylesheets/basic.css.scss */
.agb-top span {
  display: block;
  font-size: 20px;
  color: #fff;
  font-family: '72';
  font-weight: 500;
  line-height: 29px;
}

/* line 570, app/assets/stylesheets/basic.css.scss */
.agb-top div.menu-bar-left {
  float: left;
  width: 50%;
}

/* line 575, app/assets/stylesheets/basic.css.scss */
.agb-top div.menu-bar-middle {
  position: absolute;
  top: 10px;
  left: 45%;
}

/* line 581, app/assets/stylesheets/basic.css.scss */
.agb-top div.menu-bar-right {
  float: right;
}

/* line 585, app/assets/stylesheets/basic.css.scss */
span.not-ok,
span.not-ok a {
  color: red;
}

/* line 589, app/assets/stylesheets/basic.css.scss */
span.ok,
span.ok a {
  color: green;
}

/* line 593, app/assets/stylesheets/basic.css.scss */
table.table tr th {
  background-color: #00b5ff;
  color: white;
}

/* line 598, app/assets/stylesheets/basic.css.scss */
.app-card {
  cursor: pointer !important;
  background-color: #fff;
  margin: 10px;
  padding: 10px;
  height: 130px;
}

/* line 606, app/assets/stylesheets/basic.css.scss */
.app-card:hover {
  background-color: #00b5ff;
  color: white;
}

/* line 611, app/assets/stylesheets/basic.css.scss */
a.icon,
a.icon:visited,
a.icon:hover,
a.icon:active {
  width: 29px !important;
  height: 29px !important;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 14px;
}

/* line 621, app/assets/stylesheets/basic.css.scss */
a.icon img {
  width: 58px;
  height: 29px;
  position: absolute;
  top: 0;
  left: -29px;
  background-color: #00b5ff;
  vertical-align: middle;
  display: inline-block;
}

/* line 632, app/assets/stylesheets/basic.css.scss */
a.active img {
  left: 0px;
}

/* line 647, app/assets/stylesheets/basic.css.scss */
.top-right-icon {
  width: 30px;
  float: right;
  margin-left: 10px;
  margin-top: 5px;
  cursor: pointer;
}

/* line 655, app/assets/stylesheets/basic.css.scss */
.uncompleted-tasks-badge {
  background-color: #cc2222 !important;
  font-size: 16px !important;
  margin-left: 5px;
}

/* line 661, app/assets/stylesheets/basic.css.scss */
.workspace-hover:hover {
  background-color: #efefef;
  cursor: pointer;
}

/* line 666, app/assets/stylesheets/basic.css.scss */
label.data-item-show-label {
  color: #777;
  font-size: 16px;
}

/* line 671, app/assets/stylesheets/basic.css.scss */
span.data-set-label {
  font-size: 16px;
}

/* line 675, app/assets/stylesheets/basic.css.scss */
span.data-item-show-content-string {
  font-size: 16px;
}

/* line 679, app/assets/stylesheets/basic.css.scss */
span.data-item-show-content-text {
  font-size: 16px;
}

/* line 683, app/assets/stylesheets/basic.css.scss */
div.data-item-show-fields {
  border-width: 1px;
  border-radius: 3px;
  border-style: solid;
  padding: 15px;
  border-color: #999;
}

/* line 691, app/assets/stylesheets/basic.css.scss */
.data-editor-view {
  min-height: calc(100% - 49px);
}

/* line 695, app/assets/stylesheets/basic.css.scss */
.data-editor-view + script + div.clear {
  display: none;
}

/* line 699, app/assets/stylesheets/basic.css.scss */
a .fa {
  color: #999;
}

/* line 707, app/assets/stylesheets/basic.css.scss */
input.css-checkbox[type='checkbox'] {
  display: none;
}

/* line 711, app/assets/stylesheets/basic.css.scss */
input.css-checkbox[type='checkbox'] + label.css-label {
  padding-left: 25px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}

/* line 724, app/assets/stylesheets/basic.css.scss */
input.css-checkbox[type='checkbox']:checked + label.css-label {
  background-position: 0 -20px;
}

/* line 727, app/assets/stylesheets/basic.css.scss */
input.css-checkbox[type='checkbox']:disabled + label.css-label {
  background-position: 0 -40px;
  cursor: auto;
}

/* line 731, app/assets/stylesheets/basic.css.scss */
label.css-label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 741, app/assets/stylesheets/basic.css.scss */
.table-hover {
  cursor: pointer;
}

/* line 745, app/assets/stylesheets/basic.css.scss */
.task-title a,
.task-title:hover a {
  color: #444 !important;
}

/* line 749, app/assets/stylesheets/basic.css.scss */
.radius-box {
  background-color: #efefef;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

/* line 756, app/assets/stylesheets/basic.css.scss */
hr.dark {
  border-color: #aaa;
}

/* line 760, app/assets/stylesheets/basic.css.scss */
.workspace-plus {
  color: #999;
}

/* line 764, app/assets/stylesheets/basic.css.scss */
.pull-right-margin {
  margin-left: 10px;
}

/* line 768, app/assets/stylesheets/basic.css.scss */
.alert-danger a {
  color: white !important;
}

/* line 772, app/assets/stylesheets/basic.css.scss */
.tooltip-steps {
  color: #14a3ff !important;
}

/* line 792, app/assets/stylesheets/basic.css.scss */
ul.list-with-icons > li {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  margin: 0 0 11px 0;
}

/* line 798, app/assets/stylesheets/basic.css.scss */
ul.list-with-icons > li h2,
ul.list-with-icons > li h3,
ul.list-with-icons > li h4,
ul.list-with-icons > li h5,
ul.list-with-icons > li h6 {
  margin: 0;
}

/* line 802, app/assets/stylesheets/basic.css.scss */
ul.list-with-icons > li:before {
  content: '';
  display: block;
  width: 15px;
  min-height: 15px;
  position: absolute;
  left: 0;
  top: 4px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAAHeTXxYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYzQUU4RUY1MjM5MTFFNjgzQzU4OEYyMDU2QzREM0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYzQUU4RjA1MjM5MTFFNjgzQzU4OEYyMDU2QzREM0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NjNBRThFRDUyMzkxMUU2ODNDNTg4RjIwNTZDNEQzQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NjNBRThFRTUyMzkxMUU2ODNDNTg4RjIwNTZDNEQzQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuaZtn4AAAMFSURBVHjaYjSw9GAAAisgDjp/bHsJI1AAxDkKxL+AmI0JJAPE80AckFIWIC4B4v8gDlALI0AAMYDMAOL/QMDABJMxtPJsBSkFAUaQIAuMAdIDEECMUHv/M6ABkCQTkoQs3BaImf/x6gQIIJgkCJwAYg0gFgRKgC3nBeJPSBr+AY27zIQmCLNLlwnKF4fStkDV92H+B4GXUP/wALECSACkYwVUEuS6zzAjQRKRQOyNZM0FkD0AAYTsXHTXoYMVQA2R4MDEFQB4gDcTNEBwApBzYMEMBVuZoCEIA6ugPlYF4n0gNjBIskBxgmwQKHgEQaEL5YdB8RQgdsbh7AuwGAeZfhlJIgeHBkmgUw0BAgg59GCprBuIU4CYH4hPAnERUOExFEVImpYDcQSeMOEDav4Mi0AQuERAAwh8AgYIL0yTFyglERlHn2CathJQaIocT0DbrJgIaNgE1HAGqLAMSawPFBCwoP0DxKxAfBuIVZD4QkD8FtkkJrSIZoGmhidAzAkVf4tm+0cWNIHf0LiShfJvYnHyHJBNF9AEYc6NA2I1LJpKQTYZYkky//Hkqf8wP0kSEUeXYZkQpukF1C8XcGU8oAY9GAcgwNATLDIApZRWIDYgMrWALKwGGr4NmyS6RRJAvIuEpIjT+0DsBrT0Bbb0AMpNz6lgCQPUjOfAFLsc2UegcD5HQhBhAw+AOB7q8OXQkEEOUiMWaCFCiSXFwCDqQ8qgd9AsApndzQItqbCBW0C8B4j9gFgGizwouxkCLXkDtcACSB1GqpqQQQoTtDhEB6Da3RiIs6FZEYTvIcnXQsVglqwGUsdxWAIC/KA4AtUx5jgULAHiRGjpwgAtab4B8TOkYAFZwEEgeE+CfFSER0EMtJCZCuXfQbJkIaiuI8ISECgCWXQMreLGBrKgZcx+IF4MxD+hhRRRVTOohoKFKSg380FbX/jykQOJmdYaVpMhRx5IQA/a8phFRM2Gs2UCxGkwC4gp62CVtSW0aWkDbWfAUulHIL4BxEeAeB0oUYCKaVwGAQCPMuE2BOMCCAAAAABJRU5ErkJggg==)
    center/100% no-repeat;
}

/* line 812, app/assets/stylesheets/basic.css.scss */
ul.list-with-icons > li.blue-checkmark {
  margin: 0;
}

/* line 815, app/assets/stylesheets/basic.css.scss */
ul.list-with-icons > li.blue-checkmark:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAt1BMVEUAAAAAtv8Atv8Atv8Atv8Atv8Atv8Atv8Atv8Atv8Atv8Atv8Atv8gv//C7v+/7f8avf8GuP/M8P////952f+O3/89x/9NzP+K3v8mwf9q1P8bvv8cvv/s+v/H7/8Ft/8Et//r+f/k9/8kwP8Dt//D7v/v+v8hv//0/P8iwP+D3P9Uzv9Wz//9/v/c9f9Dyf+W4f9b0P/m+P/Q8v8IuP9i0v8owf9p1P9e0f9u1f+h5P8/yP9c0P+EnZjQAAAADXRSTlMAATqMyPD/Ss8NpxjSL07fgwAAAORJREFUeNqFkmdzwjAMhh0PJYyWhhcobemAsnfpHv//dzV27JD48PF8sHT3nHWyLGaJuJCKSEnBI1YhTqggiUuiVqcK9ZozjSZ5NBv2jja+y+/Zal5N0wGdJM66TqjKxWXrSvcZMe6ZtA10dMKZ8FQXQE8ngsmquQbQN5lkysSb2zsTB/fAw6NJFTPhaYjRcxbHE2A6o5xcpXNgtCBaAliRxRZcb4DtYJede2eUa+NFuwPw+uaULJp/h2b+QQ5xfPKnVl9UwEuD+gZ+jiaJyuP9/UvL4w1/SvgrwwsQXptzyxZe0X8J5RYJ6yZBJwAAAABJRU5ErkJggg==)
    center/100% no-repeat;
}
body {
  padding: 0;
  margin: 0;
}
body,
html {
  height: 100%;
  font-size: 100%;
}
#nu-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex: 1;
}

#content #view {
  overflow-y: scroll;
  margin-bottom: -42px;
}
/* line 4, app/assets/stylesheets/unsupported_browser.css.scss */
body {
  margin: 0;
  padding: 0;
  font-family: '72';
  font-weight: 400;
  background-color: #303948;
}

/* line 10, app/assets/stylesheets/unsupported_browser.css.scss */
strong {
  font-family: '72';
  font-weight: 600;
}

/* line 13, app/assets/stylesheets/unsupported_browser.css.scss */
.unsupported-browser-message-container {
  background-color: white;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  overflow: hidden;
  margin: 24px auto;
  max-width: 640px;
  padding: 32px;
}

/* line 22, app/assets/stylesheets/unsupported_browser.css.scss */
.unsupported-browser-message-heading {
  font-family: '72';
  font-weight: 600;
  font-size: 24px;
  margin: 0 0 16px;
}

/* line 27, app/assets/stylesheets/unsupported_browser.css.scss */
.unsupported-browser-message-text {
  font-size: 18px;
  margin: 16px 0;
}

/* line 31, app/assets/stylesheets/unsupported_browser.css.scss */
.unsupported-browser-message-image {
  max-width: 100%;
}
.tooltip {
  max-width: 320px;
  font-size: 16px !important;
}

.tooltip.bottom .tooltip-arrow {
  border-width: 12px;
  top: -12px;
}

.tooltip.right .tooltip-arrow {
  border-width: 15px 15px 15px 0 !important;
  left: -10px !important;
}

.tooltip-inner {
  background-color: rgb(20, 163, 255) !important;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgb(20, 163, 255) !important;
}
.tooltip.top .tooltip-arrow {
  border-top-color: rgb(20, 163, 255) !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: rgb(20, 163, 255) !important;
}
.tooltip.right .tooltip-arrow {
  border-right-color: rgb(20, 163, 255) !important;
}

.tooltip input[type='radio'],
.tooltip input[type='checkbox'] {
  display: none;
}

.tooltip input[type='radio'] + label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: white;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.tooltip input[type='checkbox'] + label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  margin-right: 8px;
  background-color: white;
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.tooltip input[type='radio']:checked + label:before {
  content: '\2022'; /* Bullet */
  color: #666;
  background-color: white;
  font-size: 1.8em;
  text-align: center;
  line-height: 14px;
  text-shadow: 0px 0px 3px #eee;
}
.tooltip input[type='checkbox']:checked + label:before {
  content: '\2714'; /* Tick */
  color: #666;
  background-color: white;
  text-align: center;
  line-height: 15px;
  text-shadow: 0px 0px 3px #eee;
}
/* line 5, app/assets/stylesheets/projects.css.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 11, app/assets/stylesheets/projects.css.scss */
ul li {
  margin: 0;
  padding: 0;
}

/* line 16, app/assets/stylesheets/projects.css.scss */
.remove {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #444;
}

/* line 23, app/assets/stylesheets/projects.css.scss */
.remove:hover {
  text-decoration: none;
  color: red;
}
.extension-name-container-container {
  margin: auto;
  vertical-align: middle;
}

item {
  cursor: pointer;
}
item.selected {
  background-color: #00b6ff;
  display: block;
}
item.selected * {
  background: transparent;
}

.list-group-item {
  border-left: none !important;
  border-right: none !important;
}

.list-group-item.active {
  background-color: #00b6ff !important;
  border-color: #00b6ff !important;
}

.list-group-item:first-child {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom: 0px !important;
}

.list-group-item:last-child {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
/* line 2, app/assets/stylesheets/node-red-editor.scss */
body {
  padding-top: 0px !important;
}

/* line 6, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #header {
  display: none;
}

/* line 10, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #main-container {
  top: 0px;
}

/* line 14, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor [style='display: block;'] {
  display: block !important;
  visibility: visible !important;
}

/* line 19, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #btn-deploy-icon {
  display: none;
}

/* line 23, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor a#btn-deploy-options {
  display: none !important;
}

/* line 27, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .deploy-button-content:before {
  content: 'Save';
}

/* line 31, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .deploy-button-content span {
  display: none;
}

/* line 35, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .node_button {
  display: none;
}

/* line 40, app/assets/stylesheets/node-red-editor.scss */
.ui-draggable {
  z-index: 2000;
}

/* line 46, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor #main-container {
  right: 0px !important;
}

/* line 50, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor .red-ui-tabs ul li {
  display: none;
}

/* line 53, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor .red-ui-tabs ul li.active {
  display: inline-block;
  width: calc(100% - 4px) !important;
  max-width: 100%;
  border-top: 0;
  border-bottom: 1px solid silver;
  border-left: 0;
  border-right: 0;
}

/* line 63, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor #palette-search {
  cursor: pointer;
  position: relative;
  top: 3px;
}

/* line 67, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor #palette-search i.fa-search {
  position: unset;
}

/* line 70, app/assets/stylesheets/node-red-editor.scss */
logic-container.node-red-editor #palette-search span {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: bold;
  padding-left: 10px;
}

/* line 81, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #main-container {
  right: 268px;
}

/* line 83, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #main-container .node_selected {
  stroke: silver !important;
}

/* line 86, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #main-container.sidebar-closed > #workspace {
  right: 0px !important;
}

/* line 89, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #main-container.sidebar-closed > #editor-stack {
  right: 0px !important;
}

/* line 93, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .red-ui-tabs ul {
  width: 100% !important;
}

/* line 96, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor #palette {
  font-size: 14px;
}

/* line 101, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar {
  border: 0;
  color: #4a4a4d;
  font-size: 14px;
  word-break: break-word;
}

/* line 106, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar #sidebar-footer,
#node-red-external-sidebar #sidebar .red-ui-tabs {
  display: none;
}

/* line 109, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar .node-info-h1 {
  text-align: center;
  padding: 10px;
  word-break: break-all;
  text-transform: uppercase;
  color: #00b5ff !important;
  font-size: 18px !important;
  font-weight: normal !important;
  line-height: 1.1;
  width: 100%;
}

/* line 120, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar .node-info-h2 {
  color: #4a4a4d;
  display: block;
  letter-spacing: 1px;
  font-size: 10pt;
  text-transform: uppercase;
  margin-bottom: 7px;
  border: 0;
  padding: 0;
  width: 100%;
  font-weight: bold;
}

/* line 132, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar .node-info-readonly-value {
  color: #4a4a4d;
  padding-left: 0;
  margin-bottom: 13px;
  width: 100%;
}

/* line 139, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar .node-red-subflow-input-arguments label {
  font-weight: bold;
  padding-top: 10px;
}

/* line 145, app/assets/stylesheets/node-red-editor.scss */
#node-red-external-sidebar #sidebar button.node-red-sidebar-action {
  font-family: '72';
  font-weight: 600;
  border-radius: 14px;
  border: 1px #36383b solid;
  font-size: 10px;
  padding: 6px 20px;
  text-transform: uppercase;
  background: white;
  line-height: inherit;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* line 159, app/assets/stylesheets/node-red-editor.scss */
.focused-pane .node-red-editor #main-container .node_selected {
  stroke: #00b5ff !important;
}

/* line 162, app/assets/stylesheets/node-red-editor.scss */
.focused-pane .node-red-editor #main-container .node_remove,
.focused-pane .node-red-editor #main-container .node_duplicate {
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .node-red-backend-pane #main-container .node_selected {
  stroke: #00b5ff !important;
}

/* line 169, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .node-red-backend-pane #main-container .node_type_background {
  opacity: 0.1;
}

/* line 172, app/assets/stylesheets/node-red-editor.scss */
.node-red-editor .node-red-backend-pane #main-container .node_type_label {
  text-transform: uppercase;
  font-size: 13px;
  fill: white;
  transform: translateY(-4px);
}
/* line 2, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog {
  margin: 10px;
  width: auto;
}

/* line 6, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content {
  height: 100%;
  border-radius: 4px;
}

/* line 10, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous {
  width: auto;
  margin: 1vh;
  height: 96vh;
}

/* line 15, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-header {
  background-color: #efefef;
  height: 52px;
  border-radius: 4px;
}

/* line 20, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-header .title {
  -webkit-font-smoothing: initial;
  font-weight: bold;
  padding-left: 20px;
  display: inline-block;
}

/* line 28, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-body {
  height: calc(100% - 52px);
  overflow-y: auto;
}

/* line 32, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-body.no-padding-top {
  padding-top: 0px;
}

/* line 36, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-body.no-padding-bot {
  padding-bottom: 0px;
}

/* line 42, app/assets/stylesheets/modal.scss */
.modal.ag .modal-dialog .modal-content .modal-enormous .modal-footer {
  height: 52px;
}

/* nav.css */
body {
  padding: 0;
  margin: 0;
}
body,
html {
  height: 100%;
  font-size: 100%;
}
#nu-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  flex: 1;
}

#content #view {
  overflow-y: scroll;
  margin-bottom: -42px;
}