.animated-component-enter {
  opacity: 0; }

.animated-component-enter.animated-component-enter-active {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in; }

.animated-component-leave {
  opacity: 1; }

.animated-component-leave.animated-component-leave-active {
  opacity: 0;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }

.animated-component-appear {
  opacity: 0; }

.animated-component-appear.animated-component-appear-active {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in; }
.animated-component-enter {
  opacity: 0.01; }

.animated-component-enter.animated-component-enter-active {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in; }

.animated-component-leave {
  opacity: 1; }

.animated-component-leave.animated-component-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }

.animated-component-appear {
  opacity: 0.01; }

.animated-component-appear.animated-component-appear-active {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
button {
  outline: 0; }

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle {
  color: #515A63 !important;
  background-color: initial;
  border-color: initial;
  -webkit-box-shadow: initial !important;
  box-shadow: initial !important; }
  .btn-primary:not(:disabled):not(.disabled):active svg,
  .btn-primary:not(:disabled):not(.disabled).active svg,
  .show > .btn-primary.dropdown-toggle:focus svg,
  .show > .btn-primary.dropdown-toggle svg {
    fill: #515A63 !important; }

.dropdown .component-select {
  padding: 0;
  margin: 0;
  border: 0 !important;
  background: transparent !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .dropdown .component-select > div {
    padding: 0;
    margin: 0; }
  .dropdown .component-select > svg {
    fill: #86909A !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 8px; }

.dropdown .dropdown-select.btn-active {
  background: #fff;
  border-radius: 32px;
  -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.06) !important; }
  .dropdown .dropdown-select.btn-active:hover, .dropdown .dropdown-select.btn-active:active, .dropdown .dropdown-select.btn-active:focus {
    -webkit-box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0px 2px 6px 0 rgba(0, 0, 0, 0.12) !important; }

.dropdown .dropdown-select.btn {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
  .dropdown .dropdown-select.btn:hover, .dropdown .dropdown-select.btn:active, .dropdown .dropdown-select.btn:focus {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    cursor: pointer; }

.dropdown .dropdown-toggle {
  border: 0;
  background: none !important;
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 16px;
  min-height: 16px;
  color: #86909A; }
  .dropdown .dropdown-toggle::after {
    display: none; }
  .dropdown .dropdown-toggle:hover, .dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:focus {
    color: #515A63;
    background: transparent !important; }
    .dropdown .dropdown-toggle:hover svg, .dropdown .dropdown-toggle:active svg, .dropdown .dropdown-toggle:focus svg {
      fill: #515A63 !important; }
  .dropdown .dropdown-toggle.dropdown-select {
    color: #86909A !important;
    font-size: 14px;
    font-weight: 600; }
    .dropdown .dropdown-toggle.dropdown-select svg {
      fill: #86909A !important;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

.dropdown .dropdown-menu {
  border: 1px solid #E0E6EC;
  border-radius: 12px;
  -webkit-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.16); }

.dropdown-header {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #BBC4CD; }

.dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  font-weight: 500;
  color: #515A63;
  padding: 6px 18px;
  margin: 0 !important; }
  .dropdown-item > i {
    margin-right: 8px; }
  .dropdown-item.divider {
    border-bottom: 1px solid #e4e4e4;
    padding: 6px 0 0 !important;
    margin: 0 0 6px !important;
    background: transparent; }
  .dropdown-item.selected {
    font-weight: 700;
    position: relative; }
    .dropdown-item.selected svg {
      position: absolute;
      left: 8px;
      top: 8px; }
  .dropdown-item:disabled {
    color: #ABB2B9;
    cursor: pointer; }
  .dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    color: #515A63;
    background-color: #E0E6EC;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important; }
.picker-wrapper,
.picker-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none; }

.picker-wrapper {
  text-align: center;
  position: relative;
  height: 210px;
  display: inline-block;
  line-height: 30px;
  width: 100%;
  font-size: 20px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: center center;
  perspective-origin: center center; }

.picker-scroller {
  -webkit-transition: -webkit-transform 100ms ease;
  -webkit-transform: translateZ(-90px) rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  height: 100%;
  /*
        overflow: auto;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 90px;
    */ }

.picker-scroller .option {
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  color: black;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d; }

.picker-up {
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-bottom: 1px solid lightgray; }

.picker-down {
  position: absolute;
  top: 120px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-top: 1px solid lightgray; }

.clone-scroller {
  -webkit-box-shadow: inset 0 20px 24px 3px white, inset 0 -20px 24px 3px white;
  -ms-box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  z-index: 5;
  overflow: auto;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  scrollbar-width: thin; }
  .clone-scroller:hover::-webkit-scrollbar-thumb, .clone-scroller:focus::-webkit-scrollbar-thumb, .clone-scroller:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .clone-scroller:hover::-webkit-scrollbar, .clone-scroller:focus::-webkit-scrollbar, .clone-scroller:active::-webkit-scrollbar {
    border-radius: 12px;
    width: 8px; }
  .clone-scroller::-webkit-scrollbar-track {
    background-color: transparent; }
  .clone-scroller::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .clone-scroller::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 12px; }

.clone-scroller .option {
  visibility: hidden; }
.rdw-option-wrapper {
  border: 1px solid transparent;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.rdw-option-wrapper:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-wrapper:focus {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-wrapper:active {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-option-active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-option-disabled {
  opacity: 0.3;
  cursor: default; }
.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  z-index: 1000; }
  .rdw-dropdown-wrapper a {
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.rdw-dropdown-wrapper:focus a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-wrapper:hover a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-wrapper:active a {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; }

.rdw-dropdown-selectedtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px; }

.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll; }

.rdw-dropdown-optionwrapper:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF; }
.rdw-dropdownoption-default {
  min-height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px; }

.rdw-dropdownoption-highlighted {
  background: #F1F1F1; }

.rdw-dropdownoption-active {
  background: #f5f5f5; }

.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default; }
.rdw-inline-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-inline-dropdown {
  width: 50px; }

.rdw-inline-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-block-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-block-dropdown {
  width: 110px; }
.rdw-fontsize-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-fontsize-dropdown {
  min-width: 40px; }

.rdw-fontsize-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-fontfamily-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-fontfamily-dropdown {
  width: 115px; }

.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis; }

.rdw-fontfamily-optionwrapper {
  width: 140px; }
.rdw-list-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-list-dropdown {
  width: 50px;
  z-index: 90; }

.rdw-list-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.rdw-text-align-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90; }

.rdw-text-align-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-right-aligned-block {
  text-align: right; }

.rdw-left-aligned-block {
  text-align: left !important; }

.rdw-center-aligned-block {
  text-align: center !important; }

.rdw-justify-aligned-block {
  text-align: justify !important; }

.rdw-right-aligned-block > div {
  display: inline-block; }

.rdw-left-aligned-block > div {
  display: inline-block; }

.rdw-center-aligned-block > div {
  display: inline-block; }

.rdw-justify-aligned-block > div {
  display: inline-block; }
.rdw-colorpicker-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-colorpicker-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px; }

.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px; }

.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7; }

.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: scroll; }

.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1; }

.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  -webkit-box-shadow: 1px 2px 1px #BFBDBD inset;
  box-shadow: 1px 2px 1px #BFBDBD inset; }

.rdw-colorpicker-option:hover {
  -webkit-box-shadow: 1px 2px 1px #BFBDBD;
  box-shadow: 1px 2px 1px #BFBDBD; }

.rdw-colorpicker-option:active {
  -webkit-box-shadow: -1px -2px 1px #BFBDBD;
  box-shadow: -1px -2px 1px #BFBDBD; }

.rdw-colorpicker-option-active {
  -webkit-box-shadow: 0px 0px 2px 2px #BFBDBD;
  box-shadow: 0px 0px 2px 2px #BFBDBD; }
.rdw-link-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-link-dropdown {
  width: 50px; }

.rdw-link-dropdownOption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-link-dropdownPlaceholder {
  margin-left: 8px; }

.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-link-modal-label {
  font-size: 15px; }

.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px; }

.rdw-link-modal-input:focus {
  outline: none; }

.rdw-link-modal-buttonsection {
  margin: 0 auto; }

.rdw-link-modal-target-option {
  margin-bottom: 20px; }

.rdw-link-modal-target-option > span {
  margin-left: 5px; }

.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-link-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-link-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-link-modal-btn:focus {
  outline: none !important; }

.rdw-link-modal-btn:disabled {
  background: #ece9e9; }

.rdw-link-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-history-dropdown {
  width: 50px; }
.rdw-embedded-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-embedded-modal-header {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7; }

.rdw-embedded-modal-link-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px; }

.rdw-embedded-modal-link-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rdw-embedded-modal-link-input:focus {
  outline: none; }

.rdw-embedded-modal-btn-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-embedded-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-embedded-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-embedded-modal-btn:focus {
  outline: none !important; }

.rdw-embedded-modal-btn:disabled {
  background: #ece9e9; }

.rdw-embedded-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px; }

.rdw-embedded-modal-size-input:focus {
  outline: none; }
.rdw-emoji-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
.rdw-spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%; }

.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.rdw-spinner .rdw-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.rdw-spinner .rdw-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
.rdw-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  -webkit-box-shadow: 3px 3px 5px #BFBDBD;
  box-shadow: 3px 3px 5px #BFBDBD; }

.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px; }

.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7; }

.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  font-size: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0; }

.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7; }

.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px; }

.rdw-image-modal-upload-option-label span {
  padding: 0 20px; }

.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px; }

.rdw-image-modal-upload-option-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.rdw-image-modal-url-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px; }

.rdw-image-modal-btn-section {
  margin: 10px auto 0; }

.rdw-image-modal-url-input:focus {
  outline: none; }

.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize; }

.rdw-image-modal-btn:hover {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD;
  box-shadow: 1px 1px 0px #BFBDBD; }

.rdw-image-modal-btn:active {
  -webkit-box-shadow: 1px 1px 0px #BFBDBD inset;
  box-shadow: 1px 1px 0px #BFBDBD inset; }

.rdw-image-modal-btn:focus {
  outline: none !important; }

.rdw-image-modal-btn:disabled {
  background: #ece9e9; }

.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5; }

.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px; }

.rdw-image-modal-alt-input:focus {
  outline: none; }

.rdw-image-modal-alt-lbl {
  font-size: 12px; }

.rdw-image-modal-size {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px; }

.rdw-image-modal-size-input:focus {
  outline: none; }

.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px; }
.rdw-remove-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.rdw-history-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.rdw-history-dropdownoption {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-history-dropdown {
  width: 50px; }
.rdw-link-decorator-wrapper {
  position: relative; }

.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white; }
.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px; }
.rdw-suggestion-wrapper {
  position: relative; }

.rdw-suggestion-dropdown {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100; }

.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1; }

.rdw-suggestion-option-active {
  background-color: #F1F1F1; }
.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px; }
.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100; }

.rdw-alignment-option-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px; }

.rdw-image-alignment {
  position: relative; }

.rdw-image-imagewrapper {
  position: relative; }

.rdw-image-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rdw-image-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.rdw-image-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.rdw-image-alignment-options-popup-right {
  right: 0; }
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rdw-editor-toolbar {
  padding: 6px 0 0;
  border-radius: 2px;
  border-bottom: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: white;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.public-DraftStyleDefault-block {
  margin: 0.25em 0; }

.rdw-editor-wrapper:hover,
.rdw-editor-wrapper:active,
.rdw-editor-wrapper:focus {
  outline: none; }

.rdw-editor-wrapper:hover .rdw-editor-toolbar,
.rdw-editor-wrapper:active .rdw-editor-toolbar,
.rdw-editor-wrapper:focus .rdw-editor-toolbar {
  opacity: 1; }

.rdw-editor-wrapper {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px; }

.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px; }
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial; }

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only; }

.DraftEditor-root {
  cursor: text;
  position: relative;
  min-height: 100px;
  border-radius: 8px; }

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1; }

.public-DraftEditor-block {
  position: relative; }

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left; }

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left; }

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center; }

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right; }

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right; }

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0; }

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9; }

.DraftEditorPlaceholder-hidden {
  display: none; }

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap; }

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left; }

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right; }

.public-DraftStyleDefault-listLTR {
  direction: ltr; }

.public-DraftStyleDefault-listRTL {
  direction: rtl; }

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em; }

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc; }

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle; }

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px; }

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3; }

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4; }

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0; }

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1; }

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2; }

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3; }

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4; }
.container__editor {
  width: 100%;
  height: 100%; }
  .container__editor textarea {
    outline: 0; }
  .container__editor.with-line-numbers textarea {
    padding: 0 0 0 2.8em !important; }
  .container__editor pre[class*="language-"].line-numbers {
    position: relative !important;
    padding: 0 0 0 2.8em !important;
    counter-reset: linenumber;
    overflow: hidden !important; }
  .container__editor pre[class*="language-"].line-numbers > code {
    position: relative;
    white-space: inherit; }
  .container__editor .line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -0.8em;
    width: 3em;
    /* works for line-numbers below 1000 lines */
    letter-spacing: -1px;
    border-right: 1px solid #ced4da;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .container__editor .line-numbers .line-numbers-rows > span {
      display: block;
      counter-increment: linenumber; }
    .container__editor .line-numbers .line-numbers-rows > span:before {
      content: counter(linenumber);
      color: #BBC4CD;
      display: block;
      padding-right: 0.8em;
      text-align: right; }

/* Syntax highlighting */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #90a4ae; }

.token.punctuation {
  color: #9e9e9e; }

.namespace {
  opacity: 0.7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #e91e63; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #4caf50; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #795548; }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #3f51b5; }

.token.function {
  color: #f44336; }

.token.regex,
.token.important,
.token.variable {
  color: #ff9800; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }
@charset "UTF-8";
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.html-body-item {
  width: 100%;
  padding: 4px;
  min-height: initial;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-transition: background 0.15s ease-in;
  transition: background 0.15s ease-in;
  margin-bottom: 4px;
  color: #707172;
  font-size: 13px;
  font-weight: 500;
  cursor: text;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .html-body-item p {
    margin-bottom: 0; }
  .html-body-item.spacer {
    background: #f2f5f7; }
  .html-body-item.img > span {
    cursor: pointer; }
  .html-body-item.img .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .html-body-item.img .image img {
      display: block;
      color: #000000;
      text-decoration: none;
      font-size: 16px;
      max-height: 200px !important;
      max-width: 100% !important;
      width: auto;
      height: auto !important; }
  .html-body-item.img .image-empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    padding: 24px;
    color: #ABB2B9;
    cursor: pointer; }
    .html-body-item.img .image-empty i {
      opacity: 1 !important; }
  .html-body-item > span {
    width: 100%;
    min-height: 16px; }
  .html-body-item i.drag-icon {
    width: 28px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 2px;
    left: -38px;
    position: absolute;
    cursor: row-resize; }
  .html-body-item.editing {
    padding: 0 0 38px; }
    .html-body-item.editing textarea {
      background-color: transparent !important;
      border: none;
      padding: 0;
      margin: 0; }
    .html-body-item.editing .html-body-item-modal .btn.btn-icon {
      background: transparent !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important;
      height: 30px;
      width: 32px;
      padding: 0;
      margin-bottom: 6px; }
      .html-body-item.editing .html-body-item-modal .btn.btn-icon:hover svg, .html-body-item.editing .html-body-item-modal .btn.btn-icon:active svg, .html-body-item.editing .html-body-item-modal .btn.btn-icon:focus svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
    .html-body-item.editing .graph-block-popup > .dropdown.show {
      z-index: 100000; }
      .html-body-item.editing .graph-block-popup > .dropdown.show .dropdown-menu {
        -webkit-transform: translate3d(0px, 8px, 0px) !important;
        transform: translate3d(0px, 8px, 0px) !important; }
    .html-body-item.editing .graph-block-popup > .dropdown .dropdown-menu {
      left: -10px !important;
      top: -10px !important;
      border-radius: 8px 18px 18px 18px;
      min-height: 100px;
      padding: 0;
      outline: none; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-content {
      min-width: 250px;
      max-width: 250px;
      width: 250px;
      border-radius: 18px;
      background: #fff;
      border: 0;
      opacity: 1;
      min-height: 100px; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-header {
      height: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 12px 0 -webkit-calc(38px + 12px);
      padding: 0 12px 0 calc(38px + 12px);
      font-size: 14px;
      font-weight: 500;
      color: #515A63;
      border-bottom: 1px solid #E0E6EC;
      position: relative; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-header > u {
        position: absolute;
        left: 20px;
        top: 8px;
        line-height: 18px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-header label {
        padding: 0;
        margin: 0; }
    .html-body-item.editing .graph-block-popup .graph-block-popup-body {
      padding: 12px;
      font-size: 13px;
      font-weight: 500;
      color: #707172;
      max-height: 360px;
      overflow: hidden;
      overflow-y: auto; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input i {
        right: 4px;
        top: 24px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 12px; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options.vertical {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options label {
          margin: 0;
          padding: 0 12px;
          font-size: 13px;
          font-weight: 500;
          color: #86909A; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options label b {
            font-weight: 700;
            display: inline; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge {
          width: 100%;
          padding: 8px 0 0; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge span {
            display: inline-block;
            padding: 1px 6px;
            border-radius: 4px;
            margin: 0 2px;
            color: #86909A;
            background: transparent;
            border: 1px solid #ced4da;
            text-align: center;
            font-size: 12px;
            font-weight: 600;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            cursor: pointer; }
            .html-body-item.editing .graph-block-popup .graph-block-popup-body .form-input-options .form-badge span.active {
              background: #e4e4e4;
              color: #515A63; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-label {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #707172;
        font-size: 13px;
        font-weight: 600;
        margin: 12px 0 4px 0;
        padding: 0 8px; }
      .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 130px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 12px 0 0; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars > div {
          width: 100%; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars label {
          position: relative;
          padding: 0 8px;
          cursor: pointer;
          display: block;
          word-break: break-word; }
          .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars label b {
            position: absolute;
            left: -12px;
            font-weight: 700;
            font-size: 12px;
            height: inherit; }
        .html-body-item.editing .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var {
          background-color: #F2F6F8;
          border-radius: 8px;
          padding: 4px 12px 0 4px !important;
          min-height: 28px;
          line-height: normal;
          width: 100%;
          margin: 0 0 8px;
          cursor: pointer; }
    .html-body-item.editing .rdw-editor-wrapper {
      width: 100%; }
      .html-body-item.editing .rdw-editor-wrapper .DraftEditor-root {
        min-height: 26px; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftEditor-content {
        padding: 4px; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftEditor-content figure {
          display: none; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftEditorPlaceholder-root {
        margin: 0;
        padding: 4px; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-block {
        margin: 0;
        padding: 0; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-right-aligned-block .public-DraftStyleDefault-ltr {
        text-align: right; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-center-aligned-block .public-DraftStyleDefault-ltr {
        text-align: center; }
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol,
      .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul {
        margin: 0 0 1rem;
        padding: 0;
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 0;
        margin-block-start: 0;
        -webkit-margin-after: 0;
        margin-block-end: 0;
        -webkit-margin-start: 0;
        -moz-margin-start: 0;
        margin-inline-start: 0;
        -webkit-margin-end: 0;
        -moz-margin-end: 0;
        margin-inline-end: 0;
        -webkit-padding-start: 40px;
        -moz-padding-start: 40px;
        padding-inline-start: 40px; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR,
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
          margin-left: 0; }
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ol .public-DraftStyleDefault-block,
        .html-body-item.editing .rdw-editor-wrapper .public-DraftStyleDefault-ul .public-DraftStyleDefault-block {
          padding: 0; }
      .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar {
        visibility: visible;
        position: absolute;
        top: -44px;
        right: 0;
        opacity: 1;
        border-radius: 8px;
        -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.14);
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.14);
        height: 42px;
        background: #f2f5f7;
        padding-right: 6px;
        padding-left: 6px; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown {
          border-radius: 6px;
          border: 1px solid #e4e4e4;
          cursor: pointer; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a {
            -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
            transform: scale(1) !important;
            cursor: pointer; }
            .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a span {
              cursor: pointer; }
            .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-fontsize-dropdown > a div {
              cursor: pointer; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper {
          overflow: hidden auto;
          border-radius: 6px;
          border: 1px solid #e4e4e4;
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06) !important;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.06) !important; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:hover::-webkit-scrollbar-thumb, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:focus::-webkit-scrollbar-thumb, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper:active::-webkit-scrollbar-thumb {
            background-color: #BBC4CD; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar-track {
            background-color: transparent; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar {
            border-radius: 6px;
            width: 4px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper::-webkit-scrollbar-thumb {
            background-color: #E0E6EC;
            border-radius: 6px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option.rdw-dropdownoption-active, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:hover, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:active, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-fontsize-wrapper .rdw-dropdown-optionwrapper .rdw-fontsize-option:focus {
            background: #E0E6EC; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-option-wrapper {
          background: transparent; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .rdw-option-wrapper.rdw-option-disabled {
            opacity: 0.1; }
        .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active {
          background: transparent !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          -webkit-transform: translate(0, 0) !important;
          -ms-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
          height: 30px;
          width: 32px;
          padding: 0;
          margin-bottom: 6px; }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:hover u.button svg, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:focus u.button svg, .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active:active u.button svg {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
          .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar .dropdown .dropdown-select.btn-active u.button svg {
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            cursor: pointer; }

.emojis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 220px;
  overflow: hidden;
  overflow-y: auto; }
  .emojis::-webkit-scrollbar-track {
    background-color: transparent; }
  .emojis::-webkit-scrollbar {
    width: 4px; }
  .emojis::-webkit-scrollbar-thumb {
    background-color: #ABB2B9;
    border-radius: 4px; }
  .emojis .emoji {
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .emojis .emoji:hover, .emojis .emoji:active, .emojis .emoji:focus {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }

.form-input.form-input-importance {
  padding: 8px 0;
  display: inline-block;
  position: relative; }
  .form-input.form-input-importance label {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 0 !important; }
  .form-input.form-input-importance.high label.text.high,
  .form-input.form-input-importance.low label.text.low {
    font-weight: 600; }
  .form-input.form-input-importance.default.high label.text.high,
  .form-input.form-input-importance.default.low label.text.low {
    color: #4DD500; }
  .form-input.form-input-importance.cta.high label.text.high,
  .form-input.form-input-importance.cta.low label.text.low {
    color: #008AFF; }
  .form-input.form-input-importance.reliever.high label.text.high,
  .form-input.form-input-importance.reliever.low label.text.low {
    color: #FF6B33; }
  .form-input.form-input-importance.creator.high label.text.high,
  .form-input.form-input-importance.creator.low label.text.low {
    color: #52C1CE; }
  .form-input.form-input-importance label.text {
    font-weight: 300;
    font-size: 10px;
    text-transform: initial;
    position: absolute;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 1; }
    .form-input.form-input-importance label.text.high {
      top: -8px;
      right: 0;
      text-align: right; }
    .form-input.form-input-importance label.text.low {
      bottom: -12px;
      right: 0;
      text-align: left; }
  .form-input.form-input-importance .form-range {
    background: #F2F6F8;
    border-radius: 18px;
    padding: 8px; }
    .form-input.form-input-importance .form-range > i {
      width: 8px;
      height: 8px;
      margin: 0 8px 0 0; }
      .form-input.form-input-importance .form-range > i:last-of-type {
        margin: 0; }

.form-input .form-range {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 12px 0; }
  .form-input .form-range > i {
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    right: initial;
    top: initial;
    border-radius: 12px;
    background: #E0E6EC;
    border: 2px solid #E0E6EC;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 12px 0 0;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer; }
    .form-input .form-range > i:last-of-type {
      margin: 0; }

.form-input .form-range2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 8px; }
  .form-input .form-range2.default > i.filled,
  .form-input .form-range2.default > i.hover {
    background: #4DD500;
    border-color: #4DD500; }
  .form-input .form-range2.cta > i.filled,
  .form-input .form-range2.cta > i.hover {
    background: #008AFF;
    border-color: #008AFF; }
  .form-input .form-range2.reliever > i.filled,
  .form-input .form-range2.reliever > i.hover {
    background: #FF6B33;
    border-color: #FF6B33; }
  .form-input .form-range2.creator > i.filled,
  .form-input .form-range2.creator > i.hover {
    background: #52C1CE;
    border-color: #52C1CE; }
  .form-input .form-range2:not(.readonly).default > i.filled,
  .form-input .form-range2:not(.readonly).default > i.hover,
  .form-input .form-range2:not(.readonly).default > i:hover,
  .form-input .form-range2:not(.readonly).default > i:active,
  .form-input .form-range2:not(.readonly).default > i:focus {
    background: #4DD500;
    border-color: #4DD500; }
  .form-input .form-range2:not(.readonly).cta > i.filled,
  .form-input .form-range2:not(.readonly).cta > i.hover,
  .form-input .form-range2:not(.readonly).cta > i:hover,
  .form-input .form-range2:not(.readonly).cta > i:active,
  .form-input .form-range2:not(.readonly).cta > i:focus {
    background: #008AFF;
    border-color: #008AFF; }
  .form-input .form-range2:not(.readonly).reliever > i.filled,
  .form-input .form-range2:not(.readonly).reliever > i.hover,
  .form-input .form-range2:not(.readonly).reliever > i:hover,
  .form-input .form-range2:not(.readonly).reliever > i:active,
  .form-input .form-range2:not(.readonly).reliever > i:focus {
    background: #FF6B33;
    border-color: #FF6B33; }
  .form-input .form-range2 > i {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    right: initial;
    top: initial;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #BBC4CD;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 4px 0 0;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    cursor: pointer; }
    .form-input .form-range2 > i:last-of-type {
      margin: 0; }

.form-input {
  padding: 12px 0 4px;
  position: relative;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  .form-input:hover.linked, .form-input:active.linked, .form-input:focus.linked {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .form-input:hover.linked b, .form-input:active.linked b, .form-input:focus.linked b {
      opacity: 1; }
    .form-input:hover.linked input, .form-input:active.linked input, .form-input:focus.linked input {
      cursor: pointer !important; }
  .form-input:hover.form-url .form-actions, .form-input:hover.form-file .form-actions, .form-input:hover.form-textarea .form-actions, .form-input:active.form-url .form-actions, .form-input:active.form-file .form-actions, .form-input:active.form-textarea .form-actions, .form-input:focus.form-url .form-actions, .form-input:focus.form-file .form-actions, .form-input:focus.form-textarea .form-actions {
    opacity: 1; }
  .form-input.noselect input {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome and Opera */ }
  .form-input input::-webkit-outer-spin-button,
  .form-input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .form-input input[type=number] {
    -moz-appearance: textfield; }
  .form-input.disabled input {
    background-color: #E0E6EC; }
  .form-input.hint label {
    padding-right: 14px; }
  .form-input.noborder input {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none; }
  .form-input.required label {
    font-weight: 600;
    color: #515A63; }
    .form-input.required label::after {
      content: '\2022';
      color: #FF4450;
      margin: 0 2px;
      font-weight: 700; }
  .form-input.form-password .password-meter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    margin: 4px 0;
    padding: 0 4px; }
    .form-input.form-password .password-meter label {
      padding: 0;
      margin: 0 0 2px;
      font-weight: 700; }
      .form-input.form-password .password-meter label.very-strong {
        color: #4ABF29; }
      .form-input.form-password .password-meter label.strong {
        color: #4ABF29; }
      .form-input.form-password .password-meter label.average {
        color: #FFC900; }
      .form-input.form-password .password-meter label.weak {
        color: #FF4450; }
    .form-input.form-password .password-meter .password-meter-bar {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .form-input.form-password .password-meter .password-meter-bar .password-meter-type {
        display: block;
        -webkit-box-flex: 0.25;
        -webkit-flex: 0.25;
        -moz-box-flex: 0.25;
        -ms-flex: 0.25;
        flex: 0.25;
        width: -webkit-calc(25% - 8px);
        width: calc(25% - 8px);
        margin: 0 4px 0 0;
        background: #BBC4CD;
        height: 3px; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.last-of-type {
          margin: 0; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.very-strong {
          background: #4ABF29; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.strong {
          background: #4ABF29; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.average {
          background: #FFC900; }
        .form-input.form-password .password-meter .password-meter-bar .password-meter-type.weak {
          background: #FF4450; }
  .form-input.form-url .form-loader, .form-input.form-file .form-loader, .form-input.form-textarea .form-loader {
    position: absolute;
    width: 20px;
    height: 24px;
    background: #BBC4CD;
    z-index: 10000;
    border-radius: 4px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .form-input.form-url .form-actions, .form-input.form-file .form-actions, .form-input.form-textarea .form-actions {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 4px;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .form-input.form-url .form-actions > i, .form-input.form-file .form-actions > i, .form-input.form-textarea .form-actions > i {
      position: relative;
      top: initial !important;
      left: initial !important;
      right: initial !important;
      bottom: initial !important;
      margin: 0 0 0 8px;
      cursor: pointer;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input.form-url .form-actions > i:hover, .form-input.form-url .form-actions > i:active, .form-input.form-url .form-actions > i:focus, .form-input.form-file .form-actions > i:hover, .form-input.form-file .form-actions > i:active, .form-input.form-file .form-actions > i:focus, .form-input.form-textarea .form-actions > i:hover, .form-input.form-textarea .form-actions > i:active, .form-input.form-textarea .form-actions > i:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
        .form-input.form-url .form-actions > i:hover svg, .form-input.form-url .form-actions > i:active svg, .form-input.form-url .form-actions > i:focus svg, .form-input.form-file .form-actions > i:hover svg, .form-input.form-file .form-actions > i:active svg, .form-input.form-file .form-actions > i:focus svg, .form-input.form-textarea .form-actions > i:hover svg, .form-input.form-textarea .form-actions > i:active svg, .form-input.form-textarea .form-actions > i:focus svg {
          stroke: #008AFF !important;
          fill: #008AFF !important; }
  .form-input.form-file i {
    position: absolute;
    left: 12px;
    top: 18px; }
  .form-input.form-file .form-control {
    padding-left: 42px !important; }
  .form-input.form-file.image {
    border: 1px solid #ced4da;
    border-radius: 8px;
    overflow: hidden; }
    .form-input.form-file.image:hover .form-thumb, .form-input.form-file.image:active .form-thumb, .form-input.form-file.image:focus .form-thumb {
      -webkit-filter: blur(0.05em);
      filter: blur(0.05em); }
    .form-input.form-file.image:hover .form-thumb:not(.empty):after, .form-input.form-file.image:active .form-thumb:not(.empty):after, .form-input.form-file.image:focus .form-thumb:not(.empty):after {
      opacity: 1; }
    .form-input.form-file.image .form-actions {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 64px;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .form-input.form-file.image .form-actions > i {
        margin: 0 0 8px 8px; }
    .form-input.form-file.image .form-control {
      border: none !important;
      background: transparent !important;
      visibility: hidden !important; }
    .form-input.form-file.image .form-thumb {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      max-height: 64px;
      height: 64px;
      width: 64px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input.form-file.image .form-thumb.empty {
        background-color: #f2f5f7; }
      .form-input.form-file.image .form-thumb:not(.empty):after {
        content: ' ';
        display: block;
        background: rgba(81, 90, 99, 0.5);
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 0;
        height: 64px;
        width: 64px;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
  .form-input.form-email i, .form-input.form-url i, .form-input.form-phone i, .form-input.form-date i, .form-input.form-datetime i, .form-input.form-location i, .form-input.form-time i {
    position: absolute;
    left: 8px;
    top: 18px;
    width: 24px; }
  .form-input.form-phone.autoformat > .form-control {
    padding-left: 80px !important; }
  .form-input.form-phone.autoformat .form-phone-validation {
    opacity: 1;
    height: 32px;
    bottom: 0;
    top: initial;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .form-input.form-phone.autoformat .form-phone-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 32px;
    width: 80px; }
    .form-input.form-phone.autoformat .form-phone-input i {
      position: relative;
      height: inherit;
      bottom: 0 !important;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .form-input.form-phone.autoformat .form-phone-input .form-phone-country {
      height: inherit; }
      .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu {
        min-width: 280px;
        padding: 8px; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search {
          position: relative;
          margin: 0 0 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search i {
            position: absolute;
            top: 1px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-input.form-search .form-control {
            padding-left: 32px; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries {
          overflow: hidden auto;
          max-height: 280px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar-track {
            background-color: transparent; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar {
            border-radius: 4px;
            width: 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries::-webkit-scrollbar-thumb {
            background-color: #BBC4CD;
            border-radius: 4px; }
          .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-height: 32px;
            padding: 4px 0;
            border-radius: 6px;
            cursor: pointer; }
            .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:hover, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:active, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country:focus, .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country.active {
              background: #f2f5f7; }
            .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-menu .form-phone-countries .form-phone-country label {
              margin: 0;
              padding: 0 4px 0 8px;
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              cursor: pointer; }
      .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-select.btn {
        border: none !important;
        background: none !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important; }
        .form-input.form-phone.autoformat .form-phone-input .form-phone-country .dropdown .dropdown-select.btn i {
          margin: 0 0 0 4px; }
  .form-input.form-email .form-control, .form-input.form-url .form-control, .form-input.form-phone .form-control {
    font-weight: 600; }
  .form-input.form-email:not(.invalid) .form-control, .form-input.form-url:not(.invalid) .form-control, .form-input.form-phone:not(.invalid) .form-control {
    color: #38a0ff !important; }
  .form-input.form-email.has-icon .form-control, .form-input.form-phone.has-icon .form-control, .form-input.form-date.has-icon .form-control, .form-input.form-datetime.has-icon .form-control, .form-input.form-time.has-icon .form-control, .form-input.form-location.has-icon .form-control, .form-input.form-url.has-icon .form-control {
    padding-left: 32px !important; }
  .form-input.form-textarea .form-control {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da; }
  .form-input i {
    position: absolute;
    right: 12px;
    top: 18px; }
  .form-input b {
    position: absolute;
    right: 12px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease; }
    .form-input b .btn {
      padding: 2px 12px !important;
      font-size: 14px !important;
      font-weight: 600 !important; }
  .form-input label {
    padding: 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #515A63;
    margin-bottom: 4px; }
    .form-input label b {
      position: absolute;
      opacity: 1;
      bottom: initial;
      left: initial;
      right: 0;
      top: 0;
      cursor: pointer;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .form-input label b:hover, .form-input label b:active, .form-input label b:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
        .form-input label b:hover svg, .form-input label b:active svg, .form-input label b:focus svg {
          fill: #008AFF !important; }
  .form-input input::-webkit-input-placeholder {
    color: #BBC4CD !important; }
  .form-input input::-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input input:-ms-input-placeholder {
    color: #BBC4CD !important; }
  .form-input input:-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::-webkit-input-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea:-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::-moz-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea:-ms-input-placeholder {
    color: #BBC4CD !important; }
  .form-input textarea::placeholder {
    color: #BBC4CD !important; }
  .form-input select {
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-size: .55em auto;
    background-position: right .75em center;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 7"><path d="M5.93711 5.97111L9.60655 2.30167C10.1312 1.77707 10.1312 0.918508 9.60655 0.393449C9.08195 -0.13115 8.22339 -0.13115 7.69833 0.393449L4.983 3.10878L2.30167 0.427443C1.77707 -0.0971563 0.918508 -0.0971563 0.393449 0.427443C-0.13115 0.952501 -0.13115 1.81106 0.393449 2.33566L4.02889 5.97111C4.29119 6.23341 5 6.91695 5 6.91695C5 6.91695 5.67481 6.23341 5.93711 5.97111Z" fill="rgb(134,144,154)"/></svg>'); }

.form-control {
  border-radius: 38px;
  height: 38px;
  max-height: 38px;
  padding: 8px 12px; }

.form-control[readonly] {
  background-color: #fff;
  opacity: 1; }

.form-input-range .form-range-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .form-input-range .form-range-container .separator {
    margin-top: 24px;
    color: #ced4da; }
  .form-input-range .form-range-container > aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    width: 45%; }
    .form-input-range .form-range-container > aside .form-range {
      width: 100%;
      padding: 0; }
    .form-input-range .form-range-container > aside .form-control {
      border-radius: 2px;
      text-align: center;
      max-width: 140px; }
    .form-input-range .form-range-container > aside:first-of-type {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .form-input-range .form-range-container > aside:first-of-type .form-control {
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px; }
    .form-input-range .form-range-container > aside:last-of-type {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .form-input-range .form-range-container > aside:last-of-type .form-control {
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.form-multiselect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  padding: 6px 0;
  margin-top: 8px;
  width: 100%;
  border-top: 1px solid #E0E6EC;
  font-size: 16px;
  color: #515A63;
  max-height: 118px;
  min-height: 96px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 2px 16px 0px rgba(0, 0, 0, 0.08) inset;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px; }
  .form-multiselect .option {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 38px;
    height: 38px;
    line-height: 38px;
    cursor: pointer; }
    .form-multiselect .option > div {
      width: 100%;
      margin: 0;
      outline: 0; }
    .form-multiselect .option:last-of-type::after {
      display: none; }
    .form-multiselect .option:hover {
      background: #D5DADF;
      font-weight: 600; }
      .form-multiselect .option:hover .option-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
    .form-multiselect .option::after {
      content: ' ';
      display: block;
      position: absolute;
      bottom: 0;
      width: 70%;
      max-width: 500px;
      height: 1px;
      background: #E0E6EC;
      border-radius: 1px; }
    .form-multiselect .option .option-content.edit .form-input {
      padding: 0 50px;
      margin: 10px 0 0;
      z-index: 100; }
      .form-multiselect .option .option-content.edit .form-input input {
        height: 40px;
        max-height: 40px; }
    .form-multiselect .option .option-content.edit .option-action {
      display: block;
      z-index: 1000; }
    .form-multiselect .option .option-check {
      position: absolute;
      left: 12px;
      top: 0;
      z-index: 1000; }
      .form-multiselect .option .option-check svg {
        z-index: 1000;
        cursor: pointer; }
    .form-multiselect .option label {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      text-align: center;
      height: 100%;
      padding: 0 45px;
      line-height: 1.5;
      font-size: 14px;
      font-weight: 500;
      color: #515A63;
      cursor: pointer; }
    .form-multiselect .option .option-action {
      position: absolute;
      right: 2px;
      top: 0;
      min-width: 38px;
      display: none;
      height: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .form-multiselect .option .option-action svg:hover {
        fill: #515A63 !important; }
      .form-multiselect .option .option-action svg {
        height: 18px;
        width: 18px; }
.select-editor .select-editor-info {
  padding: 12px 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .select-editor .select-editor-info svg {
    margin: 2px; }
  .select-editor .select-editor-info label {
    margin: 0 0 0 8px; }

.select-editor .form-input {
  margin: 0 12px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.iconcard {
  position: relative;
  margin: 0 20px 6px 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 10; }
  .iconcard .image {
    position: relative; }
  .iconcard.thumbicon {
    margin: 0;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .iconcard.thumbicon .image {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 8px; }
      .iconcard.thumbicon .image svg {
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important; }
  .iconcard:hover:not(.sm):not(.addnew):not(.icon), .iconcard:active:not(.sm):not(.addnew):not(.icon) {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0); }
  .iconcard:hover .actions, .iconcard:active .actions {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .iconcard:not(.sm):not(.addnew) .image svg {
    fill: #fff !important;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5); }
  .iconcard.addnew .image {
    background: #F9FAFA !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #E0E6EC; }
    .iconcard.addnew .image svg {
      fill: #BBC4CD; }
  .iconcard.persona .persona-avatar {
    margin: 0; }
  .iconcard.persona .persona-importance {
    position: absolute;
    bottom: 10px;
    margin: 0; }
    .iconcard.persona .persona-importance i {
      width: 8px;
      height: 8px; }
  .iconcard .actions {
    -webkit-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    transform: translateX(-16px);
    -webkit-transition: all .2s ease .2s;
    transition: all .2s ease .2s;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1; }
    .iconcard .actions > div {
      background: #fff;
      border: 1px solid #E0E6EC;
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 32px;
      margin-bottom: 8px;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.02);
      box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.02); }
      .iconcard .actions > div:hover, .iconcard .actions > div:active {
        -webkit-box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
        background: #F9FAFA; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.form-avatar-bg {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: #F2F2F2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 1px solid #E0E6EC; }
  .form-avatar-bg:hover {
    cursor: pointer;
    -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.18); }

.form-avatar-selector .form-avatar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.form-avatar-selector .form-input-error {
  color: #FF4450;
  font-weight: 600; }

.popover-avatar {
  border: 1px solid #E0E6EC;
  border-radius: 12px;
  max-width: 268px;
  max-height: 300px;
  overflow: hidden; }
  .popover-avatar .bs-popover-bottom .arrow::after,
  .popover-avatar .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #fff; }
  .popover-avatar .bs-popover-bottom .arrow::before,
  .popover-avatar .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #E0E6EC; }
  .popover-avatar .popover-header {
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    color: #86909A;
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .popover-avatar .popover-header span {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .popover-avatar .popover-header svg {
      -webkit-transition: fill .2s ease;
      transition: fill .2s ease;
      will-change: fill; }
    .popover-avatar .popover-header svg:hover {
      fill: #008AFF !important;
      cursor: pointer; }
  .popover-avatar .popover-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 268px;
    max-height: 248px;
    padding: 8px 12px 8px 8px; }
    .popover-avatar .popover-body::-webkit-scrollbar-track {
      background-color: #fff; }
    .popover-avatar .popover-body::-webkit-scrollbar {
      width: 4px; }
    .popover-avatar .popover-body::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
.tab-switcher {
  display: block; }
  .tab-switcher .tab-switcher-page .form-input-range {
    padding: 12px; }
  .tab-switcher .tab-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 32px;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    overflow: hidden;
    background: #ced4da; }
    .tab-switcher .tab-actions .tab-action {
      font-size: 12px;
      font-weight: 700;
      color: #86909A;
      text-transform: uppercase;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      background-color: transparent;
      -webkit-transition: background-color .2s ease;
      transition: background-color .2s ease;
      will-change: background; }
      .tab-switcher .tab-actions .tab-action:hover {
        color: #515A63; }
      .tab-switcher .tab-actions .tab-action.active {
        background-color: white;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px; }
.gantt .grid-background {
  fill: none; }

.gantt .grid-header {
  fill: #ffffff;
  stroke: #ced4da;
  stroke-width: 1.4; }

.gantt .grid-row {
  fill: #ffffff; }

.gantt .grid-row:nth-child(even) {
  fill: #eaeef2; }

.gantt .row-line {
  stroke: #ced4da; }

.gantt .tick {
  stroke: #ced4da;
  stroke-width: 0.2; }
  .gantt .tick.thick {
    stroke-width: 0.4; }

.gantt .today-highlight {
  fill: #88C6FF;
  opacity: 0.5; }

.gantt .arrow {
  fill: none;
  stroke: #ABB2B9;
  stroke-width: 1.4; }

.gantt .bar {
  fill: #BBC4CD;
  stroke: #8D99A6;
  stroke-width: 0;
  -webkit-transition: stroke-width .3s ease;
  transition: stroke-width .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gantt .bar-progress {
  fill: #38a0ff; }

.gantt .bar-invalid {
  fill: transparent;
  stroke: #8D99A6;
  stroke-width: 1;
  stroke-dasharray: 5; }
  .gantt .bar-invalid ~ .bar-label {
    fill: #515A63; }

.gantt .bar-label {
  fill: #fff;
  dominant-baseline: central;
  text-anchor: middle;
  font-size: 12px;
  font-weight: 600; }
  .gantt .bar-label.big {
    fill: #515A63;
    text-anchor: start; }

.gantt .handle {
  fill: white;
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }

.gantt .bar-wrapper {
  cursor: pointer;
  outline: none; }
  .gantt .bar-wrapper:hover .bar {
    fill: #acb7c2; }
  .gantt .bar-wrapper:hover .bar-progress {
    fill: #1f94ff; }
  .gantt .bar-wrapper:hover .handle {
    visibility: visible;
    opacity: 1; }
  .gantt .bar-wrapper.active .bar {
    fill: #acb7c2; }
  .gantt .bar-wrapper.active .bar-progress {
    fill: #1f94ff; }

.gantt .lower-text, .gantt .upper-text {
  font-size: 12px;
  text-anchor: middle; }

.gantt .upper-text {
  fill: #86909A; }

.gantt .lower-text {
  fill: #515A63; }

.gantt .hide {
  display: none; }

.gantt-container {
  position: relative;
  font-size: 12px;
  overflow-x: auto;
  scrollbar-width: thin; }
  .gantt-container:hover::-webkit-scrollbar-thumb, .gantt-container:focus::-webkit-scrollbar-thumb, .gantt-container:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .gantt-container::-webkit-scrollbar-track {
    background-color: #F2F5F7; }
  .gantt-container::-webkit-scrollbar {
    border-radius: 4px;
    width: 12px;
    height: 12px; }
  .gantt-container::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 4px; }
  .gantt-container .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 0;
    color: #515A63;
    background: white;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .gantt-container .popup-wrapper .title {
      border-bottom: 2px solid #E0E6EC;
      padding: 10px;
      font-weight: 700; }
    .gantt-container .popup-wrapper .subtitle {
      padding: 10px;
      color: #86909A; }
    .gantt-container .popup-wrapper .pointer {
      position: absolute;
      height: 5px;
      margin: 0 0 0 -5px;
      border: 5px solid transparent;
      border-top-color: #ABB2B9; }
.react-json-view .copy-to-clipboard-container {
  vertical-align: top;
  display: none; }

.react-json-view .click-to-add {
  display: none; }

.react-json-view .click-to-remove {
  display: none; }

.react-json-view .click-to-edit {
  display: none; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .copy-to-clipboard-container {
  display: inline-block; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .click-to-add {
  display: inline-block; }

.react-json-view .object-key-val:hover > span > .object-meta-data > .click-to-remove {
  display: inline-block; }

.react-json-view .object-key-val > div:first-of-type,
.react-json-view .object-key-val .object-key,
.react-json-view .object-key-val .array-key {
  cursor: pointer;
  background-color: transparent;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background-color .0s ease;
  transition: background-color .0s ease; }

.react-json-view .object-key-val:not(.expanded):hover,
.react-json-view .object-key-val.expanded > div:first-of-type:hover {
  background-color: #ced4da;
  border-radius: 4px; }

.react-json-view .object-key-val.selected > div:first-of-type {
  background-color: #bed7f1 !important;
  border-radius: 4px; }

.react-json-view .object-key-val.expanded > div:first-of-type {
  padding: 3px 0; }

.react-json-view .object-key-val .object-key.selected,
.react-json-view .object-key-val .array-key.selected {
  background-color: #707172;
  border-radius: 4px;
  color: white !important; }

.react-json-view .variable-row:hover {
  background-color: #ced4da;
  border-radius: 4px; }

.react-json-view .variable-row.selected {
  background-color: #bed7f1 !important;
  border-radius: 4px; }

.react-json-view .variable-row:hover.selectable {
  cursor: pointer; }

.react-json-view .variable-row:hover.copy-to-clipboard-container {
  display: inline-block; }

.react-json-view .variable-row:hover .object-key.selected {
  background: #707172;
  border-radius: 4px;
  color: white !important; }

.react-json-view .variable-row .object-key {
  background: transparent;
  -webkit-transform: all .2s ease;
  -ms-transform: all .2s ease;
  transform: all .2s ease; }

.react-json-view .object-content .variable-row:hover .click-to-remove {
  display: inline-block; }

.react-json-view .object-content .variable-row:hover .click-to-edit {
  display: inline-block; }
.react-calendar {
  width: auto;
  max-width: 350px;
  padding: 0 4px;
  margin: 0 auto;
  background: white; }
  .react-calendar--doubleView {
    width: 700px; }
    .react-calendar--doubleView .react-calendar__viewContainer {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin: -0.5em; }
      .react-calendar--doubleView .react-calendar__viewContainer > * {
        width: 50%;
        margin: 0.5em; }
  .react-calendar,
  .react-calendar *,
  .react-calendar *:before,
  .react-calendar *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .react-calendar button {
    margin: 0;
    border: 0;
    outline: none;
    border-radius: 8px; }
    .react-calendar button:enabled:hover {
      cursor: pointer; }
  .react-calendar__navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    margin-bottom: 1em; }
    .react-calendar__navigation button {
      min-width: 44px;
      background: none;
      color: black; }
      .react-calendar__navigation button:enabled:hover, .react-calendar__navigation button:enabled:focus {
        background-color: #E0E6EC; }
  .react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.7em; }
    .react-calendar__month-view__weekdays__weekday {
      padding: 0.5em; }
  .react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.7em;
    font-weight: bold; }
  .react-calendar__month-view__days__day--weekend {
    color: #f15923; }
  .react-calendar__month-view__days__day--neighboringMonth {
    color: #BBC4CD; }
  .react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile {
    padding: 1em 0.5em; }
  .react-calendar__tile {
    max-width: 100%;
    padding: 10px 6.6667px;
    background: none;
    text-align: center;
    line-height: 16px; }
    .react-calendar__tile:disabled {
      background-color: #f0f0f0; }
    .react-calendar__tile:enabled:hover, .react-calendar__tile:enabled:focus {
      background-color: #E0E6EC; }
    .react-calendar__tile--now {
      background: #BBE2E9; }
      .react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus {
        background: #94d2dd; }
    .react-calendar__tile--hasActive {
      background: #008AFF;
      color: white; }
      .react-calendar__tile--hasActive:enabled:hover, .react-calendar__tile--hasActive:enabled:focus {
        background: #006ecc; }
    .react-calendar__tile--active {
      background: #008AFF;
      color: white; }
      .react-calendar__tile--active:enabled:hover, .react-calendar__tile--active:enabled:focus {
        background: #006ecc; }
  .react-calendar--selectRange .react-calendar__tile--hover {
    background-color: #e6e6e6; }
.picker-wrapper,
.picker-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none; }

.picker-wrapper {
  text-align: center;
  position: relative;
  height: 210px;
  display: inline-block;
  line-height: 30px;
  width: 100%;
  font-size: 20px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: center center;
  perspective-origin: center center; }

.picker-scroller {
  -webkit-transition: -webkit-transform 100ms ease;
  -webkit-transform: translateZ(-90px) rotateX(0deg);
  -webkit-transform-style: preserve-3d;
  height: 100%;
  /*
        overflow: auto;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 90px;
    */ }

.picker-scroller .option {
  position: absolute;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  color: black;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d; }

.picker-up {
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-bottom: 1px solid lightgray; }

.picker-down {
  position: absolute;
  top: 120px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 90px;
  border-top: 1px solid lightgray; }

.clone-scroller {
  -webkit-box-shadow: inset 0 20px 24px 3px white, inset 0 -20px 24px 3px white;
  -ms-box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  box-shadow: inset 0 10px 24px 3px white, inset 0 -20px 24px 3px white;
  z-index: 5;
  overflow: auto;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 90px;
  padding-bottom: 90px;
  scrollbar-width: thin; }
  .clone-scroller:hover::-webkit-scrollbar-thumb, .clone-scroller:focus::-webkit-scrollbar-thumb, .clone-scroller:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .clone-scroller::-webkit-scrollbar-track {
    background-color: transparent; }
  .clone-scroller::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .clone-scroller::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }

.clone-scroller .option {
  visibility: hidden; }
.navbar.navbar-light {
  border-bottom: 1px solid #E5E6EB;
  height: 70px;
  position: relative;
  position: fixed;
  background: #fff;
  top: 0;
  z-index: 1000; }
  @media screen and (max-width: 568px) {
    .navbar.navbar-light {
      background: #fff;
      bottom: 0;
      position: absolute;
      height: 70px;
      top: initial; } }
  @media screen and (max-width: 568px) {
    .navbar.navbar-light {
      bottom: 0;
      position: absolute;
      height: 70px;
      top: initial; } }
  .navbar.navbar-light .navbar-toggler-icon {
    background-image: none; }
  .navbar.navbar-light .navbar-collapse {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start; }
  .navbar.navbar-light .navbar-nav-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .navbar.navbar-light .navbar-nav-container .navbar-nav,
    .navbar.navbar-light .navbar-nav-container .navbar-action {
      margin: 0 0.5em; }
  .navbar.navbar-light .navbar-guest-avatar {
    padding: 0;
    background: transparent;
    position: relative; }
    .navbar.navbar-light .navbar-guest-avatar > svg {
      -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
      transform: scale(0.75); }
    .navbar.navbar-light .navbar-guest-avatar .navbar-popover {
      position: absolute;
      background: #F9FAFC;
      right: 0;
      border-radius: 8px;
      font-size: 14px;
      color: #707172;
      padding: 8px 16px;
      -webkit-box-shadow: rgba(0, 10, 56, 0.04) 0 2px 16px;
      box-shadow: rgba(0, 10, 56, 0.04) 0 2px 16px; }
      .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul {
        margin: 0;
        padding: 0; }
        .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul li {
          display: block; }
          .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul li a, .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul li a:hover, .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul li a:focus, .navbar.navbar-light .navbar-guest-avatar .navbar-popover ul li a:active {
            color: #707172;
            text-decoration: none; }
  .navbar.navbar-light .navbar-action {
    cursor: pointer; }
    .navbar.navbar-light .navbar-action .navbar-action-cta {
      display: block;
      background: #B70F3C;
      border-radius: 12px;
      padding: 6px 12px;
      color: #fff;
      font-size: 16px;
      font-weight: 600; }
  .navbar.navbar-light .navbar-nav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .navbar.navbar-light .navbar-nav .nav-item {
      margin: 0 0.25em; }
    .navbar.navbar-light .navbar-nav .nav-link {
      font-size: 12px;
      font-weight: 600;
      color: #707172;
      white-space: nowrap;
      cursor: pointer;
      padding: 4px 10px; }
      .navbar.navbar-light .navbar-nav .nav-link.active, .navbar.navbar-light .navbar-nav .nav-link:hover {
        background: #0091FF;
        color: #fff;
        border-radius: 20px; }
  .navbar.navbar-light .navbar-toggler {
    background: #fff;
    width: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 12px;
    outline: none;
    -webkit-appearance: none; }
    .navbar.navbar-light .navbar-toggler:hover {
      background: #f58600; }
      .navbar.navbar-light .navbar-toggler:hover .navbar-toggle-icon {
        fill: #fff; }
    @media screen and (min-width: 768px) {
      .navbar.navbar-light .navbar-toggler {
        display: none; } }
    .navbar.navbar-light .navbar-toggler .navbar-toggle-icon {
      fill: #4a4a4a; }
  .navbar.navbar-light .navbar-main {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .navbar.navbar-light .navbar-main .navbar-title {
      padding: 0 0.75em;
      font-size: 18px;
      font-weight: 500;
      color: #000A38; }
    .navbar.navbar-light .navbar-main .navbar-brand {
      padding: 0;
      margin: 0; }
      .navbar.navbar-light .navbar-main .navbar-brand svg {
        -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
        transform: scale(0.65); }
      @media screen and (max-width: 768px) {
        .navbar.navbar-light .navbar-main .navbar-brand {
          width: initial; } }
      @media screen and (max-width: 568px) {
        .navbar.navbar-light .navbar-main .navbar-brand {
          margin: 0 auto;
          position: absolute;
          width: 100%;
          left: 0;
          right: 0;
          text-align: center; } }

.footer {
  text-align: center;
  font-size: 0.9em;
  font-weight: 500;
  color: #8e8e8e; }
  @media screen and (min-width: 768px) {
    .footer {
      width: 568px; } }
  @media screen and (max-width: 568px) {
    .footer {
      width: 320px;
      display: none; } }
  .footer .logo-mini {
    padding: 0 0 1em; }
  .footer .copyright {
    font-weight: 600; }
  .footer .legal {
    font-size: 0.75rem;
    padding: 0 0 1em; }
  .footer .social {
    padding: 1em 0; }
    .footer .social > span {
      margin: 0 0.25em; }

/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
/**
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }

    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }

    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }

    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }
 */
/*Tables Styles*/
.table-header {
  padding-right: 2px !important;
  min-height: 64px;
  padding-left: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.spacer {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  flex: 1 1 100%; }

.actions {
  color: #FF4450; }

.title {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  flex: 0 0 auto; }

.table-hover tbody tr:hover {
  background-color: #EAEEF2; }

.d-flex-stretch {
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.default-table {
  margin-bottom: 0; }
  .default-table thead th {
    font-weight: 400;
    font-size: 16px; }
  .default-table td {
    vertical-align: middle; }

.table-unbordered th,
.table-unbordered td {
  border: 0 none !important; }

.table-unbordered .th-border-b th {
  border-bottom: 2px solid #E0E6EC !important; }

.table-paging {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 18px 0 8px;
  cursor: pointer; }
  .table-paging .icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #BBC4CD;
    margin: 0 8px;
    cursor: pointer; }
    .table-paging .icon.disabled {
      background: #E0E6EC; }
    .table-paging .icon svg {
      fill: #fff !important; }

.pagination {
  margin-top: 25px;
  border: 1px solid #e4e4e4;
  display: inline-block;
  border-radius: 18px;
  padding: 0;
  overflow: hidden; }
  .pagination span:last-of-type {
    border: 0; }
  .pagination span {
    cursor: pointer;
    color: #515A63;
    float: left;
    font-size: 14px;
    padding: 2px 16px;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-right: 1px solid #e4e4e4; }
    .pagination span.active {
      background-color: #008AFF !important;
      color: white; }
    .pagination span:hover, .pagination span:active, .pagination span:focus {
      background-color: #E0E6EC; }

.table-responsive-material {
  min-height: .01%;
  overflow-x: auto;
  position: relative; }
  .table-responsive-material.with-paging .table tbody {
    height: 450px; }
  .table-responsive-material .preload-content {
    width: 100%;
    display: block;
    height: 500px;
    max-width: -webkit-calc(100vw - 524px);
    max-width: -webkit-calc(100vw - 500px);
    max-width: calc(100vw - 500px);
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    border-radius: 12px;
    background: rgba(224, 230, 236, 0.25); }
  .table-responsive-material .table {
    width: 100%;
    display: block;
    height: 500px;
    max-width: -webkit-calc(100vw - 524px);
    max-width: calc(100vw - 524px);
    overflow: hidden;
    overflow-x: auto; }
    .table-responsive-material .table::-webkit-scrollbar-thumb {
      background-color: #ABB2B9;
      border-radius: 4px; }
    .table-responsive-material .table::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.24);
      background-color: #F9FAFA;
      border-radius: 4px; }
    .table-responsive-material .table::-webkit-scrollbar {
      height: 4px;
      border-radius: 4px;
      background-color: #ABB2B9; }
    .table-responsive-material .table.loading {
      -webkit-filter: blur(2px);
      filter: blur(2px); }
    .table-responsive-material .table th {
      font-size: 16px;
      font-weight: 600;
      color: #86909A;
      vertical-align: top;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 100px; }
      .table-responsive-material .table th.rating-header {
        width: 200px;
        max-width: 200px; }
      .table-responsive-material .table th > div {
        font-size: 12px;
        font-weight: 600;
        color: #86909A;
        vertical-align: middle;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        white-space: pre-wrap;
        max-height: 56px; }
      .table-responsive-material .table th.email-cell {
        line-height: normal; }
        .table-responsive-material .table th.email-cell > b {
          white-space: initial; }
    .table-responsive-material .table tr {
      border-bottom: 1px solid #E0E6EC; }
      .table-responsive-material .table tr:last-child {
        border: none !important; }
      .table-responsive-material .table tr.deleted {
        background: #f1f5f8; }
      .table-responsive-material .table tr.dummy {
        -webkit-filter: blur(0.25em);
        filter: blur(0.25em); }
    .table-responsive-material .table tbody {
      display: block;
      height: 400px;
      overflow: hidden;
      overflow-y: auto; }
    .table-responsive-material .table td {
      padding: 8px 4px;
      font-size: 14px;
      color: #515A63;
      font-weight: 500;
      vertical-align: middle;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .table-responsive-material .table td.country-cell label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        vertical-align: middle;
        padding: 0 8px 0 0;
        margin: 0;
        text-align: right;
        word-break: break-word;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.1;
        color: #515A63; }
        .table-responsive-material .table td.country-cell label span {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
      .table-responsive-material .table td.country-cell, .table-responsive-material .table td.date-cell {
        white-space: initial;
        width: 130px;
        min-width: 130px;
        font-size: 12px;
        font-weight: 600; }
      .table-responsive-material .table td.effort-cell {
        white-space: initial;
        width: 130px;
        min-width: 130px;
        font-size: 12px;
        font-weight: 600; }
        .table-responsive-material .table td.effort-cell .efforts {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .table-responsive-material .table td.effort-cell .efforts .effort {
            height: 14px;
            width: 16px;
            font-size: 10px;
            font-weight: 600;
            border-radius: 4px 4px 4px 2px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 8px 8px 0;
            color: #fff; }
      .table-responsive-material .table td.integration-cell {
        white-space: initial;
        width: 130px;
        min-width: 130px;
        font-size: 12px;
        font-weight: 600; }
        .table-responsive-material .table td.integration-cell .integration-blocks {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 4px 0 0 4px;
          border-radius: 8px;
          cursor: pointer;
          position: relative; }
          .table-responsive-material .table td.integration-cell .integration-blocks:hover, .table-responsive-material .table td.integration-cell .integration-blocks:active, .table-responsive-material .table td.integration-cell .integration-blocks:focus {
            background: #BBC4CD; }
          .table-responsive-material .table td.integration-cell .integration-blocks .integration-loader {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.24);
            border-radius: 8px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
          .table-responsive-material .table td.integration-cell .integration-blocks > div {
            display: block;
            width: auto;
            height: 18px;
            background: #ced4da;
            border-radius: 4px;
            margin: 0 4px 4px 0;
            font-size: 12px;
            padding: 0 4px;
            text-align: center; }
            .table-responsive-material .table td.integration-cell .integration-blocks > div.inactive {
              color: white;
              background: #ABB2B9; }
            .table-responsive-material .table td.integration-cell .integration-blocks > div.failed {
              color: white;
              background: #FF4450; }
            .table-responsive-material .table td.integration-cell .integration-blocks > div.created, .table-responsive-material .table td.integration-cell .integration-blocks > div.active {
              color: white;
              background: #4DD500; }
      .table-responsive-material .table td.interaction-cell {
        white-space: initial;
        width: 130px;
        min-width: 130px;
        font-size: 12px;
        font-weight: 600; }
        .table-responsive-material .table td.interaction-cell .interaction-blocks {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          max-width: 96px; }
          .table-responsive-material .table td.interaction-cell .interaction-blocks .interaction-block {
            display: block;
            width: 20px;
            height: 10px;
            background: #ced4da;
            border-radius: 3px;
            margin: 0 2px 2px 0; }
          .table-responsive-material .table td.interaction-cell .interaction-blocks .interaction-more {
            display: block;
            width: 20px;
            height: 10px;
            font-size: 12px;
            color: #ABB2B9;
            font-weight: 700;
            margin: 0 2px 2px 0;
            line-height: 10px; }
      .table-responsive-material .table td.flow-cell {
        white-space: initial;
        width: 130px;
        min-width: 130px;
        font-size: 12px;
        font-weight: 600; }
        .table-responsive-material .table td.flow-cell .flow-cell-blocks {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        .table-responsive-material .table td.flow-cell .flow-cell-block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          margin: 0 38px 0 0; }
          .table-responsive-material .table td.flow-cell .flow-cell-block:last-of-type .flow-cell-connector {
            display: none; }
          .table-responsive-material .table td.flow-cell .flow-cell-block:last-of-type .flow-cell-arrow {
            display: none; }
          .table-responsive-material .table td.flow-cell .flow-cell-block label {
            margin: 0;
            padding: 0 0 0 24px;
            font-size: 12px;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            max-width: 150px;
            min-height: 18px; }
            .table-responsive-material .table td.flow-cell .flow-cell-block label i {
              bottom: 5px;
              top: initial;
              left: 12px;
              display: block;
              width: 8px;
              border-radius: 15px;
              height: 8px;
              background: #BBC4CD;
              position: absolute; }
          .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step {
            border-radius: 22px;
            padding: 8px 12px;
            line-height: 1;
            font-size: 12px;
            font-weight: 500;
            width: auto;
            min-width: 150px;
            max-width: 200px;
            position: relative;
            z-index: 10; }
            .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content:not(.more) {
              max-height: 100px;
              overflow: hidden;
              overflow-y: auto; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content:not(.more):hover::-webkit-scrollbar-thumb {
                background-color: transparent; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content:not(.more)::-webkit-scrollbar-track {
                background-color: transparent; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content:not(.more)::-webkit-scrollbar {
                width: 6px; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content:not(.more)::-webkit-scrollbar-thumb {
                background-color: rgba(0, 0, 0, 0.01);
                border-radius: 8px; }
            .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content.more {
              max-height: 56px;
              overflow: hidden;
              overflow-y: auto; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content.more:hover::-webkit-scrollbar-thumb {
                background-color: #BBC4CD; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content.more::-webkit-scrollbar-track {
                background-color: transparent; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content.more::-webkit-scrollbar {
                width: 4px; }
              .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-step-content.more::-webkit-scrollbar-thumb {
                background-color: #E0E6EC;
                border-radius: 4px; }
            .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-connector {
              position: absolute;
              border-radius: 50%;
              cursor: pointer;
              outline: none;
              border: 3px solid white;
              right: -10px;
              background-color: #86909A;
              width: 18px;
              height: 18px;
              bottom: 22%;
              z-index: 10; }
            .table-responsive-material .table td.flow-cell .flow-cell-block .flow-cell-step .flow-cell-arrow {
              position: absolute;
              right: -40px;
              bottom: -webkit-calc(22% + 3px);
              bottom: calc(22% + 3px);
              z-index: 5; }
      .table-responsive-material .table td.segment-cell {
        width: 200px;
        min-width: 200px;
        font-size: 12px;
        font-weight: 600;
        color: #86909A;
        white-space: initial;
        word-break: break-word; }
      .table-responsive-material .table td.email-cell {
        width: 100px;
        min-width: 100px;
        white-space: initial;
        line-height: normal; }
        .table-responsive-material .table td.email-cell .email-badge {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
      .table-responsive-material .table td.status-cell {
        width: 100px;
        min-width: 100px; }
        .table-responsive-material .table td.status-cell .status-badge {
          background: #ABB2B9;
          border-radius: 12px;
          display: inline-block;
          font-size: 10px;
          line-height: 1.2;
          font-weight: 700;
          color: #fff;
          text-align: center;
          white-space: nowrap;
          vertical-align: baseline;
          padding: 4px 8px;
          text-transform: uppercase; }
          .table-responsive-material .table td.status-cell .status-badge.complete {
            background: #4DD500; }
          .table-responsive-material .table td.status-cell .status-badge.completed {
            background: #4DD500; }
          .table-responsive-material .table td.status-cell .status-badge.completed2 {
            background: #56eaba; }
          .table-responsive-material .table td.status-cell .status-badge.visited {
            background: #BBE2E9; }
          .table-responsive-material .table td.status-cell .status-badge.visite {
            background: #BBE2E9; }
          .table-responsive-material .table td.status-cell .status-badge.interacted {
            background: #6AB3BC; }
          .table-responsive-material .table td.status-cell .status-badge.incomplete {
            background: #6AB3BC; }
      .table-responsive-material .table td.profile-cell {
        vertical-align: middle;
        overflow: visible; }
        .table-responsive-material .table td.profile-cell.guest {
          width: 80px;
          min-width: 80px; }
          .table-responsive-material .table td.profile-cell.guest > div {
            width: 80px !important;
            min-width: 80px !important; }
          .table-responsive-material .table td.profile-cell.guest .profile-detail {
            font-size: 11px;
            padding: 0; }
        .table-responsive-material .table td.profile-cell > div {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 180px;
          min-width: 180px; }
          .table-responsive-material .table td.profile-cell > div .profile-detail,
          .table-responsive-material .table td.profile-cell > div .profile-avatar {
            padding-bottom: 24px; }
          .table-responsive-material .table td.profile-cell > div .chat-avatar {
            width: 40px;
            height: 40px;
            min-width: 40px;
            border-radius: 40px;
            background: #EAEEF2;
            border: 1px solid #e4e4e4;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer;
            position: relative;
            right: 0;
            top: 0; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.complete svg {
              fill: #4DD500 !important; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.completed svg {
              fill: #4DD500 !important; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.visited svg {
              fill: #BBE2E9 !important; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.visite svg {
              fill: #BBE2E9 !important; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.interacted svg {
              fill: #6AB3BC !important; }
            .table-responsive-material .table td.profile-cell > div .chat-avatar.incomplete svg {
              fill: #6AB3BC !important; }
          .table-responsive-material .table td.profile-cell > div .profile-avatar {
            position: relative; }
            .table-responsive-material .table td.profile-cell > div .profile-avatar .dropdown {
              position: absolute;
              width: 35px;
              bottom: 0;
              left: 0; }
              .table-responsive-material .table td.profile-cell > div .profile-avatar .dropdown button {
                background: transparent !important; }
              .table-responsive-material .table td.profile-cell > div .profile-avatar .dropdown .dropdown-toggle:hover svg,
              .table-responsive-material .table td.profile-cell > div .profile-avatar .dropdown .dropdown-toggle:active svg,
              .table-responsive-material .table td.profile-cell > div .profile-avatar .dropdown .dropdown-togglefocus svg {
                fill: #008AFF !important; }
          .table-responsive-material .table td.profile-cell > div .profile-detail {
            margin: 0 8px; }
            .table-responsive-material .table td.profile-cell > div .profile-detail h5 {
              border: 0;
              margin: 0;
              padding: 0;
              font-size: 14px;
              color: #212326;
              font-weight: 600;
              white-space: pre-wrap; }
      .table-responsive-material .table td.rating-cell > svg {
        margin: 0 6px 0 0; }
      .table-responsive-material .table td.jpg-cell, .table-responsive-material .table td.rating-cell {
        width: 200px;
        min-width: 200px;
        font-size: 12px;
        font-weight: 600;
        color: #86909A; }
        .table-responsive-material .table td.jpg-cell.job-cell, .table-responsive-material .table td.rating-cell.job-cell {
          width: 300px;
          min-width: 300px;
          white-space: initial;
          word-break: break-word; }
      .table-responsive-material .table td.jpg-lead, .table-responsive-material .table td.lead-cell {
        width: 300px;
        min-width: 300px;
        white-space: initial;
        word-break: break-word;
        font-size: 12px;
        font-weight: 600;
        color: #86909A; }
        .table-responsive-material .table td.jpg-lead .lead-data, .table-responsive-material .table td.lead-cell .lead-data {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        .table-responsive-material .table td.jpg-lead i, .table-responsive-material .table td.lead-cell i {
          margin: 0 8px 8px 0;
          width: 22px;
          height: 22px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border: 1px solid #ABB2B9;
          border-radius: 4px;
          background: transparent; }

@media screen and (max-width: 767px) {
  .table-responsive-material {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive-material > .table {
    margin-bottom: 0; }
  .table-responsive-material > .table > thead > tr > th,
  .table-responsive-material > .table > tbody > tr > th,
  .table-responsive-material > .table > tfoot > tr > th,
  .table-responsive-material > .table > thead > tr > td,
  .table-responsive-material > .table > tbody > tr > td,
  .table-responsive-material > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive-material > .table-bordered {
    border: 0; }
  .table-responsive-material > .table-bordered > thead > tr > th:first-child,
  .table-responsive-material > .table-bordered > tbody > tr > th:first-child,
  .table-responsive-material > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive-material > .table-bordered > thead > tr > td:first-child,
  .table-responsive-material > .table-bordered > tbody > tr > td:first-child,
  .table-responsive-material > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive-material > .table-bordered > thead > tr > th:last-child,
  .table-responsive-material > .table-bordered > tbody > tr > th:last-child,
  .table-responsive-material > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive-material > .table-bordered > thead > tr > td:last-child,
  .table-responsive-material > .table-bordered > tbody > tr > td:last-child,
  .table-responsive-material > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive-material > .table-bordered > tbody > tr:last-child > th,
  .table-responsive-material > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive-material > .table-bordered > tbody > tr:last-child > td,
  .table-responsive-material > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

.fst-td-br-tp-0 tr:first-child td {
  border-top: 0 none; }

.page-section-separator {
  border-bottom: 1px solid #E0E6EC;
  display: block;
  height: 1px;
  width: auto;
  max-width: 100% !important;
  padding: 12px 0 0;
  margin: 0 0 12px; }

.page-section-container.full-width {
  max-width: 100%;
  width: 100%; }
  .page-section-container.full-width:not(.page-carousel) .page-section, .page-section-container.full-width:not(.page-carousel-sm) .page-section {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto; }

.page-section {
  padding: 12px 24px 0 70px; }
  .page-section.with-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    min-height: 80vh;
    overflow: auto; }
    @media screen and (min-width: 1200px) {
      .page-section.with-menu {
        padding: 12px 0; } }
    .page-section.with-menu::-webkit-scrollbar-track {
      background-color: transparent; }
    .page-section.with-menu::-webkit-scrollbar {
      width: 4px; }
    .page-section.with-menu::-webkit-scrollbar-thumb {
      background-color: transparent;
      border-radius: 4px; }
    .page-section.with-menu .page-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
      -moz-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      min-width: 500px; }
      .page-section.with-menu .page-main .page-block-group .page-block {
        margin-bottom: 12px; }
      .page-section.with-menu .page-main > .page-section {
        padding: 12px 24px !important; }
        .page-section.with-menu .page-main > .page-section .page-block {
          width: 100%;
          min-width: 500px; }
      .page-section.with-menu .page-main > .page-section.page-grid-sm,
      .page-section.with-menu .page-main > .page-section.page-carousel-sm {
        margin-right: 28px; }
      .page-section.with-menu .page-main .page-main-info {
        border-radius: 12px;
        padding: 24px;
        margin: 0 0 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #E6F5FF;
        color: #86909A;
        font-weight: 300;
        font-size: 14px; }
        .page-section.with-menu .page-main .page-main-info i {
          margin: 0 8px 0 0; }
        .page-section.with-menu .page-main .page-main-info > p {
          margin: 0;
          padding: 0; }
    .page-section.with-menu .page-menu {
      width: 280px;
      min-width: 280px;
      padding: 0;
      position: relative; }
      .page-section.with-menu .page-menu .page-menu-wrapper {
        width: inherit;
        min-width: inherit;
        position: fixed;
        padding: 0;
        top: 100px; }
      .page-section.with-menu .page-menu .page-menu-title {
        white-space: nowrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 700;
        color: #ABB2B9;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 32px;
        margin: 2px 0;
        padding: 4px 12px 4px; }
        .page-section.with-menu .page-menu .page-menu-title svg {
          margin: 0 8px 0 0; }
      .page-section.with-menu .page-menu .page-menu-items {
        padding: 0;
        margin: 0 0 12px;
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto; }
        .page-section.with-menu .page-menu .page-menu-items::-webkit-scrollbar-track {
          background-color: transparent; }
        .page-section.with-menu .page-menu .page-menu-items::-webkit-scrollbar {
          width: 4px;
          border-radius: 4px; }
        .page-section.with-menu .page-menu .page-menu-items::-webkit-scrollbar-thumb {
          background-color: #BBC4CD;
          border-radius: 4px; }
      .page-section.with-menu .page-menu .page-menu-separator {
        display: block;
        height: 1px;
        margin: 12px 0;
        border-bottom: 1px solid #ced4da; }
      .page-section.with-menu .page-menu .page-menu-item {
        display: block;
        margin: 4px 0;
        padding: 4px 12px 4px;
        background: transparent;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .page-section.with-menu .page-menu .page-menu-item.active {
          cursor: pointer;
          background: #E0E6EC;
          border-radius: 8px; }
        .page-section.with-menu .page-menu .page-menu-item.disabled {
          background: transparent !important; }
          .page-section.with-menu .page-menu .page-menu-item.disabled > span {
            color: #ABB2B9; }
        .page-section.with-menu .page-menu .page-menu-item.members .members-item {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          width: 100%;
          overflow: hidden;
          margin: 0 0 14px 0; }
          .page-section.with-menu .page-menu .page-menu-item.members .members-item .form-avatar,
          .page-section.with-menu .page-menu .page-menu-item.members .members-item .default-avatar {
            width: 38px;
            height: 38px;
            border-radius: 12px;
            background: #BBC4CD;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer; }
          .page-section.with-menu .page-menu .page-menu-item.members .members-item .members-item-content {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            height: 100%;
            width: -webkit-calc(100% - 38px);
            width: calc(100% - 38px); }
            .page-section.with-menu .page-menu .page-menu-item.members .members-item .members-item-content > span {
              display: block;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              padding: 0 0 0 8px;
              width: 100%; }
          .page-section.with-menu .page-menu .page-menu-item.members .members-item .email {
            color: #ABB2B9;
            font-weight: 400;
            font-size: 14px; }
          .page-section.with-menu .page-menu .page-menu-item.members .members-item .name {
            color: #515A63;
            font-weight: 600;
            font-size: 14px; }
          .page-section.with-menu .page-menu .page-menu-item.members .members-item:not(.has-name) .email {
            color: #515A63;
            font-weight: 600;
            font-size: 14px; }
        .page-section.with-menu .page-menu .page-menu-item.form {
          padding: 0 4px; }
          .page-section.with-menu .page-menu .page-menu-item.form textarea.form-control {
            border: 1px solid transparent;
            background-color: transparent !important;
            border-radius: 8px;
            font-size: 14px; }
            .page-section.with-menu .page-menu .page-menu-item.form textarea.form-control:hover, .page-section.with-menu .page-menu .page-menu-item.form textarea.form-control:active, .page-section.with-menu .page-menu .page-menu-item.form textarea.form-control:focus {
              cursor: text;
              background: transparent;
              border: 1px solid #BBC4CD; }
        .page-section.with-menu .page-menu .page-menu-item.with-icon {
          position: relative; }
          .page-section.with-menu .page-menu .page-menu-item.with-icon i {
            width: 12px;
            position: absolute;
            left: 12px;
            top: 4px;
            margin: 0 8px 0 0;
            padding: 0;
            display: inline; }
          .page-section.with-menu .page-menu .page-menu-item.with-icon > span {
            padding-left: 20px; }
        .page-section.with-menu .page-menu .page-menu-item:not(.static):hover, .page-section.with-menu .page-menu .page-menu-item:not(.static):focus, .page-section.with-menu .page-menu .page-menu-item:not(.static):active {
          cursor: pointer;
          background: #E0E6EC;
          border-radius: 8px; }
        .page-section.with-menu .page-menu .page-menu-item > span {
          font-size: 14px;
          font-weight: 600;
          color: #515A63; }
        .page-section.with-menu .page-menu .page-menu-item > a {
          font-size: 14px;
          font-weight: 400;
          color: #86909A;
          text-decoration: none; }
  .page-section .page-section-infobar p {
    font-size: 14px;
    font-weight: 500;
    padding: 12px;
    border-radius: 8px;
    border: 0;
    margin: 0 0 8px;
    background: #E6F5FF;
    color: #115aa2; }
  .page-section.page-horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .page-section.page-horizontal .page-block {
      width: 100%;
      display: block;
      max-width: -webkit-calc(100% - 350px);
      max-width: calc(100% - 350px); }
  .page-section .page-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1000px;
    width: 100%;
    padding: 0; }
    .page-section .page-columns .page-section-card {
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 425px;
      max-height: 800px;
      height: auto; }
      .page-section .page-columns .page-section-card:first-child {
        margin-right: 24px; }
      .page-section .page-columns .page-section-card.persona .buyer-personas .page-section-items .page-section-item .content {
        max-width: -webkit-calc(100% - 58px);
        max-width: calc(100% - 58px); }
      .page-section .page-columns .page-section-card .page-section-illustration {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .page-section .page-columns .page-section-card .page-section-items {
        padding: 12px 0 0; }
        .page-section .page-columns .page-section-card .page-section-items.empty {
          height: 100px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
  .page-section.page-grid-sm {
    min-height: auto;
    height: 100%;
    padding: 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden; }
    .page-section.page-grid-sm .page-section-header {
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .page-section.page-grid-sm .page-section-header i {
        margin: 0 8px; }
      .page-section.page-grid-sm .page-section-header .page-section-title {
        color: #38A0FF;
        padding: 4px 12px 0 0;
        margin: 0 0 12px; }
    .page-section.page-grid-sm > div:not(.page-section-header) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 1000px;
      width: 100%;
      padding: 0; }
      .page-section.page-grid-sm > div:not(.page-section-header) .page-section-card {
        width: 100%;
        margin: 0 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .page-section.page-grid-sm > div:not(.page-section-header) .page-section-card.segment {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 30%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 30%;
          flex: 1 1 30%; }
        .page-section.page-grid-sm > div:not(.page-section-header) .page-section-card.persona .buyer-personas .page-section-items .page-section-item .content {
          max-width: -webkit-calc(100% - 58px);
          max-width: calc(100% - 58px); }
  .page-section.page-carousel-sm {
    min-height: auto;
    height: 100%;
    padding: 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden; }
    .page-section.page-carousel-sm .owl-carousel .owl-dots {
      position: absolute;
      top: -40px;
      right: 0;
      width: auto;
      z-index: 1; }
      .page-section.page-carousel-sm .owl-carousel .owl-dots .owl-dot {
        background: transparent;
        outline: none;
        padding: 0;
        border: 0; }
        .page-section.page-carousel-sm .owl-carousel .owl-dots .owl-dot span {
          width: 8px;
          height: 8px; }
    .page-section.page-carousel-sm .page-section-header {
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .page-section.page-carousel-sm .page-section-header .page-section-title {
        color: #38A0FF;
        padding: 4px 12px 0 0;
        margin: 0 0 12px; }
      .page-section.page-carousel-sm .page-section-header i {
        margin: 0 8px; }
    .page-section.page-carousel-sm > div:not(.page-section-header) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 1000px;
      width: 100%;
      padding: 0; }
      .page-section.page-carousel-sm > div:not(.page-section-header) .page-section-card {
        width: 100%;
        margin: 0 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .page-section.page-carousel-sm > div:not(.page-section-header) .page-section-card.segment {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 30%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 30%;
          flex: 1 1 30%; }
        .page-section.page-carousel-sm > div:not(.page-section-header) .page-section-card.persona .buyer-personas .page-section-items .page-section-item .content {
          max-width: -webkit-calc(100% - 58px);
          max-width: calc(100% - 58px); }
  .page-section.page-carousel {
    min-height: auto;
    height: 100%;
    padding: 0 0 12px;
    background: #F9FAFA;
    border-bottom: 1px solid #E0E6EC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
    .page-section.page-carousel .owl-carousel .owl-dot {
      background: transparent;
      outline: none;
      padding: 0;
      border: 0; }
    .page-section.page-carousel .page-section-header {
      max-width: 1000px;
      width: 100%;
      margin: 0;
      padding: 12px 24px 0 -webkit-calc(70px + 24px);
      padding: 12px 24px 0 calc(70px + 24px);
      position: relative;
      cursor: pointer;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media screen and (min-width: 1200px) {
        .page-section.page-carousel .page-section-header {
          padding: 12px 24px; } }
      .page-section.page-carousel .page-section-header .page-section-title {
        padding: 4px 12px 0 0; }
      .page-section.page-carousel .page-section-header > i {
        position: absolute;
        left: 70px;
        top: 12px;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        @media screen and (min-width: 1200px) {
          .page-section.page-carousel .page-section-header > i {
            left: 0; } }
    .page-section.page-carousel > div:not(.page-section-header) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 1000px;
      width: 100%;
      padding: 12px -webkit-calc(24px + 24px) 0 -webkit-calc(70px + 24px);
      padding: 12px calc(24px + 24px) 0 calc(70px + 24px); }
      @media screen and (min-width: 1200px) {
        .page-section.page-carousel > div:not(.page-section-header) {
          padding: 0 24px; } }
      .page-section.page-carousel > div:not(.page-section-header) .page-section-card {
        width: 100%;
        margin: 0 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .page-section.page-carousel > div:not(.page-section-header) .page-section-card.segment {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 30%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 30%;
          flex: 1 1 30%; }
        .page-section.page-carousel > div:not(.page-section-header) .page-section-card.persona .buyer-personas .page-section-items .page-section-item .content {
          max-width: -webkit-calc(100% - 58px);
          max-width: calc(100% - 58px); }
  .page-section.page-definition {
    min-height: 492px;
    background: #F9FAFA;
    border-bottom: 1px solid #E0E6EC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0; }
    .page-section.page-definition.closed {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page-section.page-definition.closed .page-section-header > i {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0); }
      .page-section.page-definition.closed .profile-progress-container {
        position: absolute;
        right: -webkit-calc(1000px / 2 - 140px);
        right: calc(1000px / 2 - 140px);
        top: -12px; }
    .page-section.page-definition .page-section-header {
      max-width: 1000px;
      width: 100%;
      margin: 0;
      padding: 0 24px 0 -webkit-calc(70px + 24px);
      padding: 0 24px 0 calc(70px + 24px);
      position: relative;
      cursor: pointer;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 58px; }
      @media screen and (min-width: 1200px) {
        .page-section.page-definition .page-section-header {
          padding: 0 24px; } }
      .page-section.page-definition .page-section-header .page-section-title {
        padding: 0;
        font-size: 18px;
        font-weight: 500;
        color: #707172;
        display: inline;
        width: auto;
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -moz-box-flex: initial;
        -ms-flex: initial;
        flex: initial; }
      .page-section.page-definition .page-section-header > b {
        margin: 0 6px 0 0; }
      .page-section.page-definition .page-section-header > i {
        margin: 0 0 0 6px;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        @media screen and (min-width: 1200px) {
          .page-section.page-definition .page-section-header > i {
            left: 0; } }
    .page-section.page-definition > div:not(.page-section-header) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 1000px;
      width: 100%;
      padding: 12px 24px 0 70px; }
      @media screen and (min-width: 1200px) {
        .page-section.page-definition > div:not(.page-section-header) {
          padding: 0; } }
      .page-section.page-definition > div:not(.page-section-header) .page-section-card {
        width: 100%;
        margin: 0 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .page-section.page-definition > div:not(.page-section-header) .page-section-card.segment {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 30%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 30%;
          flex: 1 1 30%; }
        .page-section.page-definition > div:not(.page-section-header) .page-section-card.persona .buyer-personas .page-section-items .page-section-item .content {
          max-width: -webkit-calc(100% - 58px);
          max-width: calc(100% - 58px); }
  .page-section .page-section-card {
    border-radius: 18px;
    padding: 0;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
    background: #fff;
    background: #fff;
    display: block;
    height: 280px;
    overflow: hidden; }
    .page-section .page-section-card .page-section-header {
      margin: 0;
      padding: 12px; }
    .page-section .page-section-card .page-section-items {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: hidden;
      margin: 0 12px;
      padding: 0; }
      .page-section .page-section-card .page-section-items .page-section-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%; }
  .page-section .page-section-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .page-section .page-section-filters .page-section-filter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 8px; }
  .page-section .page-section-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .page-section .page-section-action > div.cta {
      color: #fff;
      background: #008AFF;
      border-radius: 18px;
      padding: 2px 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      margin: 0 0 0 4px; }
      .page-section .page-section-action > div.cta label {
        margin: 0 8px 0 0;
        padding: 0;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer; }
      .page-section .page-section-action > div.cta:hover, .page-section .page-section-action > div.cta:active, .page-section .page-section-action > div.cta:focus {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0); }
    .page-section .page-section-action i {
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      margin: 0 0 0 8px; }
      .page-section .page-section-action i:hover, .page-section .page-section-action i:active, .page-section .page-section-action i:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
      .page-section .page-section-action i.start.add {
        background: #008AFF; }
      .page-section .page-section-action i:not(.start).add, .page-section .page-section-action i.edit {
        background: #F1F0F1; }
  .page-section .page-section-header,
  .page-section .page-section-card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    line-height: 24px;
    margin: 4px 0 16px 0;
    padding: 4px 12px 12px; }
    .page-section .page-section-header h2,
    .page-section .page-section-card-header h2 {
      white-space: nowrap;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      font-weight: 700;
      color: #ABB2B9;
      margin: 0;
      padding: 0 12px 0 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .page-section .page-section-header h2 svg,
      .page-section .page-section-card-header h2 svg {
        margin: 0 8px 0 0; }
    .page-section .page-section-header hr,
    .page-section .page-section-card-header hr {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
      -moz-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      border-top: 1px solid #E0E6EC; }
  .page-section .page-section-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0; }
    .page-section .page-section-items.collapsed {
      max-height: 168px;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      width: 80vw;
      max-width: 100vw;
      overflow-y: hidden;
      overflow-x: auto; }
    .page-section .page-section-items .page-section-item {
      display: block;
      padding: 0;
      margin: 0; }
      .page-section .page-section-items .page-section-item .thumb {
        width: 148px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 8px; }
        .page-section .page-section-items .page-section-item .thumb.sm {
          width: 70px; }
          .page-section .page-section-items .page-section-item .thumb.sm .image {
            height: 70px;
            width: 70px; }
        .page-section .page-section-items .page-section-item .thumb label {
          font-size: 14px;
          font-weight: 600;
          color: #212326;
          text-align: center;
          text-align: center;
          padding: 8px 0; }
        .page-section .page-section-items .page-section-item .thumb .image {
          width: 120px;
          height: 120px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          border-radius: 18px;
          -webkit-box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 2px 2px 18px 0 rgba(0, 0, 0, 0.08);
          -webkit-transition: -webkit-box-shadow .2s ease;
          transition: -webkit-box-shadow .2s ease;
          transition: box-shadow .2s ease;
          transition: box-shadow .2s ease, -webkit-box-shadow .2s ease; }
          .page-section .page-section-items .page-section-item .thumb .image:hover {
            -webkit-box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 12px 0;
            box-shadow: rgba(0, 0, 0, 0.16) 2px 2px 12px 0;
            cursor: pointer; }

.page-section .page-sidebar {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 325px;
  margin-right: 24px;
  display: block; }

.page-section .page-block:not(.group), .page-section .page-sidebar:not(.group) {
  background: #fff;
  border-radius: 12px;
  padding: 12px 24px;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08); }

.page-section .page-block.group .page-sidebar-card, .page-section .page-sidebar.group .page-sidebar-card {
  background: #fff;
  border-radius: 12px;
  padding: 12px 24px;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.08);
  margin: 0 0 24px 0; }
  .page-section .page-block.group .page-sidebar-card:last-of-type, .page-section .page-sidebar.group .page-sidebar-card:last-of-type {
    margin: 0; }

.page-section .page-block .page-block-title, .page-section .page-sidebar .page-block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .page-section .page-block .page-block-title.sm h2, .page-section .page-sidebar .page-block-title.sm h2 {
    font-size: 16px;
    font-weight: 500; }
  .page-section .page-block .page-block-title h2, .page-section .page-sidebar .page-block-title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #212326;
    margin: 0;
    height: -webkit-calc(70px - 24px);
    height: calc(70px - 24px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap;
    padding: 0 12px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .page-section .page-block .page-block-title h2 svg, .page-section .page-sidebar .page-block-title h2 svg {
      margin: 0 8px 0 0; }
  .page-section .page-block .page-block-title .page-block-actions, .page-section .page-sidebar .page-block-title .page-block-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .page-section .page-block .page-block-title .page-block-actions .btn, .page-section .page-sidebar .page-block-title .page-block-actions .btn {
      margin-left: 8px; }
    .page-section .page-block .page-block-title .page-block-actions > i, .page-section .page-sidebar .page-block-title .page-block-actions > i {
      width: 38px;
      height: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 12px;
      cursor: pointer; }
      .page-section .page-block .page-block-title .page-block-actions > i:hover > svg, .page-section .page-block .page-block-title .page-block-actions > i:active > svg, .page-section .page-block .page-block-title .page-block-actions > i:focus > svg, .page-section .page-sidebar .page-block-title .page-block-actions > i:hover > svg, .page-section .page-sidebar .page-block-title .page-block-actions > i:active > svg, .page-section .page-sidebar .page-block-title .page-block-actions > i:focus > svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        fill: #86909A !important; }

.page-section .page-block .page-block-action, .page-section .page-sidebar .page-block-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 8px 0 0; }
  .page-section .page-block .page-block-action > div, .page-section .page-sidebar .page-block-action > div {
    margin: 0 8px 0 0; }

.page-section .page-block .page-block-content, .page-section .page-sidebar .page-block-content {
  font-size: 16px;
  font-weight: 400;
  color: #515A63;
  height: 100%; }
  .page-section .page-block .page-block-content .page-block-content-header, .page-section .page-sidebar .page-block-content .page-block-content-header {
    font-size: 16px;
    font-weight: 600;
    color: #212326;
    padding: 0;
    margin: 22px 0 8px; }
  .page-section .page-block .page-block-content .page-block-content-note, .page-section .page-sidebar .page-block-content .page-block-content-note {
    font-size: 14px;
    font-weight: 400;
    color: #515A63; }
    .page-section .page-block .page-block-content .page-block-content-note .loader, .page-section .page-sidebar .page-block-content .page-block-content-note .loader {
      margin: 0 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .page-section .page-block .page-block-content .page-block-content-note .loader i, .page-section .page-sidebar .page-block-content .page-block-content-note .loader i {
        margin: 0 4px 0 0; }
    .page-section .page-block .page-block-content .page-block-content-note .single-line, .page-section .page-sidebar .page-block-content .page-block-content-note .single-line {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .page-section .page-block .page-block-content .page-block-content-note.important, .page-section .page-sidebar .page-block-content .page-block-content-note.important {
      background: #F68712;
      color: white;
      padding: 4px 8px;
      border-radius: 10px; }
  .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item {
    cursor: pointer; }
    .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item label, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item label {
      padding: 2px 8px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
      color: #86909A;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item.selected label, .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item:hover label, .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item:active label, .page-section .page-block .page-block-content.page-block-menu .page-block-menu-item:focus label, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item.selected label, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item:hover label, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item:active label, .page-section .page-sidebar .page-block-content.page-block-menu .page-block-menu-item:focus label {
      background: #ABB2B9;
      color: #fff; }

.page-section .block-table {
  display: table;
  margin: 0;
  padding: 0; }
  .page-section .block-table .block-table-row {
    display: table-row;
    margin: 0;
    padding: 0; }
    .page-section .block-table .block-table-row .block-table-cell {
      display: table-cell;
      margin: 0;
      padding: 0; }

.page-container .page-card {
  width: 75vw;
  margin: 70px auto; }
  @media screen and (max-width: 870px) {
    .page-container .page-card {
      width: 100%;
      margin: auto; } }

.page-card {
  margin: auto;
  background: #fff;
  border-radius: 18px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 2px 2px 18px 0;
  box-shadow: rgba(0, 0, 0, 0.06) 2px 2px 18px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 80vh;
  max-width: 900px;
  min-height: 550px; }
  @media screen and (max-width: 870px) {
    .page-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: auto;
      height: 100vh;
      min-height: 0;
      margin: 0;
      border-radius: 0; } }
  .page-card .page-card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    position: relative;
    margin: 0;
    overflow: hidden;
    background: #fff;
    padding: 16px 24px 8px 24px;
    margin-bottom: 24px;
    border-top-left-radius: 18px;
    overflow: initial; }
    .page-card .page-card-header::after {
      content: ' ';
      height: 36px;
      position: absolute;
      bottom: -24px;
      left: 0;
      right: 0;
      width: 100%;
      background-size: cover;
      background: url(/images/curve.svg) 0 bottom no-repeat; }
    @media screen and (max-width: 870px) {
      .page-card .page-card-header {
        border-bottom: initial; } }
    .page-card .page-card-header .page-card-logo {
      margin: 0 16px 0 0;
      z-index: 10; }
      .page-card .page-card-header .page-card-logo .page-card-avatar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        width: 40px;
        border-radius: 12px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        -webkit-transition: background .25s ease-out;
        transition: background .25s ease-out; }
    .page-card .page-card-header .page-card-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0;
      z-index: 10;
      width: 200px; }
      .page-card .page-card-header .page-card-info label {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .page-card .page-card-header .page-card-info label svg {
          margin: 6px 0; }
      .page-card .page-card-header .page-card-info label.title {
        color: #515A63;
        font-size: 18px;
        font-weight: 700; }
        .page-card .page-card-header .page-card-info label.title.placeholder {
          font-size: 16px;
          font-weight: 300;
          color: #86909A; }
      .page-card .page-card-header .page-card-info label.info {
        margin: 0;
        color: #86909A;
        font-size: 14px;
        font-weight: 400;
        width: inherit; }
        .page-card .page-card-header .page-card-info label.info span {
          margin: 2px 4px;
          white-space: nowrap;
          overflow: hidden;
          width: inherit;
          text-overflow: ellipsis; }
  .page-card .page-card-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 300px;
    padding: 0;
    color: #515A63;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-right: 1px solid #E0E6EC;
    background-color: #fff; }
    @media screen and (max-width: 870px) {
      .page-card .page-card-side {
        width: 100%;
        min-height: 70px;
        height: auto;
        border-radius: 0;
        border-right: 0;
        border-bottom: 1px solid #E0E6EC;
        padding: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .page-card .page-card-side .progress-minimal {
      margin: 16px;
      font-weight: 500;
      white-space: nowrap; }
      .page-card .page-card-side .progress-minimal span {
        color: #008AFF;
        font-weight: 600; }
      @media screen and (min-width: 870px) {
        .page-card .page-card-side .progress-minimal {
          display: none; } }
    .page-card .page-card-side .progress-steps {
      margin: 0;
      padding: 0;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 8px 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media screen and (max-width: 870px) {
        .page-card .page-card-side .progress-steps {
          display: none; } }
      .page-card .page-card-side .progress-steps li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 8px 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .page-card .page-card-side .progress-steps li.check .progress-label div::before {
          background: #4DD500; }
        .page-card .page-card-side .progress-steps li:last-of-type .progress-label div::before {
          display: none; }
        .page-card .page-card-side .progress-steps li.active {
          background: #F9FAFA; }
          .page-card .page-card-side .progress-steps li.active .progress-step {
            background: #38A0FF;
            color: #fff; }
        .page-card .page-card-side .progress-steps li .progress-check,
        .page-card .page-card-side .progress-steps li .progress-step {
          margin-right: 16px; }
        .page-card .page-card-side .progress-steps li .progress-label {
          font-size: 14px; }
          .page-card .page-card-side .progress-steps li .progress-label div {
            color: #8A9096;
            font-weight: 400;
            position: relative; }
            .page-card .page-card-side .progress-steps li .progress-label div::before {
              content: ' ';
              display: block;
              background: #E0E6EC;
              position: absolute;
              left: -30px;
              top: 8px;
              bottom: 0;
              width: 3px;
              height: auto;
              border-radius: 2px; }
          .page-card .page-card-side .progress-steps li .progress-label label {
            height: 24px;
            margin: 0;
            color: #515A63;
            font-weight: 600; }
        .page-card .page-card-side .progress-steps li .progress-step {
          background: #E0E6EC;
          color: #86909A;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          width: 24px;
          height: 24px;
          min-width: 24px;
          margin-right: 16px;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          border-radius: 18px; }
  .page-card .page-card-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    position: relative; }
    .page-card .page-card-main .chat-selector {
      border-bottom-right-radius: 18px; }
    .page-card .page-card-main .chat-container {
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px; }
    @media screen and (max-width: 992px) {
      .page-card .page-card-main {
        width: 100%;
        border-radius: 0; } }
    @media screen and (max-width: 576px) {
      .page-card .page-card-main {
        margin-bottom: 70px; }
        .page-card .page-card-main .chat-container,
        .page-card .page-card-main .chat-selector {
          border-radius: 0px; } }

.page-projectstart {
  height: 550px !important; }
  .page-projectstart .page-card-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 300px;
    padding: 0;
    color: #515A63;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-right: 1px solid #E0E6EC;
    background-color: #D1D9E0;
    background-size: contain;
    background: url(/images/rocket-vector2.svg) 0 bottom no-repeat; }
    @media screen and (max-width: 870px) {
      .page-projectstart .page-card-side {
        width: 100%;
        min-height: 70px;
        height: auto;
        border-radius: 0;
        border-right: 0;
        border-bottom: 1px solid #E0E6EC;
        padding: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }

.account-activation {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px;
  background: #F9FAFA;
  border-bottom: 1px solid #E0E6EC; }
  .account-activation h2 {
    font-size: 16px;
    font-weight: 600;
    color: #515A63;
    margin: 12px 0; }
  .account-activation p {
    font-size: 14px;
    font-weight: 500;
    color: #86909A;
    max-width: 768px; }

.site-status {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 32px;
  background: #F9FAFA;
  border-bottom: 1px solid #E0E6EC;
  height: 280px; }
  .site-status.site-construction {
    background: #6AB3BC; }

.page-container {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .page-container .page-wrapper {
    height: 100%;
    overflow: hidden; }
    .page-container .page-wrapper .page-content {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto; }
      @media screen and (min-width: 992px) {
        .page-container .page-wrapper .page-content {
          padding: 24px 32px; } }
      @media screen and (max-width: 992px) {
        .page-container .page-wrapper .page-content {
          padding: 16px 24px; } }
      @media screen and (max-width: 870px) {
        .page-container .page-wrapper .page-content {
          padding: 8px 16px; } }
      @media screen and (max-width: 576px) {
        .page-container .page-wrapper .page-content {
          padding: 4px 8px; } }
      .page-container .page-wrapper .page-content .page-empty {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 62px; }
        .page-container .page-wrapper .page-content .page-empty p {
          font-size: 18px;
          font-weight: 300;
          text-align: center;
          max-width: 600px;
          color: #ABB2B9;
          margin: 26px 0; }

.page-wrapper {
  height: 100%;
  max-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .page-wrapper .page-header {
    height: 70px;
    min-height: 70px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    position: relative; }
    .page-wrapper .page-header.full-width .page-title {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
    .page-wrapper .page-header.tab-header .page-title {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
    .page-wrapper .page-header.title-only .page-title {
      padding: 14px 12px 14px -webkit-calc(70px + 12px);
      padding: 14px 12px 14px calc(70px + 12px);
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .page-wrapper .page-header .page-title {
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      padding: 14px 12px 14px -webkit-calc(70px + 46px);
      padding: 14px 12px 14px calc(70px + 46px);
      height: 70px; }
      .page-wrapper .page-header .page-title .h1, .page-wrapper .page-header .page-title h1 {
        font-size: 18px;
        font-weight: 600;
        color: #212326;
        margin: 0 0 4px;
        position: relative; }
        .page-wrapper .page-header .page-title .h1 i, .page-wrapper .page-header .page-title h1 i {
          position: absolute;
          left: -46px;
          top: 0; }
      .page-wrapper .page-header .page-title .page-subtitle {
        position: absolute;
        bottom: 0;
        padding-left: -webkit-calc(70px + 46px);
        padding-left: calc(70px + 46px);
        left: 18px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator span {
          position: relative;
          margin-right: 38px; }
          .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator span .next-indicator {
            position: absolute;
            right: -26px;
            bottom: -webkit-calc(100% / 2 - 8px);
            bottom: calc(100% / 2 - 8px); }
          .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator span:last-of-type .next-indicator {
            display: none; }
        .page-wrapper .page-header .page-title .page-subtitle span {
          margin-right: 18px;
          display: block;
          height: 28px;
          color: #707172;
          font-size: 14px;
          font-weight: 500;
          -webkit-transition: color .2s ease;
          transition: color .2s ease;
          will-change: color;
          cursor: pointer;
          border-bottom: 3px solid transparent; }
          .page-wrapper .page-header .page-title .page-subtitle span.disabled {
            color: #BBC4CD;
            cursor: initial; }
          .page-wrapper .page-header .page-title .page-subtitle span:not(.disabled):hover, .page-wrapper .page-header .page-title .page-subtitle span:not(.disabled).active {
            color: #008AFF;
            border-bottom: 3px solid #008AFF; }
          .page-wrapper .page-header .page-title .page-subtitle span .tab-badge {
            position: absolute;
            margin: 0 4px;
            color: #BBC4CD;
            font-size: 12px;
            background: transparent;
            border-radius: 4px;
            padding: 0 2px;
            border: 1px solid #BBC4CD;
            min-width: 18px;
            text-align: center; }
    .page-wrapper .page-header .page-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-bottom: 22px; }
      .page-wrapper .page-header .page-actions button {
        margin-left: 8px;
        white-space: nowrap;
        border-radius: 8px; }
      .page-wrapper .page-header .page-actions .action {
        min-width: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer; }
    .page-wrapper .page-header .page-tabs-container {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      .page-wrapper .page-header .page-tabs-container .page-tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        margin: 0; }
        .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab {
          margin: 2px 24px 2px 2px;
          position: relative;
          display: block; }
          .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab:last-of-type .page-tablink-next {
            display: none !important; }
          .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink-next {
            margin: 0;
            position: absolute;
            top: 10px;
            right: -18px; }
          .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink {
            display: inline-block;
            white-space: nowrap;
            height: 30px;
            width: 80px;
            text-align: center;
            font-size: 14px;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 18px;
            cursor: pointer;
            -webkit-transition: background-color .2s ease;
            transition: background-color .2s ease;
            will-change: background-color; }
            .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink.active {
              background-color: #ABB2B9;
              color: white; }
              .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink.active:hover, .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink.active:active, .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink.active:focus {
                cursor: pointer;
                background-color: #86909A;
                color: #fff; }
            .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink:not(.active) {
              background-color: transparent;
              color: #515A63; }
              .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink:not(.active):hover, .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink:not(.active):active, .page-wrapper .page-header .page-tabs-container .page-tabs .page-tab .page-tablink:not(.active):focus {
                cursor: pointer;
                background-color: #ABB2B9;
                color: #fff; }
  .page-wrapper main {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
    .page-wrapper main .separator {
      border-bottom: 1px solid #E0E6EC;
      display: block;
      height: 1px;
      width: auto;
      padding: 12px 0 0;
      margin: 0 70px 12px; }

.page-chat-actions {
  margin: 0 !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.link-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 527px;
  border: 1px solid #e4e4e4;
  border-radius: 2px; }
  .link-preview .link-preview-image {
    width: 100%;
    height: 273px;
    overflow: hidden;
    cursor: pointer; }
    .link-preview .link-preview-image.empty {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      color: #86909A;
      padding: 12px; }
      .link-preview .link-preview-image.empty:hover p, .link-preview .link-preview-image.empty:active p, .link-preview .link-preview-image.empty:focus p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      .link-preview .link-preview-image.empty p {
        cursor: pointer;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease; }
  .link-preview .link-preview-content {
    width: 100%;
    background: #F9FAFA;
    padding: 8px 12px;
    border-top: 1px solid #e4e4e4; }
    .link-preview .link-preview-content .link-preview-host {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ABB2B9; }
    .link-preview .link-preview-content .link-preview-title {
      font-weight: 700;
      font-size: 17px;
      color: #515A63;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .link-preview .link-preview-content .link-preview-description {
      font-weight: 500;
      font-size: 14px;
      color: #515A63;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.embed-type-illustration {
  border: 1px solid #ced4da;
  border-radius: 18px;
  background: #F9FAFA;
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .embed-type-illustration i.desktop {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px; }
  .embed-type-illustration i.mobile {
    width: 130px;
    min-width: 100px;
    padding: 0 12px; }
  .embed-type-illustration p {
    max-width: 170px;
    min-width: 150px;
    font-size: 14px;
    color: #495057;
    font-weight: 400;
    padding: 0 12px 0 24px;
    margin: 0; }
    .embed-type-illustration p b {
      font-weight: 700; }

.embed-types-input .embed-types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .embed-types-input .embed-types .embed-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 8px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px;
    cursor: pointer;
    border: 1px solid transparent; }
    .embed-types-input .embed-types .embed-type.active, .embed-types-input .embed-types .embed-type:hover, .embed-types-input .embed-types .embed-type:focus, .embed-types-input .embed-types .embed-type:active {
      border: 1px solid #ced4da;
      border-radius: 18px;
      background: #F9FAFA; }
      .embed-types-input .embed-types .embed-type.active svg, .embed-types-input .embed-types .embed-type:hover svg, .embed-types-input .embed-types .embed-type:focus svg, .embed-types-input .embed-types .embed-type:active svg {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15); }
      .embed-types-input .embed-types .embed-type.active label, .embed-types-input .embed-types .embed-type:hover label, .embed-types-input .embed-types .embed-type:focus label, .embed-types-input .embed-types .embed-type:active label {
        font-weight: 700; }
    .embed-types-input .embed-types .embed-type svg {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .embed-types-input .embed-types .embed-type span {
      margin: 12px 8px 0;
      cursor: pointer; }
    .embed-types-input .embed-types .embed-type label {
      font-size: 12px;
      font-weight: 500;
      color: #707172;
      padding: 18px 0 8px;
      margin: 0;
      text-align: center;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      cursor: pointer; }

.url-parameters {
  padding: 0; }
  .url-parameters .url-parameters-list {
    margin: 6px 0 0; }
    .url-parameters .url-parameters-list .url-parameter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      margin: 6px 0; }
      .url-parameters .url-parameters-list .url-parameter:after {
        content: ' ';
        position: absolute;
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
        height: 1px;
        left: 32px;
        bottom: 0;
        background: #e4e4e4;
        opacity: 1; }
      .url-parameters .url-parameters-list .url-parameter:last-of-type {
        border: none;
        padding: 0;
        margin: 0; }
        .url-parameters .url-parameters-list .url-parameter:last-of-type:after {
          opacity: 0; }
      .url-parameters .url-parameters-list .url-parameter .url-parameter-name {
        padding: 0 32px 6px 32px;
        width: 100%;
        position: relative;
        font-size: 14px;
        font-weight: 600; }
        .url-parameters .url-parameters-list .url-parameter .url-parameter-name > i {
          right: initial;
          font-style: normal;
          height: 22px;
          line-height: 22px;
          position: absolute;
          left: 14px;
          top: 0;
          width: 20px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .url-parameters .url-parameters-list .url-parameter .url-parameter-name > i strong {
            font-weight: 700;
            color: #212326;
            font-size: 14px; }
      .url-parameters .url-parameters-list .url-parameter .url-parameter-value {
        padding: 0 32px 6px 32px;
        width: 100%; }
        .url-parameters .url-parameters-list .url-parameter .url-parameter-value .form-input {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          max-width: initial !important;
          margin: 0 !important;
          position: relative;
          padding: 0;
          height: 28px;
          line-height: 28px; }
          .url-parameters .url-parameters-list .url-parameter .url-parameter-value .form-input input {
            border: 0;
            outline: none;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            background: transparent;
            border-radius: 4px;
            cursor: text;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            padding: 4px 2px;
            font-size: 14px;
            height: inherit;
            line-height: inherit;
            font-weight: 300;
            color: #707172; }
            .url-parameters .url-parameters-list .url-parameter .url-parameter-value .form-input input:hover, .url-parameters .url-parameters-list .url-parameter .url-parameter-value .form-input input:active, .url-parameters .url-parameters-list .url-parameter .url-parameter-value .form-input input:focus {
              background: #f7f3c2; }

.url-types-input {
  position: relative; }
  .url-types-input .url-types-emptyparam {
    position: absolute;
    top: 41px;
    width: 100%;
    z-index: 100;
    max-width: 100%;
    height: -webkit-calc(100% - 61px);
    height: calc(100% - 61px);
    background: rgba(224, 230, 236, 0.45);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px;
    padding: 36px;
    text-align: center; }
    .url-types-input .url-types-emptyparam p {
      font-weight: 600; }
  .url-types-input .url-types {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0 0; }
    .url-types-input .url-types.emptyparam {
      -webkit-filter: blur(2px);
      filter: blur(2px); }
    .url-types-input .url-types .url-type {
      min-width: 90px;
      max-width: 90px;
      width: 90px;
      min-height: 140px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      padding: 8px 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 8px;
      cursor: pointer;
      border: 1px solid transparent;
      border-radius: 18px;
      background: transparent; }
      .url-types-input .url-types .url-type.active, .url-types-input .url-types .url-type:hover, .url-types-input .url-types .url-type:focus, .url-types-input .url-types .url-type:active {
        border: 1px solid #ced4da;
        background: #F9FAFA; }
        .url-types-input .url-types .url-type.active svg, .url-types-input .url-types .url-type:hover svg, .url-types-input .url-types .url-type:focus svg, .url-types-input .url-types .url-type:active svg {
          -webkit-transform: scale(1.15);
          -ms-transform: scale(1.15);
          transform: scale(1.15); }
        .url-types-input .url-types .url-type.active img, .url-types-input .url-types .url-type:hover img, .url-types-input .url-types .url-type:focus img, .url-types-input .url-types .url-type:active img {
          -webkit-transform: scale(1.15);
          -ms-transform: scale(1.15);
          transform: scale(1.15); }
        .url-types-input .url-types .url-type.active label, .url-types-input .url-types .url-type:hover label, .url-types-input .url-types .url-type:focus label, .url-types-input .url-types .url-type:active label {
          font-weight: 700; }
        .url-types-input .url-types .url-type.active i.remove, .url-types-input .url-types .url-type:hover i.remove, .url-types-input .url-types .url-type:focus i.remove, .url-types-input .url-types .url-type:active i.remove {
          opacity: 1; }
      .url-types-input .url-types .url-type img, .url-types-input .url-types .url-type svg {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      .url-types-input .url-types .url-type span {
        margin: 12px 8px 0;
        cursor: pointer; }
      .url-types-input .url-types .url-type i.remove {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: absolute;
        top: -8px;
        right: -8px;
        background: #ABB2B9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }
        .url-types-input .url-types .url-type i.remove:hover, .url-types-input .url-types .url-type i.remove:focus, .url-types-input .url-types .url-type i.remove:active {
          cursor: pointer;
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
      .url-types-input .url-types .url-type label {
        font-size: 12px;
        font-weight: 500;
        color: #707172;
        padding: 18px 4px 8px;
        margin: 0;
        text-align: center;
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        cursor: pointer; }

.code-block {
  padding: 12px 0 4px;
  position: relative; }
  .code-block .code-block-content {
    padding: 12px;
    border-radius: 12px;
    min-height: 52px;
    background: #F9FAFA;
    border: 1px solid #ced4da;
    color: #707172;
    font-size: 11px;
    font-weight: 500;
    position: relative; }
    .code-block .code-block-content.disabled button {
      display: none; }
    .code-block .code-block-content.disabled pre {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .code-block .code-block-content.disabled .disabled-cover {
      z-index: 10;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .code-block .code-block-content .disabled-cover {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      z-index: -1;
      display: none;
      width: 100%;
      background: rgba(224, 230, 236, 0.65);
      font-weight: 600;
      font-size: 16px;
      color: #515A63;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center; }
    .code-block .code-block-content button {
      position: absolute;
      bottom: 12px;
      right: 12px; }
    .code-block .code-block-content pre {
      margin: 0;
      padding: 0;
      -moz-tab-size: 2;
      tab-size: 2; }
      .code-block .code-block-content pre code {
        word-break: break-all;
        white-space: pre-wrap;
        -moz-tab-size: 2;
        tab-size: 2; }

.form-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .form-input-group .form-input {
    width: 100%; }
  .form-input-group .form-input:first-child {
    margin-right: 6px; }
  .form-input-group .form-input:last-child {
    margin-left: 6px; }

.chatbot-preview.active {
  padding: 24px 64px; }

.chatbot-preview .preview-viewport {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  position: absolute;
  top: 0;
  background: white;
  z-index: 1000;
  border-radius: 0 0 12px 12px;
  width: 100px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18);
  left: -webkit-calc(50% - (100px / 2));
  left: calc(50% - (100px / 2));
  overflow: hidden; }
  .chatbot-preview .preview-viewport i {
    -webkit-box-flex: 0.5;
    -webkit-flex: 0.5;
    -moz-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    width: -webkit-calc(100px / 2);
    width: calc(100px / 2);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }
    .chatbot-preview .preview-viewport i:hover, .chatbot-preview .preview-viewport i:focus, .chatbot-preview .preview-viewport i:active {
      background: #F9FAFA; }
      .chatbot-preview .preview-viewport i:hover svg, .chatbot-preview .preview-viewport i:focus svg, .chatbot-preview .preview-viewport i:active svg {
        fill: #86909A !important;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
    .chatbot-preview .preview-viewport i.active {
      background: #008AFF; }
      .chatbot-preview .preview-viewport i.active svg {
        fill: white !important; }

.chatbot-preview.desktop .chat-container {
  position: relative;
  height: -webkit-calc(100vh - (70px + 24px + 24px));
  height: calc(100vh - (70px + 24px + 24px));
  max-height: 100vh;
  border-radius: 18px;
  border: 1px solid #e4e4e4; }

.chatbot-preview.mobile .chat-container {
  position: relative;
  max-height: -webkit-calc(100vh - (70px + 24px + 24px));
  max-height: calc(100vh - (70px + 24px + 24px));
  height: 667px;
  width: 357px;
  max-width: 357px;
  border-radius: 18px;
  border: 1px solid #e4e4e4;
  margin-left: -webkit-calc(50% - (357px / 2));
  margin-left: calc(50% - (357px / 2)); }

.vtooltip-backdrop {
  display: none; }
  .vtooltip-backdrop[data-show] {
    display: block; }

.vtooltip {
  z-index: 999999;
  background: #515A63;
  display: none;
  max-width: 340px;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 400;
  color: #F9FAFA;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.14); }
  .vtooltip[data-show] {
    display: block; }
  .vtooltip p {
    padding: 0 12px 0 0;
    margin: 0; }
  .vtooltip > i {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .vtooltip > i:hover, .vtooltip > i:focus, .vtooltip > i:active {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
  .vtooltip .vtooltip-arrow {
    z-index: -1;
    background: transparent;
    width: 0;
    height: 0;
    border-radius: 0;
    position: absolute; }
  .vtooltip[data-popper-placement^='top'] > .vtooltip-arrow {
    bottom: -14px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 14px solid #fcf59b; }
  .vtooltip[data-popper-placement^='bottom'] > .vtooltip-arrow {
    top: -14px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 14px solid #fcf59b; }
  .vtooltip[data-popper-placement^='left'] > .vtooltip-arrow {
    right: -14px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 14px solid #fcf59b; }
  .vtooltip[data-popper-placement^='right'] > .vtooltip-arrow {
    left: -14px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 14px solid #fcf59b; }
  .vtooltip .vtooltip-footer, .vtooltip .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .vtooltip .vtooltip-footer .vtooltip-badge, .vtooltip .btn .vtooltip-badge {
      font-size: 12px;
      font-weight: 700;
      color: #86909A; }
  .vtooltip.dark {
    background: #515A63;
    color: #F9FAFA; }
    .vtooltip.dark[data-popper-placement^='top'] > .vtooltip-arrow {
      border-top-color: #515A63; }
    .vtooltip.dark[data-popper-placement^='bottom'] > .vtooltip-arrow {
      border-bottom-color: #515A63; }
    .vtooltip.dark[data-popper-placement^='left'] > .vtooltip-arrow {
      border-right-color: #515A63; }
    .vtooltip.dark[data-popper-placement^='right'] > .vtooltip-arrow {
      border-left-color: #515A63; }
  .vtooltip.light {
    background: #F9FAFA;
    color: #515A63; }
    .vtooltip.light[data-popper-placement^='top'] > .vtooltip-arrow {
      border-top-color: #F9FAFA; }
    .vtooltip.light[data-popper-placement^='bottom'] > .vtooltip-arrow {
      border-bottom-color: #F9FAFA; }
    .vtooltip.light[data-popper-placement^='left'] > .vtooltip-arrow {
      border-right-color: #F9FAFA; }
    .vtooltip.light[data-popper-placement^='right'] > .vtooltip-arrow {
      border-left-color: #F9FAFA; }
  .vtooltip.light2 {
    background: #FBF59B;
    color: #475059; }
    .vtooltip.light2[data-popper-placement^='top'] > .vtooltip-arrow {
      border-top-color: #FBF59B; }
    .vtooltip.light2[data-popper-placement^='bottom'] > .vtooltip-arrow {
      border-bottom-color: #FBF59B; }
    .vtooltip.light2[data-popper-placement^='left'] > .vtooltip-arrow {
      border-right-color: #FBF59B; }
    .vtooltip.light2[data-popper-placement^='right'] > .vtooltip-arrow {
      border-left-color: #FBF59B; }

.survey-editor,
.chatbot-editor {
  padding: 0 0 0 70px; }
  .survey-editor > div,
  .chatbot-editor > div {
    position: relative; }
  .survey-editor .page-section,
  .chatbot-editor .page-section {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto; }
  .survey-editor .page-block.page-block-static,
  .chatbot-editor .page-block.page-block-static {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .survey-editor .page-block-campaign .campaign-content,
  .chatbot-editor .page-block-campaign .campaign-content {
    font-size: 12px; }
  .survey-editor .page-block-campaign-action,
  .chatbot-editor .page-block-campaign-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px; }
  .survey-editor .custom-fields,
  .chatbot-editor .custom-fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6px 0 0; }
    .survey-editor .custom-fields .custom-field-action,
    .chatbot-editor .custom-fields .custom-field-action {
      margin-top: 12px; }
    .survey-editor .custom-fields .custom-fields-note,
    .chatbot-editor .custom-fields .custom-fields-note {
      margin: 0 0 12px; }
    .survey-editor .custom-fields .custom-field,
    .chatbot-editor .custom-fields .custom-field {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      margin: 0 0 6px;
      padding: 0 0 6px; }
      .survey-editor .custom-fields .custom-field:after,
      .chatbot-editor .custom-fields .custom-field:after {
        content: ' ';
        position: absolute;
        width: -webkit-calc(100% - 32px);
        width: calc(100% - 32px);
        height: 1px;
        left: 32px;
        bottom: 0;
        background: #e4e4e4;
        opacity: 1; }
      .survey-editor .custom-fields .custom-field:last-of-type,
      .chatbot-editor .custom-fields .custom-field:last-of-type {
        border: none;
        padding: 0;
        margin: 0; }
        .survey-editor .custom-fields .custom-field:last-of-type:after,
        .chatbot-editor .custom-fields .custom-field:last-of-type:after {
          opacity: 0; }
      .survey-editor .custom-fields .custom-field:hover .custom-field-name > i.remove, .survey-editor .custom-fields .custom-field:focus .custom-field-name > i.remove, .survey-editor .custom-fields .custom-field:active .custom-field-name > i.remove,
      .chatbot-editor .custom-fields .custom-field:hover .custom-field-name > i.remove,
      .chatbot-editor .custom-fields .custom-field:focus .custom-field-name > i.remove,
      .chatbot-editor .custom-fields .custom-field:active .custom-field-name > i.remove {
        opacity: 1; }
      .survey-editor .custom-fields .custom-field .custom-field-name,
      .chatbot-editor .custom-fields .custom-field .custom-field-name {
        width: 100%;
        padding: 0 32px 6px 32px; }
        .survey-editor .custom-fields .custom-field .custom-field-name .form-input,
        .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          max-width: initial !important;
          margin: 0 !important;
          position: relative;
          padding: 0;
          height: 28px;
          line-height: 28px; }
          .survey-editor .custom-fields .custom-field .custom-field-name .form-input > i,
          .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input > i {
            right: initial;
            font-style: normal;
            height: 28px;
            line-height: 28px;
            position: absolute;
            left: -22px;
            top: 0;
            width: 28px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
            .survey-editor .custom-fields .custom-field .custom-field-name .form-input > i strong,
            .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input > i strong {
              font-weight: 700;
              color: #212326;
              font-size: 14px; }
          .survey-editor .custom-fields .custom-field .custom-field-name .form-input input,
          .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input input {
            border: 0;
            outline: none;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            background: transparent;
            border-radius: 4px;
            cursor: text;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            padding: 4px 2px;
            height: inherit;
            line-height: inherit; }
            .survey-editor .custom-fields .custom-field .custom-field-name .form-input input:hover, .survey-editor .custom-fields .custom-field .custom-field-name .form-input input:active, .survey-editor .custom-fields .custom-field .custom-field-name .form-input input:focus,
            .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input input:hover,
            .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input input:active,
            .chatbot-editor .custom-fields .custom-field .custom-field-name .form-input input:focus {
              background: #f7f3c2; }
        .survey-editor .custom-fields .custom-field .custom-field-name > i.remove,
        .chatbot-editor .custom-fields .custom-field .custom-field-name > i.remove {
          left: initial;
          font-style: normal;
          height: 28px;
          line-height: 28px;
          position: absolute;
          right: 6px;
          top: 0;
          width: 28px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 0; }
          .survey-editor .custom-fields .custom-field .custom-field-name > i.remove:hover, .survey-editor .custom-fields .custom-field .custom-field-name > i.remove:focus, .survey-editor .custom-fields .custom-field .custom-field-name > i.remove:active,
          .chatbot-editor .custom-fields .custom-field .custom-field-name > i.remove:hover,
          .chatbot-editor .custom-fields .custom-field .custom-field-name > i.remove:focus,
          .chatbot-editor .custom-fields .custom-field .custom-field-name > i.remove:active {
            cursor: pointer;
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
      .survey-editor .custom-fields .custom-field .custom-field-value,
      .chatbot-editor .custom-fields .custom-field .custom-field-value {
        width: 100%;
        padding: 0 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .survey-editor .custom-fields .custom-field .custom-field-value span,
        .chatbot-editor .custom-fields .custom-field .custom-field-value span {
          font-size: 10px;
          font-weight: 600;
          color: #ABB2B9;
          height: 28px;
          margin: 0 4px 0 0;
          line-height: 12px;
          text-align: right;
          padding: 2px 0;
          width: 40px; }
        .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type,
        .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type {
          font-size: 12px;
          font-weight: 600;
          color: #ABB2B9;
          height: 28px;
          margin: 0 8px 0 0;
          display: inline-block; }
          .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type.custom .dropdown .dropdown-toggle.dropdown-select,
          .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type.custom .dropdown .dropdown-toggle.dropdown-select {
            font-size: 12px;
            background: transparent !important;
            border: 1px solid #e4e4e4;
            padding: 0 8px;
            margin: 4px 0; }
          .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type:not(.custom) .dropdown .dropdown-toggle.dropdown-select,
          .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type:not(.custom) .dropdown .dropdown-toggle.dropdown-select {
            font-size: 12px;
            background: #E0E6EC !important;
            border: 1px solid transparent;
            padding: 0 8px;
            margin: 4px 0; }
          .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-container,
          .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-container {
            padding: 0;
            margin: 0;
            display: inline-block; }
          .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item,
          .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item {
            font-size: 12px;
            height: 28px;
            padding: 0 12px;
            line-height: 28px;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 600;
            color: #475059; }
            .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item:first-of-type,
            .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item:first-of-type {
              font-weight: 300;
              color: #86909A; }
            .survey-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item svg,
            .chatbot-editor .custom-fields .custom-field .custom-field-value .custom-field-type .dropdown-item svg {
              margin: 0 2px 0; }
        .survey-editor .custom-fields .custom-field .custom-field-value .form-input,
        .chatbot-editor .custom-fields .custom-field .custom-field-value .form-input {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          max-width: initial !important;
          margin: 0 !important;
          position: relative;
          padding: 0;
          height: 28px;
          line-height: 28px; }
          .survey-editor .custom-fields .custom-field .custom-field-value .form-input input,
          .chatbot-editor .custom-fields .custom-field .custom-field-value .form-input input {
            border: 0;
            outline: none;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            background: transparent;
            border-radius: 4px;
            cursor: text;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            padding: 4px 2px;
            font-size: 14px;
            height: inherit;
            line-height: inherit;
            font-weight: 300;
            color: #707172; }
            .survey-editor .custom-fields .custom-field .custom-field-value .form-input input:hover, .survey-editor .custom-fields .custom-field .custom-field-value .form-input input:active, .survey-editor .custom-fields .custom-field .custom-field-value .form-input input:focus,
            .chatbot-editor .custom-fields .custom-field .custom-field-value .form-input input:hover,
            .chatbot-editor .custom-fields .custom-field .custom-field-value .form-input input:active,
            .chatbot-editor .custom-fields .custom-field .custom-field-value .form-input input:focus {
              background: #f7f3c2; }
  .survey-editor .chatbot-settings .page-block .page-block-content .form-input,
  .survey-editor .survey-settings .page-block .page-block-content .form-input,
  .chatbot-editor .chatbot-settings .page-block .page-block-content .form-input,
  .chatbot-editor .survey-settings .page-block .page-block-content .form-input {
    max-width: 80%; }
  .survey-editor .chatbot-settings .page-block .page-block-content .dropdown-container,
  .survey-editor .survey-settings .page-block .page-block-content .dropdown-container,
  .chatbot-editor .chatbot-settings .page-block .page-block-content .dropdown-container,
  .chatbot-editor .survey-settings .page-block .page-block-content .dropdown-container {
    text-align: left !important;
    padding: 8px 12px 0 12px; }
  .survey-editor .chatbot-analyze .page-section,
  .survey-editor .survey-analyze .page-section,
  .chatbot-editor .chatbot-analyze .page-section,
  .chatbot-editor .survey-analyze .page-section {
    overflow: auto;
    max-width: 1200px; }
  .survey-editor .chatbot-analyze .chatbot-report .page-block,
  .survey-editor .chatbot-analyze .survey-report .page-block,
  .survey-editor .survey-analyze .chatbot-report .page-block,
  .survey-editor .survey-analyze .survey-report .page-block,
  .chatbot-editor .chatbot-analyze .chatbot-report .page-block,
  .chatbot-editor .chatbot-analyze .survey-report .page-block,
  .chatbot-editor .survey-analyze .chatbot-report .page-block,
  .chatbot-editor .survey-analyze .survey-report .page-block {
    padding: 0;
    min-width: 500px; }
    .survey-editor .chatbot-analyze .chatbot-report .page-block .page-block-title,
    .survey-editor .chatbot-analyze .survey-report .page-block .page-block-title,
    .survey-editor .survey-analyze .chatbot-report .page-block .page-block-title,
    .survey-editor .survey-analyze .survey-report .page-block .page-block-title,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-block .page-block-title,
    .chatbot-editor .chatbot-analyze .survey-report .page-block .page-block-title,
    .chatbot-editor .survey-analyze .chatbot-report .page-block .page-block-title,
    .chatbot-editor .survey-analyze .survey-report .page-block .page-block-title {
      padding: 12px 24px 12px 24px; }
    .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum,
    .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum,
    .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum,
    .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum,
    .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum,
    .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum,
    .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum,
    .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum,
    .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum,
    .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum,
    .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum,
    .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum,
    .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum,
    .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum {
      width: 100%;
      background: #F9FAFA;
      padding: 52px 24px 24px;
      position: relative;
      -webkit-box-shadow: inset rgba(0, 10, 56, 0.08) 0px -9px 56px;
      box-shadow: inset rgba(0, 10, 56, 0.08) 0px -9px 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-title,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-title,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-title,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-title,
      .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-title,
      .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-title,
      .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-title,
      .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-title,
      .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-title,
      .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-title,
      .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-title,
      .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-title,
      .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-title,
      .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-title,
      .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-title,
      .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-title,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-title,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-title,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-title,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-title,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-title,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-title,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-title,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-title,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-title,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-title,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-title,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-title,
      .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-title,
      .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-title,
      .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-title,
      .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-title {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 500;
        color: #ABB2B9;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 12px; }
      .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num,
      .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num,
      .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num,
      .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num,
      .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num,
      .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num,
      .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num,
      .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num,
      .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num,
      .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num,
      .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num,
      .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num,
      .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num,
      .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num,
      .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num,
      .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num,
      .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num,
      .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.today label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.today label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.today label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.today label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.today label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.today label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.today label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.today label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.today label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.today label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.today label {
          color: #008AFF; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.completed label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.completed label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.completed label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.completed label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.completed label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.completed label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.completed label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.completed label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.completed label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.completed label {
          color: #4DD500; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.uncompleted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.uncompleted label {
          color: #FF4450; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.interacted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.interacted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.interacted label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.interacted label {
          color: #6AB3BC; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.visited label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.visited label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.visited label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.visited label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.visited label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.visited label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.visited label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.visited label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.visited label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.visited label {
          color: #BBE2E9; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.all label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.all label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.all label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.all label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.all label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num.all label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num.all label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num.all label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num.all label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num.all label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num.all label {
          color: #515A63; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num label,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num label,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num label,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num label,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num label,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num label,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num label,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num label,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num label,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num label {
          font-size: 42px;
          line-height: 32px;
          font-weight: 300;
          color: #86909A; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .title,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .title,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .title,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .title,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .title,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num .title,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .title,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .title,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .title,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .title,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .title,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num .title,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .title,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .title,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .title,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .title,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .title,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num .title,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .title,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .title,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .title,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .title,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .title,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .title,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num .title {
          margin: 8px 0 4px; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .info,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .info,
        .survey-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .info,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .survey-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .info,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .info,
        .survey-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num .info,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .survey-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .info,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .info,
        .survey-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .info,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .survey-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .info,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .info,
        .survey-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num .info,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .info,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .info,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .info,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .info,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .info,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .survey-report-sum .survey-report-num .info,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .chatbot-report-sum .survey-report-num .info,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .chatbot-report-num .info,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .survey-report-sum .survey-report-num .info,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .chatbot-report-num .info,
        .chatbot-editor .survey-analyze .survey-report .page-block .chatbot-report-sum .survey-report-num .info,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .chatbot-report-num .info,
        .chatbot-editor .survey-analyze .survey-report .page-block .survey-report-sum .survey-report-num .info {
          text-align: center;
          font-weight: 400; }
    .survey-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material,
    .survey-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material,
    .survey-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material,
    .survey-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material,
    .chatbot-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material,
    .chatbot-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material,
    .chatbot-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material {
      padding: 12px 24px;
      position: relative; }
      .survey-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint,
      .survey-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint,
      .survey-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint,
      .survey-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint,
      .chatbot-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint,
      .chatbot-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint,
      .chatbot-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint {
        position: absolute;
        top: 122px;
        width: 100%;
        z-index: 100;
        max-width: -webkit-calc(100vw - 524px);
        max-width: calc(100vw - 524px);
        height: 382px;
        background: rgba(224, 230, 236, 0.25);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 12px; }
        .survey-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .survey-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .survey-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .survey-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .chatbot-editor .chatbot-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .chatbot-editor .survey-analyze .chatbot-report .page-block .page-block-content .table-responsive-material .paypoint p,
        .chatbot-editor .survey-analyze .survey-report .page-block .page-block-content .table-responsive-material .paypoint p {
          font-weight: 600; }
  .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card .btn,
  .survey-editor .chatbot-analyze .survey-report .page-sidebar-card .btn,
  .survey-editor .survey-analyze .chatbot-report .page-sidebar-card .btn,
  .survey-editor .survey-analyze .survey-report .page-sidebar-card .btn,
  .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card .btn,
  .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card .btn,
  .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card .btn,
  .chatbot-editor .survey-analyze .survey-report .page-sidebar-card .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap; }
    .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card .btn i,
    .survey-editor .chatbot-analyze .survey-report .page-sidebar-card .btn i,
    .survey-editor .survey-analyze .chatbot-report .page-sidebar-card .btn i,
    .survey-editor .survey-analyze .survey-report .page-sidebar-card .btn i,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card .btn i,
    .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card .btn i,
    .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card .btn i,
    .chatbot-editor .survey-analyze .survey-report .page-sidebar-card .btn i {
      width: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 4px 0 0; }
  .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata,
  .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata,
  .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata,
  .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata,
  .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata,
  .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata,
  .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata,
  .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata {
    padding: 0; }
    .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-title,
    .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-title,
    .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-title,
    .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-title,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-title,
    .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-title,
    .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-title,
    .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-title {
      padding: 12px 24px 0 24px; }
    .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content,
    .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content,
    .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content,
    .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content,
    .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content,
    .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content,
    .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content,
    .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content {
      padding: 0 24px; }
      .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content p,
      .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content p {
        font-size: 14px;
        font-weight: 400;
        margin: 0; }
      .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-content div,
      .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-content div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 8px 0 12px; }
      .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action,
      .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action {
        background: #F9FAFA;
        border-top: 1px solid #e4e4e4;
        padding: 12px 24px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon,
        .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared i.share-icon {
          background: #E6F4EA; }
        .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle,
        .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action.shared .dropdown-toggle {
          color: #188038 !important; }
        .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon,
        .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action i.share-icon {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: #E0E6EC;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin: 0 24px 0 0; }
        .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div,
        .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .survey-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .survey-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .survey-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .survey-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .chatbot-editor .chatbot-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .chatbot-editor .chatbot-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .chatbot-editor .survey-analyze .chatbot-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p,
          .chatbot-editor .survey-analyze .survey-report .page-sidebar-card.importdata .page-block-content.importdata-action > div p {
            font-size: 13px;
            font-weight: 300;
            line-height: 1.2;
            margin: 0; }
  .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend,
  .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend,
  .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend,
  .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend,
  .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend,
  .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend,
  .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend,
  .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend,
  .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend,
  .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend,
  .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend,
  .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend,
  .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend,
  .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend,
  .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend,
  .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend,
  .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend,
  .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend,
  .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend,
  .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend,
  .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend,
  .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend,
  .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend,
  .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend,
  .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend,
  .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend,
  .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend,
  .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend,
  .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend,
  .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend,
  .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend,
  .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend {
    max-height: 450px;
    overflow: hidden;
    overflow-y: auto; }
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-track,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-track {
      background-color: transparent; }
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar {
      width: 4px; }
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend::-webkit-scrollbar-thumb,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div,
    .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div,
    .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div,
    .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div,
    .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div,
    .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div,
    .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div,
    .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div,
    .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div,
    .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div,
    .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div,
    .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div,
    .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div,
    .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div,
    .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div,
    .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div,
    .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div {
      margin: 0 0 12px; }
      .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header,
      .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header,
      .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          width: 35px;
          max-width: 35px;
          margin-right: 12px; }
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-icon i,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-icon i {
            display: block;
            width: 12px;
            height: 12px;
            margin: 15% auto;
            border-radius: 50%; }
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-info,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-info {
          font-size: 10px;
          text-transform: uppercase;
          color: #86909A; }
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name,
        .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: block;
          width: 100%;
          font-size: 14px;
          font-weight: 500;
          color: #515A63; }
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .survey-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .chatbot-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .chatbot-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .chatbot-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .chatbot-report-legend > div .survey-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .chatbot-legend-header .survey-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .chatbot-legend-name label,
          .chatbot-editor .survey-analyze .survey-report .survey-report-chart .survey-report-legend > div .survey-legend-header .survey-legend-name label {
            margin: 0; }
  .survey-editor .chatbot-setup .customer-board section.pain > div,
  .survey-editor .chatbot-setup .customer-board section.gain > div,
  .survey-editor .chatbot-setup .customer-board section.job > div,
  .survey-editor .survey-setup .customer-board section.pain > div,
  .survey-editor .survey-setup .customer-board section.gain > div,
  .survey-editor .survey-setup .customer-board section.job > div,
  .chatbot-editor .chatbot-setup .customer-board section.pain > div,
  .chatbot-editor .chatbot-setup .customer-board section.gain > div,
  .chatbot-editor .chatbot-setup .customer-board section.job > div,
  .chatbot-editor .survey-setup .customer-board section.pain > div,
  .chatbot-editor .survey-setup .customer-board section.gain > div,
  .chatbot-editor .survey-setup .customer-board section.job > div {
    max-height: 72vh;
    overflow-y: auto; }

.custom-fields-popup .dropdown-menu {
  padding: 0 8px; }

.custom-fields-menu {
  max-height: 280px;
  overflow: hidden;
  overflow-y: auto;
  width: 200px;
  margin: 8px 0; }
  .custom-fields-menu::-webkit-scrollbar-track {
    background-color: transparent; }
  .custom-fields-menu::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .custom-fields-menu::-webkit-scrollbar-thumb {
    background-color: #BBC4CD;
    border-radius: 4px; }
  .custom-fields-menu .custom-field {
    font-size: 14px;
    font-weight: 500;
    color: #515A63;
    cursor: pointer;
    border-radius: 8px;
    padding: 4px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
    margin: 4px 0; }
    .custom-fields-menu .custom-field.active {
      color: #515A63;
      font-weight: 600;
      background: #F9FAFA; }
      .custom-fields-menu .custom-field.active .badge {
        opacity: 1; }
    .custom-fields-menu .custom-field.custom {
      color: #86909A; }
    .custom-fields-menu .custom-field.action {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .custom-fields-menu .custom-field.action button {
        margin: 0 auto !important; }
    .custom-fields-menu .custom-field:not(.action):hover, .custom-fields-menu .custom-field:not(.action):active, .custom-fields-menu .custom-field:not(.action):focus {
      color: #515A63;
      font-weight: 600;
      background: #E0E6EC; }
      .custom-fields-menu .custom-field:not(.action):hover .badge, .custom-fields-menu .custom-field:not(.action):active .badge, .custom-fields-menu .custom-field:not(.action):focus .badge {
        opacity: 1; }
    .custom-fields-menu .custom-field > b {
      font-weight: 700;
      padding: 0 4px 0 0; }
    .custom-fields-menu .custom-field span {
      color: #86909A;
      font-weight: 300;
      font-size: 14px; }
    .custom-fields-menu .custom-field label {
      padding: 0;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      cursor: pointer; }

#SurveyContainer,
#FrameContainer,
.frame-wrapper,
.survey-wrapper {
  height: 100%; }
  @media screen and (max-width: 576px) {
    #SurveyContainer,
    #FrameContainer,
    .frame-wrapper,
    .survey-wrapper {
      height: auto; } }
  @media screen and (max-width: 576px) {
    #SurveyContainer .survey-illustration,
    #FrameContainer .survey-illustration,
    .frame-wrapper .survey-illustration,
    .survey-wrapper .survey-illustration {
      display: none; } }

.jpg-message {
  max-width: 500px;
  top: 35%; }
  .jpg-message .modal-content .jpg-header {
    background: #fff;
    border: 0;
    padding: 8px; }
    .jpg-message .modal-content .jpg-header h3 {
      font-size: 18px;
      font-weight: 600;
      padding: 0 8px 0 0;
      margin: 0;
      position: relative; }
      .jpg-message .modal-content .jpg-header h3 u {
        position: absolute;
        cursor: pointer;
        top: -8px;
        right: -8px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .jpg-message .modal-content .jpg-header h3 u:hover, .jpg-message .modal-content .jpg-header h3 u:active, .jpg-message .modal-content .jpg-header h3 u:focus {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        .jpg-message .modal-content .jpg-header h3 u svg {
          display: block !important; }

.frame-container {
  background: transparent; }
  .frame-container .chat-wrapper {
    position: relative;
    min-height: 70vh;
    height: 520px; }
  .frame-container .chat-container {
    border-radius: 0.75rem;
    -webkit-box-shadow: rgba(0, 10, 56, 0.08) 0 9px 56px;
    box-shadow: rgba(0, 10, 56, 0.08) 0 9px 56px;
    top: initial !important;
    bottom: initial !important;
    left: initial !important;
    right: initial !important;
    position: relative !important;
    min-height: 70vh;
    height: 520px; }
    @media screen and (min-width: 768px) {
      .frame-container .chat-container {
        width: 680px; } }
  .frame-container > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 768px) {
      .frame-container > div {
        width: -webkit-calc(100% - 24px);
        width: calc(100% - 24px); } }
    @media screen and (max-width: 576px) {
      .frame-container > div {
        height: 100%;
        margin-top: 0;
        padding: 0; } }

.survey-container .chat-container {
  background: #fff;
  border-radius: 0.75rem;
  -webkit-box-shadow: rgba(0, 10, 56, 0.08) 0 9px 56px;
  box-shadow: rgba(0, 10, 56, 0.08) 0 9px 56px;
  top: initial !important;
  bottom: initial !important;
  left: initial !important;
  right: initial !important;
  position: relative; }
  .survey-container .chat-container .chat-action {
    background: #fff; }
  @media screen and (min-width: 768px) {
    .survey-container .chat-container {
      width: 680px;
      min-height: 70vh;
      height: 520px; } }
  @media screen and (max-width: 576px) {
    .survey-container .chat-container {
      position: absolute;
      bottom: 0px !important;
      top: 0px !important;
      height: inherit;
      border-radius: 0; } }

.frame-container,
.survey-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 70px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .frame-container,
    .survey-container {
      height: 70vh; } }
  @media screen and (max-width: 576px) {
    .frame-container,
    .survey-container {
      height: 100%;
      margin-top: 0;
      padding: 0;
      position: initial; } }
  .frame-container .progress,
  .survey-container .progress {
    z-index: 1000;
    width: 100%;
    position: fixed;
    top: 0;
    height: 2px; }
    @media screen and (max-width: 576px) {
      .frame-container .progress,
      .survey-container .progress {
        height: 3px; } }
    .frame-container .progress .progress-bar,
    .survey-container .progress .progress-bar {
      background-color: #d51045;
      -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
      transition: all 0.2s cubic-bezier(0.4, 0, 1, 1); }
  .frame-container .survey-container-build,
  .survey-container .survey-container-build {
    display: block;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 18px;
    position: absolute;
    top: 0;
    right: 16px;
    height: 34px;
    z-index: 1000;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.04);
    border: 1px solid #E0E6EC;
    color: #8492a6;
    cursor: pointer; }
    .frame-container .survey-container-build > span,
    .survey-container .survey-container-build > span {
      margin: 0 auto; }
    .frame-container .survey-container-build:hover,
    .survey-container .survey-container-build:hover {
      background: linear-gradient(45deg, rgba(255, 255, 255, 0.8), #f4f5f6); }

.survey-illustration .survey-illustration-cover {
  background: linear-gradient(45deg, #2d75f8, #b82b3d);
  -webkit-box-shadow: inset rgba(0, 10, 56, 0.08) 0px -9px 56px;
  box-shadow: inset rgba(0, 10, 56, 0.08) 0px -9px 56px;
  position: fixed;
  width: 100%;
  top: 0;
  height: 45vh;
  z-index: 2;
  overflow: hidden; }
  @media screen and (max-width: 568px) {
    .survey-illustration .survey-illustration-cover {
      height: 100vh; } }

.footer-preview {
  width: 100%; }
  .footer-preview .form-input.form-input-avatar {
    position: relative; }
    .footer-preview .form-input.form-input-avatar button {
      margin-left: 12px;
      position: absolute;
      top: -webkit-calc(50% - 15px);
      top: calc(50% - 15px);
      right: auto;
      left: auto; }
    .footer-preview .form-input.form-input-avatar img {
      margin: 0;
      width: auto !important;
      height: 48px !important;
      border-radius: 2px !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
  .footer-preview .cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px; }
    .footer-preview .cta > div {
      width: 100%;
      margin: 8px 0 0; }
    .footer-preview .cta label {
      width: 280px;
      position: relative;
      height: 48px;
      border-radius: 42px;
      padding: 4px 28px;
      line-height: 30px;
      margin: 0 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 500;
      background-color: #f15923;
      color: #fff;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-box-shadow: none;
      box-shadow: none; }
      .footer-preview .cta label i {
        position: absolute;
        right: 8px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 10;
        cursor: pointer; }
        .footer-preview .cta label i.active, .footer-preview .cta label i:hover, .footer-preview .cta label i:active, .footer-preview .cta label i:focus {
          background: white; }
          .footer-preview .cta label i.active svg, .footer-preview .cta label i:hover svg, .footer-preview .cta label i:active svg, .footer-preview .cta label i:focus svg {
            fill: #86909A !important; }
      .footer-preview .cta label .form-input input {
        background: transparent;
        color: white;
        font-size: 18px !important; }
        .footer-preview .cta label .form-input input:hover, .footer-preview .cta label .form-input input:active, .footer-preview .cta label .form-input input:focus {
          cursor: text;
          background-color: rgba(255, 255, 255, 0.36);
          border: 0;
          outline: 0;
          resize: none;
          outline-style: solid; }
  .footer-preview .form-input {
    width: 100%;
    max-width: initial !important;
    padding: 8px 0;
    margin: 0; }
    .footer-preview .form-input.h2 .form-control {
      font-size: 22px;
      text-align: center;
      line-height: 32px; }
    .footer-preview .form-input.text .form-control {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      max-height: initial; }
    .footer-preview .form-input.comment .form-control {
      font-size: 14px;
      text-align: center;
      line-height: 32px; }
    .footer-preview .form-input .form-control {
      text-align: center;
      border: 0 !important;
      padding: 4px 8px !important;
      border-radius: 4px !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
      .footer-preview .form-input .form-control:hover, .footer-preview .form-input .form-control:active, .footer-preview .form-input .form-control:focus {
        cursor: text;
        background-color: #f7f3c2;
        border: 0;
        outline: 0;
        resize: none;
        outline-style: solid; }
  .footer-preview .form-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

/*Sidebar Styles*/
@-webkit-keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate-anim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.theme-option {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1500;
  background-color: #9C27B0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  color: #fff; }
  .theme-option span.icon-btn {
    position: relative;
    z-index: 1505;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #6c757d; }
    .theme-option span.icon-btn:hover svg, .theme-option span.icon-btn:active svg, .theme-option span.icon-btn:focus svg {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }
    .theme-option span.icon-btn svg {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      border-radius: 20px;
      width: 20px;
      height: 20px;
      line-height: 1;
      max-width: 20px;
      max-height: 20px;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }

.color-theme-header {
  background-color: #3f51b5;
  color: #fff;
  padding: 19px 25px 20px;
  text-transform: uppercase;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .color-theme-header .color-theme-title {
    margin-bottom: 0; }

.color-theme-body {
  padding: 28px 25px; }
  .color-theme-body h3 {
    margin-bottom: 20px; }
  @media screen and (max-width: 499px) {
    .color-theme-body {
      padding: 25px 15px; } }

.color-option {
  list-style: none;
  padding-left: 0;
  margin: 0 -7px 10px; }
  .color-option li {
    position: relative;
    display: inline-block;
    padding: 0 7px;
    margin-bottom: 10px; }
  .color-option li a {
    height: 45px;
    width: 45px;
    line-height: 45px;
    display: inline-block;
    color: transparent !important;
    position: relative; }
    .color-option li a:before {
      content: "\F26B";
      font-family: "Material-Design-Iconic-Font";
      font-size: 20px;
      height: 45px;
      width: 45px;
      line-height: 45px;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      text-align: center;
      display: none;
      z-index: 2; }
  .color-option li a.active:before {
    display: block; }

.cr-op-dark-sidebar li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: #212529;
  width: 8px; }

.theme-option {
  position: fixed;
  top: 50%;
  cursor: pointer;
  right: 0;
  z-index: 1500;
  background-color: #008AFF;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #fff; }
  .theme-option span.icon-btn {
    position: relative;
    z-index: 1505; }

.app-sidebar-content.right-sidebar .rc-drawer-sidebar {
  z-index: 3000 !important;
  top: 0;
  color: #212529;
  background-color: #fff; }

.toggle-link > label {
  margin: 8px 12px 0;
  padding: 0;
  font-weight: 600;
  font-size: 14px;
  color: #008AFF;
  cursor: pointer;
  border-bottom: 1.5px solid transparent; }
  .toggle-link > label i {
    margin: 0 0 0 4px; }
  .toggle-link > label svg {
    fill: #008AFF !important; }
  .toggle-link > label:hover, .toggle-link > label:active, .toggle-link > label:focus {
    border-bottom: 1.5px solid #008AFF; }

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

@media screen and (max-width: 499px) {
  .color-theme .jr-btn {
    padding: 10px 15px !important; } }

.side-nav {
  width: 280px;
  background-color: #fff !important;
  color: #868e96 !important;
  border-right: solid 1px #e9ecef !important;
  z-index: 1250 !important; }
  .side-nav .user-profile {
    background-color: #f7f7f7;
    padding: 13px 20px !important; }
  .side-nav .user-avatar {
    margin: 0 15px 0 0 !important;
    height: 44px !important;
    width: 44px !important;
    line-height: 44px; }
  .side-nav .user-detail .user-name {
    color: #3f51b5;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    white-space: nowrap; }

.user-detail .user-name {
  cursor: pointer; }

/*Navbar Styles*/
ul.nav-menu {
  position: relative;
  font-size: 1rem;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%; }

ul.nav-menu li {
  position: relative;
  margin-bottom: 1px; }

ul.nav-menu li.menu + .nav-header {
  margin-top: 40px; }

ul.nav-menu li.menu .sub-menu {
  display: none; }

ul.nav-menu li.menu.open > .sub-menu {
  display: block; }

ul.nav-menu li.menu.open .menu.active > .sub-menu {
  display: block; }

ul.nav-menu li a {
  color: #868e96;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  border-radius: 0; }
  ul.nav-menu li a .badge {
    margin-bottom: 0;
    padding: 3px 8px 2px; }

ul.nav-menu .nav-header {
  color: #868e96;
  padding: 4px 22px;
  font-size: 11px;
  text-transform: uppercase; }
  ul.nav-menu .nav-header:first-child {
    margin-top: 30px; }

ul.nav-menu > li.selected > a,
ul.nav-menu > li.open > a,
ul.nav-menu > li > a:hover,
ul.nav-menu > li > a:focus {
  color: #3f51b5; }

ul.nav-menu li.menu > a {
  padding: 16px 20px;
  border-left: 2px solid transparent; }

ul.nav-menu li.menu.open > a {
  border-color: transparent; }

ul.nav-menu li.menu > a:focus:before,
ul.nav-menu li.menu > a:hover:before {
  color: #3f51b5; }

ul.nav-menu li i {
  margin-right: 12px;
  font-size: 15px; }

ul.nav-menu li ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden; }

ul.nav-menu li ul.sub-menu li > a {
  padding: 7px 20px 7px 56px; }

ul.nav-menu li ul.sub-menu > li > ul > li > a {
  padding-left: 76px; }

ul.nav-menu li ul.sub-menu > li > ul > li > ul > li > a {
  padding-left: 96px; }

ul.nav-menu li ul.sub-menu > li > ul > li > ul > li > ul > li > a {
  padding-left: 116px; }

ul.nav-menu li.menu > a:before {
  color: #868e96;
  content: "\F2FB";
  display: inline-block;
  float: right;
  font-family: 'Material-Design-Iconic-Font';
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  font-weight: normal; }
  @media (prefers-reduced-motion: reduce) {
    ul.nav-menu li.menu > a:before {
      -webkit-transition: none;
      transition: none; } }

ul.nav-menu li.menu.no-arrow > a:before {
  display: none; }

ul.nav-menu li.menu.selected > a:before,
ul.nav-menu li.menu.open > a:before,
ul.nav-menu li.menu > a:focus:before,
ul.nav-menu li.menu li > a:hover:before {
  background-color: transparent;
  color: #3f51b5; }

ul.nav-menu li.menu.open > a:before,
ul.nav-menu li.menu.active > a:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

ul.nav-menu li.menu .sub-menu li > a.active .nav-text {
  padding: 3px 7px;
  margin-left: -7px;
  background-color: #3f51b5;
  color: #fff;
  border-radius: 0.25rem;
  display: inline-block; }

ul.nav-menu li.menu .sub-menu li > a:hover,
ul.nav-menu li.menu .sub-menu li > a:focus,
ul.nav-menu li.menu.open .sub-menu li > a.active:before,
ul.nav-menu li.menu .sub-menu li > a:focus:before,
ul.nav-menu li.menu .sub-menu li > a:hover:before {
  color: #3f51b5; }

.app-container.mini-drawer .side-nav {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 80px; }
  @media (prefers-reduced-motion: reduce) {
    .app-container.mini-drawer .side-nav {
      -webkit-transition: none;
      transition: none; } }
  .app-container.mini-drawer .side-nav .nav-menu li span.nav-text,
  .app-container.mini-drawer .side-nav .customizer {
    display: none; }
  .app-container.mini-drawer .side-nav .user-profile .user-detail {
    display: none !important; }
  .app-container.mini-drawer .side-nav .nav-menu .menu.open > .sub-menu {
    display: none !important; }
  .app-container.mini-drawer .side-nav .nav-menu li {
    text-align: center; }
    .app-container.mini-drawer .side-nav .nav-menu li i {
      margin-right: 0; }
    .app-container.mini-drawer .side-nav .nav-menu li.nav-header {
      padding: 4px 5px; }
  .app-container.mini-drawer .side-nav ul.nav-menu li a {
    padding: 16px 20px; }
  .app-container.mini-drawer .side-nav ul.nav-menu ul.sub-menu li a {
    padding-left: 30px; }
  .app-container.mini-drawer .side-nav ul.nav-menu > li > a:before {
    display: none; }
  .app-container.mini-drawer .side-nav .mini-logo-img-hover {
    display: none; }

.app-container.mini-drawer .side-nav:hover {
  width: 280px; }
  .app-container.mini-drawer .side-nav:hover .nav-menu li span.nav-text {
    display: inline-block !important; }
  .app-container.mini-drawer .side-nav:hover .user-profile .user-detail {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .app-container.mini-drawer .side-nav:hover .nav-menu .menu.open > .sub-menu {
    display: block !important; }
  .app-container.mini-drawer .side-nav:hover .customizer {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu li {
    text-align: left; }
    .app-container.mini-drawer .side-nav:hover ul.nav-menu li i {
      margin-right: 16px; }
    .app-container.mini-drawer .side-nav:hover ul.nav-menu li a {
      padding: 16px 20px; }
    .app-container.mini-drawer .side-nav:hover ul.nav-menu li.nav-header {
      padding: 4px 22px; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu ul.sub-menu li a {
    padding: 7px 20px 7px 56px; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu ul.sub-menu > li > ul > li > a {
    padding-left: 76px; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu ul.sub-menu > li > ul > li > ul > li > a {
    padding-left: 96px; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu ul.sub-menu > li > ul > li > ul > li > ul > li > a {
    padding-left: 116px; }
  .app-container.mini-drawer .side-nav:hover ul.nav-menu > li > a:before {
    display: block; }
  .app-container.mini-drawer .side-nav:hover .mini-logo-img {
    display: none; }
  .app-container.mini-drawer .side-nav:hover .mini-logo-img-hover {
    display: block; }

.customizer {
  padding: 20px 35px; }
  .customizer img {
    padding: 5px;
    cursor: pointer; }

.user-info ul li {
  font-size: 15px; }

.rc-drawer-left .rc-drawer-sidebar,
.rc-drawer-right .rc-drawer-sidebar {
  height: 100vh;
  top: 0;
  z-index: 3000 !important;
  background-color: #fff; }

.rc-drawer-sidebar {
  position: fixed;
  transition: -webkit-transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .rc-drawer.rc-drawer-left .rc-drawer-sidebar {
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 903; }
  .rc-drawer.rc-drawer-right .rc-drawer-sidebar {
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 903; }
  .rc-drawer.rc-drawer-top .rc-drawer-sidebar {
    z-index: 903; }
  .rc-drawer.rc-drawer-bottom .rc-drawer-sidebar {
    z-index: 903; }

.drawer-container {
  position: relative; }
  .drawer-container .main {
    position: relative;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.rc-drawer-overlay {
  z-index: 902;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100vh;
  min-width: 100% !important; }

.app-sidebar.rc-drawer.rc-drawer-docked {
  position: relative; }

.common-sidebar {
  z-index: 1 !important;
  position: absolute; }
  .common-sidebar .common-sidebar-header {
    padding: 12px; }
    .common-sidebar .common-sidebar-header .h2 {
      font-size: 18px;
      font-weight: 600;
      color: #212326;
      margin: 0 0 12px;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .common-sidebar .common-sidebar-header .form-input {
      padding: 0; }
      .common-sidebar .common-sidebar-header .form-input i {
        left: 8px;
        top: 4px;
        right: initial; }
      .common-sidebar .common-sidebar-header .form-input .form-control {
        height: 32px;
        max-height: 32px;
        padding: 2px 12px 2px 32px; }
  .common-sidebar .common-sidebar-action {
    width: 100%;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .common-sidebar .common-sidebar-action .btn.btn-link {
      font-size: 12px;
      text-align: right;
      color: #88C6FF; }
      .common-sidebar .common-sidebar-action .btn.btn-link:hover, .common-sidebar .common-sidebar-action .btn.btn-link:active, .common-sidebar .common-sidebar-action .btn.btn-link:focus, .common-sidebar .common-sidebar-action .btn.btn-link:hover {
        text-decoration: none;
        color: #008AFF !important; }
  .common-sidebar.rc-drawer-left .rc-drawer-sidebar {
    width: 254px;
    left: 70px;
    background: #F2F6F8;
    border-right: 1px solid #E0E6EC;
    -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }
  .common-sidebar .rc-drawer-overlay {
    background: transparent; }

.overview-navigator {
  width: 100%;
  height: -webkit-calc(100vh - 130px);
  height: calc(100vh - 130px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px;
  overflow: hidden auto; }
  .overview-navigator:hover::-webkit-scrollbar-thumb, .overview-navigator:focus::-webkit-scrollbar-thumb, .overview-navigator:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .overview-navigator::-webkit-scrollbar-track {
    background-color: transparent; }
  .overview-navigator::-webkit-scrollbar {
    border-radius: 6px;
    width: 6px; }
  .overview-navigator::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .overview-navigator .overview-navigator-boards {
    width: 100%;
    margin: 0 0 8px; }
    .overview-navigator .overview-navigator-boards.closed .overview-navigator-room i.toggle {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .overview-navigator .overview-navigator-boards.closed .overview-navigator-items {
      max-height: 0; }
    .overview-navigator .overview-navigator-boards .overview-navigator-items {
      max-height: 100%;
      -webkit-transition: max-height .1s linear;
      transition: max-height .1s linear;
      overflow: hidden; }
  .overview-navigator .overview-navigator-room {
    margin: 0 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 8px;
    cursor: pointer; }
    .overview-navigator .overview-navigator-room > i.toggle {
      width: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: -webkit-transform .1s linear;
      transition: -webkit-transform .1s linear;
      transition: transform .1s linear;
      transition: transform .1s linear, -webkit-transform .1s linear;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
    .overview-navigator .overview-navigator-room label {
      border-radius: 4px;
      margin: 0;
      cursor: pointer; }
      .overview-navigator .overview-navigator-room label span {
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        margin: 0 8px;
        height: 22px;
        min-width: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        text-transform: uppercase;
        color: #ABB2B9; }
  .overview-navigator .overview-navigator-item {
    width: 100%;
    padding: 0 8px;
    height: 32px;
    min-height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    border-radius: 6px;
    background: transparent;
    margin: 0 0 4px;
    text-decoration: none; }
    .overview-navigator .overview-navigator-item.active, .overview-navigator .overview-navigator-item:hover, .overview-navigator .overview-navigator-item:active, .overview-navigator .overview-navigator-item:focus {
      background: #E0E6EC; }
    .overview-navigator .overview-navigator-item:hover .action, .overview-navigator .overview-navigator-item:active .action, .overview-navigator .overview-navigator-item:focus .action {
      opacity: 1; }
    .overview-navigator .overview-navigator-item i {
      margin: 0 8px 0 0;
      width: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .overview-navigator .overview-navigator-item label {
      padding: 0;
      margin: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 14px;
      color: #707172;
      cursor: pointer;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .overview-navigator .overview-navigator-item .action {
      opacity: 0;
      min-width: 24px;
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      margin: 0 0 0 8px;
      border: 1px solid #BBC4CD;
      border-radius: 8px;
      background: transparent; }
      .overview-navigator .overview-navigator-item .action:hover, .overview-navigator .overview-navigator-item .action:active, .overview-navigator .overview-navigator-item .action:focus {
        border-color: #ABB2B9 !important;
        background: #FAFAFB; }
        .overview-navigator .overview-navigator-item .action:hover svg, .overview-navigator .overview-navigator-item .action:active svg, .overview-navigator .overview-navigator-item .action:focus svg {
          fill: #515A63 !important; }

@media screen and (max-width: 870px) {
  .common-sidebar.rc-drawer-left .rc-drawer-sidebar {
    width: 100%;
    left: 0; }
  .overview-navigator {
    padding-bottom: 82px; }
    .overview-navigator .common-sidebar-action,
    .overview-navigator .overview-navigator-separator,
    .overview-navigator .overview-navigator-item.add {
      display: none; } }

.survey-settings-drawer .survey-settings {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  max-width: 300px;
  width: 300px;
  height: 100%; }
  @media screen and (max-width: 499px) {
    .survey-settings-drawer .survey-settings {
      max-width: 250px; } }

.survey-settings-drawer .survey-settings-header {
  margin: 0;
  position: relative;
  padding: 0 24px;
  border-bottom: 1px solid #E0E6EC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .survey-settings-drawer .survey-settings-header h3 {
    font-size: 18px;
    font-weight: 600;
    color: #212326;
    margin: 0;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

.survey-settings-drawer .survey-settings-body {
  padding: 12px 24px;
  background: #F9FAFA;
  font-size: 16px;
  font-weight: 400;
  color: #515A63;
  height: 100%;
  overflow: hidden;
  overflow-y: auto; }
  .survey-settings-drawer .survey-settings-body::-webkit-scrollbar-track {
    background-color: transparent; }
  .survey-settings-drawer .survey-settings-body::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .survey-settings-drawer .survey-settings-body::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 4px; }

.form-input.form-input-avatar label {
  font-weight: 600; }

.form-input.form-input-avatar .form-avatar-container {
  padding: 0 12px; }
  .form-input.form-input-avatar .form-avatar-container > input {
    display: none; }
  .form-input.form-input-avatar .form-avatar-container img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    will-change: transform,box-shadow;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    margin-right: 12px; }
    .form-input.form-input-avatar .form-avatar-container img:hover, .form-input.form-input-avatar .form-avatar-container img:active, .form-input.form-input-avatar .form-avatar-container img:focus {
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0);
      -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.24);
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.24); }

.page-section.customer-board.loading .board-content {
  -webkit-filter: blur(0.1em);
  filter: blur(0.1em); }

.page-section.customer-board .page-section-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 14px;
  color: #ABB2B9; }
  .page-section.customer-board .page-section-action > div {
    margin-left: 8px; }
    .page-section.customer-board .page-section-action > div .dropdown .dropdown-select.btn {
      padding: 2px 12px !important; }

.page-section.customer-board .page-section-header {
  padding: 0 12px; }
  .page-section.customer-board .page-section-header .page-section-title,
  .page-section.customer-board .page-section-header .page-section-action {
    height: 38px;
    line-height: 38px; }

.page-section.customer-board .page-section-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative; }
  .page-section.customer-board .page-section-content .customer-board-loader {
    position: absolute;
    top: 100px;
    left: 10px;
    width: -webkit-calc(100% - 26px);
    width: calc(100% - 26px);
    height: -webkit-calc(100% - (12px + 70px));
    height: calc(100% - (12px + 70px));
    background: rgba(108, 117, 125, 0.45);
    border-radius: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    z-index: -2; }
    .page-section.customer-board .page-section-content .customer-board-loader.visible {
      z-index: 1000;
      opacity: 1; }
  .page-section.customer-board .page-section-content > section {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .page-section.customer-board .page-section-content > section header {
      padding: 0 12px; }
    .page-section.customer-board .page-section-content > section.job {
      z-index: 130; }
      .page-section.customer-board .page-section-content > section.job h3 i {
        background: #38A0FF; }
    .page-section.customer-board .page-section-content > section.pain {
      z-index: 120; }
      .page-section.customer-board .page-section-content > section.pain h3 i {
        background: #FF4450; }
    .page-section.customer-board .page-section-content > section.gain {
      z-index: 110; }
      .page-section.customer-board .page-section-content > section.gain h3 i {
        background: #4DD500; }
    .page-section.customer-board .page-section-content > section h3 {
      font-size: 16px;
      color: #212326;
      font-weight: 600;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .page-section.customer-board .page-section-content > section h3 i {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 8px;
        margin: 0 6px 2px 0;
        background: #BBC4CD; }
    .page-section.customer-board .page-section-content > section label {
      font-size: 14px;
      color: #ABB2B9;
      padding: 0;
      margin: 0 0 8px; }
    .page-section.customer-board .page-section-content > section .btn.btn-board {
      background: #fff;
      width: -webkit-calc(100% - 24px);
      width: calc(100% - 24px);
      margin: 0 12px;
      height: 38px;
      border: 1px solid #E0E6EC;
      -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06); }
      .page-section.customer-board .page-section-content > section .btn.btn-board:hover svg {
        fill: #008AFF !important; }
    .page-section.customer-board .page-section-content > section .board-content {
      min-height: 280px;
      margin: 12px 0;
      border-radius: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      max-height: -webkit-calc(100vh - (270px));
      max-height: calc(100vh - (270px));
      overflow: hidden;
      overflow-y: auto;
      padding: 0 12px; }
      .page-section.customer-board .page-section-content > section .board-content::-webkit-scrollbar-track {
        background-color: transparent; }
      .page-section.customer-board .page-section-content > section .board-content::-webkit-scrollbar {
        width: 4px; }
      .page-section.customer-board .page-section-content > section .board-content::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 4px; }
      .page-section.customer-board .page-section-content > section .board-content.empty {
        margin: 12px;
        background: #fff;
        background: -webkit-gradient(linear, left bottom, left top, from(#f5f6f7), color-stop(50%, #fff));
        background: linear-gradient(0deg, #f5f6f7, #fff 50%); }

.jpg-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 4px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none; }
  .jpg-row:hover, .jpg-row:active, .jpg-row:focus {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    background: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none; }
  .jpg-row.dropdown-open {
    z-index: 1000; }
  .jpg-row .jpg-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
    .jpg-row .jpg-content i {
      width: 24px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .jpg-row .jpg-content i svg {
        visibility: hidden; }
      .jpg-row .jpg-content i .dropdown .dropdown-toggle {
        background-color: transparent !important; }
      .jpg-row .jpg-content i .dropdown .dropdown-menu {
        z-index: 1000 !important;
        border-radius: 8px; }
    .jpg-row .jpg-content h4 {
      font-size: 14px;
      font-weight: 600;
      color: #707172;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .jpg-row .jpg-infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .jpg-row .jpg-infobar .jpg-infobar-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row .jpg-infobar .jpg-infobar-main img {
        margin-right: 4px; }
      .jpg-row .jpg-infobar .jpg-infobar-main > div {
        color: #ABB2B9;
        font-size: 12px; }
    .jpg-row .jpg-infobar .jpg-infobar-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row .jpg-infobar .jpg-infobar-side .type {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: #BBC4CD;
        margin-left: 12px;
        line-height: normal; }
        .jpg-row .jpg-infobar .jpg-infobar-side .type.published {
          color: #26B592; }
      .jpg-row .jpg-infobar .jpg-infobar-side .replies {
        color: #ABB2B9;
        font-size: 12px;
        margin-left: 8px;
        white-space: nowrap; }

.page-section.effort-board .page-section-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .page-section.effort-board .page-section-content > section h3 i {
    width: 32px;
    height: 32px;
    border-radius: 8px 8px 8px 4px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .page-section.effort-board .page-section-content > section .board-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow-y: hidden;
    overflow-x: auto;
    height: auto;
    min-height: auto;
    border-radius: 0;
    padding-left: 0;
    margin-left: 12px; }
    .page-section.effort-board .page-section-content > section .board-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .page-section.effort-board .page-section-content > section .board-content::-webkit-scrollbar {
      width: 4px;
      height: 4px; }
    .page-section.effort-board .page-section-content > section .board-content::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
    .page-section.effort-board .page-section-content > section .board-content .jpg-card {
      width: 275px;
      min-width: 275px;
      height: 120px;
      max-height: 120px;
      margin-right: 12px; }
      .page-section.effort-board .page-section-content > section .board-content .jpg-card .jpg-content h4 {
        height: 32px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }

.jpg-card {
  padding: 12px;
  border-radius: 18px;
  margin-bottom: 12px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  display: table;
  background: #fff;
  min-height: 80px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 100;
  width: 100%; }
  .jpg-card:hover {
    cursor: pointer;
    background: #F9FAFA;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .jpg-card:hover .jpg-content i svg {
      visibility: visible; }
      .jpg-card:hover .jpg-content i svg:hover, .jpg-card:hover .jpg-content i svg:active, .jpg-card:hover .jpg-content i svg:focus {
        fill: #707172 !important; }
  .jpg-card.dropdown-open {
    z-index: 1000; }
  .jpg-card.new .form-input {
    padding: 4px 0 0; }
    .jpg-card.new .form-input .form-control {
      font-size: 14px;
      font-weight: 500;
      color: #707172;
      margin: 4px 0 14px; }
    .jpg-card.new .form-input .form-control,
    .jpg-card.new .form-input .form-control:hover,
    .jpg-card.new .form-input .form-control:active,
    .jpg-card.new .form-input .form-control:focus {
      padding: 0;
      border: 0;
      border-radius: initial;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none;
      resize: none; }
  .jpg-card .jpg-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .jpg-card .jpg-content i {
      width: 24px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .jpg-card .jpg-content i svg {
        visibility: hidden; }
      .jpg-card .jpg-content i .dropdown .dropdown-toggle {
        background-color: transparent !important; }
      .jpg-card .jpg-content i .dropdown .dropdown-menu {
        z-index: 1000 !important;
        border-radius: 8px; }
    .jpg-card .jpg-content h4 {
      font-size: 14px;
      font-weight: 500;
      color: #707172;
      margin: 8px 0 14px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .jpg-card .jpg-infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    .jpg-card .jpg-infobar .jpg-infobar-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .jpg-card .jpg-infobar .jpg-infobar-main img {
        margin-right: 4px; }
      .jpg-card .jpg-infobar .jpg-infobar-main > div {
        color: #ABB2B9;
        font-size: 12px; }
      .jpg-card .jpg-infobar .jpg-infobar-main .jpg-top {
        padding: 1px 8px;
        display: block;
        background: #BBC4CD;
        border-radius: 18px;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        height: 16px;
        line-height: 16px;
        color: #fff; }
        .jpg-card .jpg-infobar .jpg-infobar-main .jpg-top.job {
          background: #008AFF; }
        .jpg-card .jpg-infobar .jpg-infobar-main .jpg-top.pain {
          background: #FF4450; }
        .jpg-card .jpg-infobar .jpg-infobar-main .jpg-top.gain {
          background: #4DD500; }
    .jpg-card .jpg-infobar .jpg-infobar-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .jpg-card .jpg-infobar .jpg-infobar-side .effort {
        height: 14px;
        width: 16px;
        font-size: 10px;
        font-weight: 600;
        border-radius: 4px 4px 4px 2px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 6px;
        color: #fff; }
      .jpg-card .jpg-infobar .jpg-infobar-side .type {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        color: #BBC4CD; }
      .jpg-card .jpg-infobar .jpg-infobar-side .replies {
        color: #ABB2B9;
        font-size: 12px;
        margin-left: 8px; }
      .jpg-card .jpg-infobar .jpg-infobar-side .importance {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important1 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important1.filled {
            background: #7CC0FF;
            border-color: #7CC0FF; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important2 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important2.filled {
            background: #66B6FF;
            border-color: #66B6FF; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important3 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important3.filled {
            background: #66B6FF;
            border-color: #66B6FF; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important4 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important4.filled {
            background: #52ACFF;
            border-color: #52ACFF; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important5 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.job i.important5.filled {
            background: #008AFF;
            border-color: #008AFF; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important1 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important1.filled {
            background: #FF969D;
            border-color: #FF969D; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important2 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important2.filled {
            background: #FF848C;
            border-color: #FF848C; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important3 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important3.filled {
            background: #FF6F78;
            border-color: #FF6F78; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important4 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important4.filled {
            background: #FF5C67;
            border-color: #FF5C67; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important5 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.pain i.important5.filled {
            background: #FF4450;
            border-color: #FF4450; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important1 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important1.filled {
            background: #70E77C;
            border-color: #70E77C; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important2 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important2.filled {
            background: #57E365;
            border-color: #57E365; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important3 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important3.filled {
            background: #3BDF4B;
            border-color: #3BDF4B; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important4 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important4.filled {
            background: #21DA33;
            border-color: #21DA33; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important5 {
          border-color: #ced4da; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance.gain i.important5.filled {
            background: #4DD500;
            border-color: #4DD500; }
        .jpg-card .jpg-infobar .jpg-infobar-side .importance i {
          width: 8px;
          height: 8px;
          border-radius: 8px;
          border: 1px solid #008AFF;
          display: block;
          margin: 0 2px; }
          .jpg-card .jpg-infobar .jpg-infobar-side .importance i.filled {
            background: #008AFF; }

.jpg-modal.jpg-filter .modal-body aside .form-multiselect {
  max-height: 168px;
  height: 168px; }

.jpg-modal.jpg-filter .modal-content .jpg-details.jpg-segment-details {
  padding-bottom: 62px; }

.jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header {
  background-color: transparent;
  -webkit-transition: background-color .1s ease;
  transition: background-color .1s ease; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header:hover {
    cursor: pointer;
    background-color: #E0E6EC;
    border-radius: 8px; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header .subtitle {
    color: #ABB2B9;
    cursor: pointer; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header > label {
    margin: 0;
    color: #707172;
    width: 100%;
    cursor: pointer; }

.board-effort .dropdown-select,
.board-filter .dropdown-select,
.board-replies .dropdown-select {
  color: #ABB2B9;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer; }
  .board-effort .dropdown-select svg:hover,
  .board-filter .dropdown-select svg:hover,
  .board-replies .dropdown-select svg:hover {
    fill: #BBC4CD !important; }
  .board-effort .dropdown-select label,
  .board-filter .dropdown-select label,
  .board-replies .dropdown-select label {
    color: #ABB2B9;
    font-size: 14px;
    margin: 0;
    padding: 0 6px;
    cursor: pointer; }
  .board-effort .dropdown-select span,
  .board-filter .dropdown-select span,
  .board-replies .dropdown-select span {
    padding: 0 6px 0 0;
    color: #515A63;
    font-size: 14px; }

.board-effort .dropdown-menu,
.board-filter .dropdown-menu,
.board-replies .dropdown-menu {
  padding: 0;
  width: 360px;
  border-radius: 12px;
  z-index: 2000; }

.board-effort .board-filter-header,
.board-filter .board-filter-header,
.board-replies .board-filter-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  background: #F9FAFA;
  border-bottom: 1px solid #E0E6EC;
  padding: 0 12px;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px; }
  .board-effort .board-filter-header h4,
  .board-filter .board-filter-header h4,
  .board-replies .board-filter-header h4 {
    font-size: 14px;
    font-weight: 700;
    color: #BBC4CD; }
  .board-effort .board-filter-header .board-filter-header-actions,
  .board-filter .board-filter-header .board-filter-header-actions,
  .board-replies .board-filter-header .board-filter-header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.board-effort .board-filter-content,
.board-filter .board-filter-content,
.board-replies .board-filter-content {
  padding: 12px; }
  .board-effort .board-filter-content .board-personas,
  .board-filter .board-filter-content .board-personas,
  .board-replies .board-filter-content .board-personas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #E0E6EC;
    padding-bottom: 12px;
    margin-bottom: 12px; }
    .board-effort .board-filter-content .board-personas > i,
    .board-filter .board-filter-content .board-personas > i,
    .board-replies .board-filter-content .board-personas > i {
      padding: 2px 4px; }
    .board-effort .board-filter-content .board-personas .board-persona,
    .board-filter .board-filter-content .board-personas .board-persona,
    .board-replies .board-filter-content .board-personas .board-persona {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-right: 12px;
      font-size: 14px;
      color: #707172;
      font-weight: 500; }
      .board-effort .board-filter-content .board-personas .board-persona > span,
      .board-filter .board-filter-content .board-personas .board-persona > span,
      .board-replies .board-filter-content .board-personas .board-persona > span {
        padding: 0 4px; }
  .board-effort .board-filter-content .board-attrs,
  .board-filter .board-filter-content .board-attrs,
  .board-replies .board-filter-content .board-attrs {
    margin: 0;
    padding: 0;
    max-height: 300px;
    height: 250px;
    overflow: hidden auto; }
    .board-effort .board-filter-content .board-attrs.hidden,
    .board-filter .board-filter-content .board-attrs.hidden,
    .board-replies .board-filter-content .board-attrs.hidden {
      display: none; }
    .board-effort .board-filter-content .board-attrs::-webkit-scrollbar-track,
    .board-filter .board-filter-content .board-attrs::-webkit-scrollbar-track,
    .board-replies .board-filter-content .board-attrs::-webkit-scrollbar-track {
      background-color: transparent; }
    .board-effort .board-filter-content .board-attrs::-webkit-scrollbar,
    .board-filter .board-filter-content .board-attrs::-webkit-scrollbar,
    .board-replies .board-filter-content .board-attrs::-webkit-scrollbar {
      width: 4px; }
    .board-effort .board-filter-content .board-attrs::-webkit-scrollbar-thumb,
    .board-filter .board-filter-content .board-attrs::-webkit-scrollbar-thumb,
    .board-replies .board-filter-content .board-attrs::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
    .board-effort .board-filter-content .board-attrs .board-attr,
    .board-filter .board-filter-content .board-attrs .board-attr,
    .board-replies .board-filter-content .board-attrs .board-attr {
      margin-bottom: 12px; }
      .board-effort .board-filter-content .board-attrs .board-attr .board-attr-name,
      .board-filter .board-filter-content .board-attrs .board-attr .board-attr-name,
      .board-replies .board-filter-content .board-attrs .board-attr .board-attr-name {
        font-size: 14px;
        color: #707172;
        font-weight: 600;
        line-height: 1.5; }
      .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list,
      .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list,
      .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list {
        padding: 0;
        margin: 0; }
        .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item,
        .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item,
        .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item {
          padding: 0;
          margin: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          cursor: pointer;
          position: relative;
          border-radius: 10px; }
          .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:hover, .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:active, .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:focus,
          .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:hover,
          .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:active,
          .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:focus,
          .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:hover,
          .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:active,
          .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item:focus {
            background: #E0E6EC; }
          .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item label,
          .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item label,
          .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item label {
            margin: 0;
            padding: 0 0 0 12px;
            cursor: pointer;
            color: #ABB2B9;
            font-size: 14px; }
          .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div,
          .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div,
          .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div {
            padding: 0 12px 0 0; }
            .board-effort .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div span,
            .board-filter .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div span,
            .board-replies .board-filter-content .board-attrs .board-attr .board-attr-list .board-attr-item > div span {
              color: #86909A;
              font-size: 14px;
              padding-right: 8px; }
  .board-effort .board-filter-content .board-filters,
  .board-filter .board-filter-content .board-filters,
  .board-replies .board-filter-content .board-filters {
    margin: 0;
    padding: 0;
    max-height: 150px;
    height: 125px;
    overflow: hidden auto; }
    .board-effort .board-filter-content .board-filters::-webkit-scrollbar-track,
    .board-filter .board-filter-content .board-filters::-webkit-scrollbar-track,
    .board-replies .board-filter-content .board-filters::-webkit-scrollbar-track {
      background-color: transparent; }
    .board-effort .board-filter-content .board-filters::-webkit-scrollbar,
    .board-filter .board-filter-content .board-filters::-webkit-scrollbar,
    .board-replies .board-filter-content .board-filters::-webkit-scrollbar {
      width: 4px; }
    .board-effort .board-filter-content .board-filters::-webkit-scrollbar-thumb,
    .board-filter .board-filter-content .board-filters::-webkit-scrollbar-thumb,
    .board-replies .board-filter-content .board-filters::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
    .board-effort .board-filter-content .board-filters .board-filter-item,
    .board-filter .board-filter-content .board-filters .board-filter-item,
    .board-replies .board-filter-content .board-filters .board-filter-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: 38px; }
      .board-effort .board-filter-content .board-filters .board-filter-item:hover .board-filter-item-action, .board-effort .board-filter-content .board-filters .board-filter-item:active .board-filter-item-action, .board-effort .board-filter-content .board-filters .board-filter-item:focus .board-filter-item-action,
      .board-filter .board-filter-content .board-filters .board-filter-item:hover .board-filter-item-action,
      .board-filter .board-filter-content .board-filters .board-filter-item:active .board-filter-item-action,
      .board-filter .board-filter-content .board-filters .board-filter-item:focus .board-filter-item-action,
      .board-replies .board-filter-content .board-filters .board-filter-item:hover .board-filter-item-action,
      .board-replies .board-filter-content .board-filters .board-filter-item:active .board-filter-item-action,
      .board-replies .board-filter-content .board-filters .board-filter-item:focus .board-filter-item-action {
        opacity: 1; }
      .board-effort .board-filter-content .board-filters .board-filter-item i,
      .board-filter .board-filter-content .board-filters .board-filter-item i,
      .board-replies .board-filter-content .board-filters .board-filter-item i {
        position: absolute;
        left: 8px; }
      .board-effort .board-filter-content .board-filters .board-filter-item label,
      .board-filter .board-filter-content .board-filters .board-filter-item label,
      .board-replies .board-filter-content .board-filters .board-filter-item label {
        margin: 0;
        padding: 0 0 0 12px;
        cursor: pointer; }
      .board-effort .board-filter-content .board-filters .board-filter-item .board-filter-item-action,
      .board-filter .board-filter-content .board-filters .board-filter-item .board-filter-item-action,
      .board-replies .board-filter-content .board-filters .board-filter-item .board-filter-item-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0; }
        .board-effort .board-filter-content .board-filters .board-filter-item .board-filter-item-action > div,
        .board-filter .board-filter-content .board-filters .board-filter-item .board-filter-item-action > div,
        .board-replies .board-filter-content .board-filters .board-filter-item .board-filter-item-action > div {
          width: 24px;
          height: 24px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          cursor: pointer; }
  .board-effort .board-filter-content .board-filter-actions,
  .board-filter .board-filter-content .board-filter-actions,
  .board-replies .board-filter-content .board-filter-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .board-effort .board-filter-content .board-filter-actions .btn.btn-ghost,
    .board-filter .board-filter-content .board-filter-actions .btn.btn-ghost,
    .board-replies .board-filter-content .board-filter-actions .btn.btn-ghost {
      color: #86909A;
      text-decoration: underline; }
      .board-effort .board-filter-content .board-filter-actions .btn.btn-ghost:hover,
      .board-filter .board-filter-content .board-filter-actions .btn.btn-ghost:hover,
      .board-replies .board-filter-content .board-filter-actions .btn.btn-ghost:hover {
        color: #515A63; }
    .board-effort .board-filter-content .board-filter-actions.empty,
    .board-filter .board-filter-content .board-filter-actions.empty,
    .board-replies .board-filter-content .board-filter-actions.empty {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 24px 0; }
    .board-effort .board-filter-content .board-filter-actions:not(.empty),
    .board-filter .board-filter-content .board-filter-actions:not(.empty),
    .board-replies .board-filter-content .board-filter-actions:not(.empty) {
      border-top: 1px solid #E0E6EC;
      padding: 12px 0 0;
      margin-top: 8px; }

.board-effort .board-effort-content .board-efforts {
  height: 100%;
  max-height: 100%; }
  .board-effort .board-effort-content .board-efforts .board-effort-item {
    padding: 0 18px 0 32px;
    height: 32px;
    margin: 8px 0 !important;
    border-radius: 8px 8px 8px 4px !important; }
    .board-effort .board-effort-content .board-efforts .board-effort-item i {
      width: 32px;
      height: 32px;
      border-radius: 8px 8px 8px 4px;
      font-style: normal;
      font-weight: 700;
      color: #fff;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.persona-chat .modal-body aside,
.profile-chat .modal-body aside {
  padding: 0; }
  .persona-chat .modal-body aside .chat-container,
  .profile-chat .modal-body aside .chat-container {
    height: 560px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px; }

.profile-chat .modal-body {
  min-height: 560px; }
  .profile-chat .modal-body main {
    padding: 0; }

.profile-chat .profile-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-color: #D1D9E0;
  background-size: contain;
  background: url(/images/sky-rocket2.svg) 0 bottom no-repeat;
  color: #fff;
  font-weight: 300;
  height: 100%;
  width: 100%; }
  .profile-chat .profile-main ul {
    padding: 24px;
    text-decoration: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 65%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .profile-chat .profile-main ul li {
      display: block;
      text-align: center;
      padding: 8px 12px;
      margin: 8px 0;
      border-radius: 10px;
      background: rgba(0, 0, 0, 0.1);
      color: rgba(255, 255, 255, 0.36); }
      .profile-chat .profile-main ul li.active {
        background: rgba(255, 255, 255, 0.92);
        color: #515A63;
        font-weight: 600; }

.persona-modal .modal-body {
  min-height: 400px; }

.persona-chat .modal-body {
  min-height: 400px; }

.persona-modal .modal-main {
  height: 100%;
  background: transparent; }
  .persona-modal .modal-main .modal-profile {
    height: 100% !important; }
  .persona-modal .modal-main h5 {
    color: #212326;
    padding: 0 12px;
    text-align: center; }
  .persona-modal .modal-main h5.placeholder {
    color: #86909A; }
  .persona-modal .modal-main .persona-avatar {
    margin: 24px 0; }

.persona-importance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0 0 18px; }
  .persona-importance i {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #fff;
    margin: 0 6px; }
    .persona-importance i.active {
      background: #008AFF; }

.attr-modal .modal-body aside .form-multiselect {
  max-height: 168px;
  height: 168px; }

.attr-modal .modal-body aside .select-editor.autocomplete {
  display: block;
  border: 1px solid #ced4da;
  border-radius: 18px;
  margin: 12px 0 4px; }

.attr-modal .modal-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px; }
  .attr-modal .modal-main .add-attr {
    width: 100%;
    padding: 4px 12px;
    text-align: center;
    border-top: 1px solid #E0E6EC;
    border-right: 1px solid #E0E6EC;
    background: #fff;
    border-bottom-left-radius: 18px; }
  .attr-modal .modal-main .modal-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 186px; }
  .attr-modal .modal-main .modal-attr {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    padding: 12px;
    height: 326px;
    border-right: 1px solid #E0E6EC; }
    .attr-modal .modal-main .modal-attr .modal-filter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      background: transparent;
      will-change: background-color;
      -webkit-transition: background-color .2s ease;
      transition: background-color .2s ease;
      position: relative;
      padding: 4px 44px 4px 4px;
      margin: 0 0 8px;
      border-radius: 6px; }
      .attr-modal .modal-main .modal-attr .modal-filter:hover, .attr-modal .modal-main .modal-attr .modal-filter.active {
        background-color: rgba(0, 0, 0, 0.08);
        cursor: pointer; }
      .attr-modal .modal-main .modal-attr .modal-filter:hover .modal-filter-actions {
        visibility: visible; }
      .attr-modal .modal-main .modal-attr .modal-filter > div:not(.modal-filter-actions) {
        position: relative;
        width: 100%; }
        .attr-modal .modal-main .modal-attr .modal-filter > div:not(.modal-filter-actions) > svg {
          position: absolute; }
        .attr-modal .modal-main .modal-attr .modal-filter > div:not(.modal-filter-actions) label.name {
          padding-left: 16px; }
      .attr-modal .modal-main .modal-attr .modal-filter label.name {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        color: #008AFF;
        margin: 0 4px;
        cursor: inherit;
        width: 100%; }
      .attr-modal .modal-main .modal-attr .modal-filter label.value {
        font-size: 12px;
        font-weight: 600;
        color: #515A63;
        margin: 0 4px 0 16px;
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        cursor: inherit;
        width: 100%; }
      .attr-modal .modal-main .modal-attr .modal-filter .modal-filter-actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        visibility: hidden;
        position: absolute;
        right: 0;
        top: 0;
        padding: 6px 4px; }
        .attr-modal .modal-main .modal-attr .modal-filter .modal-filter-actions svg {
          margin: 0 4px; }
          .attr-modal .modal-main .modal-attr .modal-filter .modal-filter-actions svg:hover {
            fill: #707172 !important;
            cursor: pointer; }

.jpg-modal {
  max-width: 800px; }
  .jpg-modal.job-modal .modal-body > main {
    background: #ADE0F1; }
  .jpg-modal.pain-modal .modal-body > main {
    background: #EE4D45; }
  .jpg-modal.gain-modal .modal-body > main {
    background: #49C0B6; }
  .jpg-modal.attr-modal .modal-body > main {
    background: #A9DDEE; }
  .jpg-modal.jpg-filter .modal-content .jpg-details {
    padding-bottom: 12px; }
  .jpg-modal.graph-block-modal .modal-content .jpg-details .jpg-section .jpg-section-header label {
    margin-bottom: 0; }
  .jpg-modal.graph-block-modal .modal-content .jpg-details .jpg-section .jpg-section-content .form-input {
    padding: 0 !important; }
  .jpg-modal.graph-block-modal .modal-content .jpg-details .jpg-section .jpg-section-header > i {
    top: 0px !important; }
  .jpg-modal.jpg-template {
    position: relative; }
    .jpg-modal.jpg-template #previewtemplate {
      display: block;
      height: 500px; }
    .jpg-modal.jpg-template .preload-content_center {
      left: -webkit-calc(50% - 132px);
      left: calc(50% - 132px);
      top: -webkit-calc(50% - 72px);
      top: calc(50% - 72px);
      margin: 0 auto; }
    .jpg-modal.jpg-template .modal-main {
      position: static;
      min-height: 500px;
      padding: 12px 0;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
      .jpg-modal.jpg-template .modal-main .jpg-template-image {
        top: 20px;
        width: 220px;
        height: 220px;
        border-radius: 12px; }
      .jpg-modal.jpg-template .modal-main .jpg-template-name {
        font-size: 14px;
        width: 100%;
        padding: 12px 24px;
        font-weight: 600;
        color: #707172; }
      .jpg-modal.jpg-template .modal-main .jpg-template-description {
        padding: 0 24px;
        font-size: 14px;
        font-weight: 300;
        color: #707172; }
      .jpg-modal.jpg-template .modal-main .jpg-template-action {
        padding: 24px;
        position: absolute;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%; }
      .jpg-modal.jpg-template .modal-main .jpg-template-widgets {
        position: absolute;
        right: 12px;
        top: 12px;
        height: 16px;
        width: auto; }
        .jpg-modal.jpg-template .modal-main .jpg-template-widgets img {
          border-radius: 2px;
          -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16); }
      .jpg-modal.jpg-template .modal-main > img {
        position: absolute;
        top: -webkit-calc(100% / 2 - 60px);
        top: calc(100% / 2 - 60px); }
  .jpg-modal.jpg-upgrade {
    max-width: 500px; }
    .jpg-modal.jpg-upgrade .modal-content {
      background: #F2F6F8; }
    .jpg-modal.jpg-upgrade .modal-content .jpg-header {
      background: #fff;
      border: 0;
      padding: 24px;
      border-bottom: 1px solid #e4e4e4;
      min-height: auto; }
      .jpg-modal.jpg-upgrade .modal-content .jpg-header h3 {
        font-size: 18px;
        font-weight: 600;
        margin: 0; }
        .jpg-modal.jpg-upgrade .modal-content .jpg-header h3 u svg {
          display: block !important; }
    .jpg-modal.jpg-upgrade .modal-body {
      overflow: hidden;
      border-radius: 12px;
      min-height: auto;
      height: auto; }
      .jpg-modal.jpg-upgrade .modal-body .jpg-details {
        font-size: 14px;
        padding: 24px;
        text-align: center; }
        .jpg-modal.jpg-upgrade .modal-body .jpg-details b {
          font-weight: 700;
          color: #212326; }
        .jpg-modal.jpg-upgrade .modal-body .jpg-details p {
          font-weight: 400;
          margin-bottom: 0; }
        .jpg-modal.jpg-upgrade .modal-body .jpg-details .jpg-upgrade-actions {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .jpg-modal.jpg-upgrade .modal-body .jpg-details .jpg-upgrade-actions .btn-primary {
            margin-bottom: 12px; }
  .jpg-modal.jpg-soon .modal-content .jpg-header {
    background: #fff;
    border: 0;
    padding: 24px; }
    .jpg-modal.jpg-soon .modal-content .jpg-header h3 {
      font-size: 32px;
      font-weight: 600; }
      .jpg-modal.jpg-soon .modal-content .jpg-header h3 u svg {
        display: block !important; }
  .jpg-modal.jpg-soon .modal-body {
    height: 280px;
    min-height: 280px;
    overflow: hidden;
    border-radius: 12px; }
  .jpg-modal.child-modal .modal-content .jpg-header {
    padding: 8px 24px 12px 42px; }
  .jpg-modal .modal-body {
    min-height: 500px;
    width: 100%;
    height: auto;
    padding: 0; }
  .jpg-modal .modal-body > aside {
    padding: 0; }
  .jpg-modal .modal-body > main {
    width: 250px;
    min-width: 250px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    position: relative;
    vertical-align: middle; }
  .jpg-modal .modal-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px; }
  .jpg-modal .modal-content.job .jpg-header h3 i {
    background: #38A0FF; }
  .jpg-modal .modal-content.job .form-input .form-range i.important1 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.job .form-input .form-range i.important1.filled {
      background: #7CC0FF;
      border-color: #7CC0FF; }
  .jpg-modal .modal-content.job .form-input .form-range i.important2 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.job .form-input .form-range i.important2.filled {
      background: #66B6FF;
      border-color: #66B6FF; }
  .jpg-modal .modal-content.job .form-input .form-range i.important3 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.job .form-input .form-range i.important3.filled {
      background: #66B6FF;
      border-color: #66B6FF; }
  .jpg-modal .modal-content.job .form-input .form-range i.important4 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.job .form-input .form-range i.important4.filled {
      background: #52ACFF;
      border-color: #52ACFF; }
  .jpg-modal .modal-content.job .form-input .form-range i.important5 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.job .form-input .form-range i.important5.filled {
      background: #008AFF;
      border-color: #008AFF; }
  .jpg-modal .modal-content.pain .jpg-header h3 i {
    background: #FF4450; }
  .jpg-modal .modal-content.pain .form-input .form-range > i.important1 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.pain .form-input .form-range > i.important1.filled {
      background: #FF969D;
      border-color: #FF969D; }
  .jpg-modal .modal-content.pain .form-input .form-range > i.important2 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.pain .form-input .form-range > i.important2.filled {
      background: #FF848C;
      border-color: #FF848C; }
  .jpg-modal .modal-content.pain .form-input .form-range > i.important3 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.pain .form-input .form-range > i.important3.filled {
      background: #FF6F78;
      border-color: #FF6F78; }
  .jpg-modal .modal-content.pain .form-input .form-range > i.important4 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.pain .form-input .form-range > i.important4.filled {
      background: #FF5C67;
      border-color: #FF5C67; }
  .jpg-modal .modal-content.pain .form-input .form-range > i.important5 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.pain .form-input .form-range > i.important5.filled {
      background: #FF4450;
      border-color: #FF4450; }
  .jpg-modal .modal-content.gain .jpg-header h3 i {
    background: #4DD500; }
  .jpg-modal .modal-content.gain .form-input .form-range > i.important1 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.gain .form-input .form-range > i.important1.filled {
      background: #70E77C;
      border-color: #70E77C; }
  .jpg-modal .modal-content.gain .form-input .form-range > i.important2 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.gain .form-input .form-range > i.important2.filled {
      background: #57E365;
      border-color: #57E365; }
  .jpg-modal .modal-content.gain .form-input .form-range > i.important3 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.gain .form-input .form-range > i.important3.filled {
      background: #3BDF4B;
      border-color: #3BDF4B; }
  .jpg-modal .modal-content.gain .form-input .form-range > i.important4 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.gain .form-input .form-range > i.important4.filled {
      background: #21DA33;
      border-color: #21DA33; }
  .jpg-modal .modal-content.gain .form-input .form-range > i.important5 {
    border-color: #ced4da; }
    .jpg-modal .modal-content.gain .form-input .form-range > i.important5.filled {
      background: #4DD500;
      border-color: #4DD500; }
  .jpg-modal .modal-content .jpg-header {
    padding: 24px 24px 12px 42px;
    border-bottom: 1px solid #E0E6EC;
    background: #F9FAFA;
    min-height: 100px;
    border-top-right-radius: 18px; }
    .jpg-modal .modal-content .jpg-header h3 {
      position: relative;
      font-size: 16px;
      font-weight: 700;
      color: #515A63;
      margin: 0 6px 1.5rem;
      padding: 0 6px; }
      .jpg-modal .modal-content .jpg-header h3 textarea {
        padding: 0; }
      .jpg-modal .modal-content .jpg-header h3 i {
        display: block;
        position: absolute;
        top: 5px;
        left: -24px;
        width: 10px;
        height: 10px;
        border-radius: 8px;
        margin: 0 6px 2px 0;
        background: transparent; }
      .jpg-modal .modal-content .jpg-header h3 u {
        display: block;
        position: absolute;
        top: 2px;
        right: -10px;
        width: 10px;
        height: 10px;
        border-radius: 8px;
        margin: 0 6px 2px 0;
        cursor: pointer;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .jpg-modal .modal-content .jpg-header h3 u:hover, .jpg-modal .modal-content .jpg-header h3 u:active, .jpg-modal .modal-content .jpg-header h3 u:focus {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
    .jpg-modal .modal-content .jpg-header .jpg-header-breadcrumb {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 6px 4px;
      padding: 0 6px;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
      .jpg-modal .modal-content .jpg-header .jpg-header-breadcrumb:hover, .jpg-modal .modal-content .jpg-header .jpg-header-breadcrumb:focus, .jpg-modal .modal-content .jpg-header .jpg-header-breadcrumb:active {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0); }
      .jpg-modal .modal-content .jpg-header .jpg-header-breadcrumb label {
        color: #86909A;
        font-size: 12px;
        margin: 0 4px 0 0;
        padding: 0;
        font-weight: 600;
        cursor: pointer; }
    .jpg-modal .modal-content .jpg-header .jpg-header-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 6px 0;
      padding: 0 6px; }
      .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-type {
        border: 1px solid #E0E6EC;
        padding: 2px 12px;
        border-radius: 18px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #86909A;
        font-size: 14px;
        font-weight: 500; }
      .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main > div {
          margin-right: 8px; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main.job .jpg-header h3 i {
          background: #38A0FF; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main.pain .jpg-header h3 i {
          background: #FF4450; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main.gain .jpg-header h3 i {
          background: #4DD500; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main .dropdown-container {
          border: 1px solid #E0E6EC;
          border-radius: 18px;
          padding: 0 8px;
          font-weight: 700; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main .dropdown-job-type .dropdown-select {
          color: #38A0FF; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main .dropdown-pain-type .dropdown-select {
          color: #FF4450; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .jpg-header-main .dropdown-gain-type .dropdown-select {
          color: #4DD500; }
      .jpg-modal .modal-content .jpg-header .jpg-header-actions .replies {
        border: 1px solid #E0E6EC;
        padding: 2px 8px;
        border-radius: 18px;
        font-size: 12px;
        color: #ABB2B9; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .replies svg {
          margin-right: 4px; }
      .jpg-modal .modal-content .jpg-header .jpg-header-actions .form-input {
        padding: 2px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 12px;
        border: 1px solid #E0E6EC;
        border-radius: 18px; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .form-input label {
          padding: 0 8px;
          margin: 0; }
        .jpg-modal .modal-content .jpg-header .jpg-header-actions .form-input .form-range {
          padding: 0; }
          .jpg-modal .modal-content .jpg-header .jpg-header-actions .form-input .form-range > i {
            height: 6px;
            width: 6px;
            margin-right: 6px; }
  .jpg-modal .modal-content .jpg-details {
    padding: 12px 24px 12px 42px; }
    .jpg-modal .modal-content .jpg-details.jpg-persona-details {
      max-width: 350px; }
      .jpg-modal .modal-content .jpg-details.jpg-persona-details .jpg-section.jpg-section-survey-question {
        border-radius: 8px; }
        .jpg-modal .modal-content .jpg-details.jpg-persona-details .jpg-section.jpg-section-survey-question .jpg-section-header {
          height: 38px;
          line-height: 38px; }
        .jpg-modal .modal-content .jpg-details.jpg-persona-details .jpg-section.jpg-section-survey-question .jpg-survey {
          width: 100%;
          border-radius: 8px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
        .jpg-modal .modal-content .jpg-details.jpg-persona-details .jpg-section.jpg-section-survey-question .form-input {
          padding: 0; }
          .jpg-modal .modal-content .jpg-details.jpg-persona-details .jpg-section.jpg-section-survey-question .form-input textarea {
            border-radius: 18px !important; }
    .jpg-modal .modal-content .jpg-details .jpg-hint {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      color: #BBC4CD;
      font-size: 12px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 8px 0; }
      .jpg-modal .modal-content .jpg-details .jpg-hint label {
        margin: 0; }
      .jpg-modal .modal-content .jpg-details .jpg-hint label b {
        font-weight: 700; }
      .jpg-modal .modal-content .jpg-details .jpg-hint svg {
        min-width: 16px;
        margin-right: 8px; }
    .jpg-modal .modal-content .jpg-details .jpg-section {
      margin: 0 6px 12px;
      padding: 0 6px; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-actions {
        margin-top: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-actions > span {
          margin-right: 12px; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-actions .jpg-section-actions-separator {
          height: 60px;
          border-right: 2px solid #E0E6EC;
          margin: 0 12px 0 0;
          display: block;
          width: 0; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-share .jpg-section-header > i {
        top: 18px; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .jpg-section-header > i {
        top: 2px; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .jpg-survey {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        height: 100%;
        display: inline-block;
        padding: 2px 12px;
        margin-right: 8px;
        border-radius: 12px;
        border-bottom-left-radius: 4px; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .form-input {
        padding: 4px 0; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .form-input textarea {
          border-radius: 18px;
          border-top-left-radius: 4px;
          padding: 6px 12px;
          background: #F1F0F1;
          border: 1px solid #E0E6EC;
          font-size: 14px;
          font-weight: 500;
          color: #515A63;
          margin: 0; }
          .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .form-input textarea:active, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .form-input textarea:focus, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-survey-question .form-input textarea:hover {
            border-color: #ced4da;
            -webkit-box-shadow: none;
            box-shadow: none; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .jpg-section-header > i {
        top: 6px; }
      .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input {
        padding: 6px;
        border-radius: 12px;
        border: none;
        will-change: border, padding; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input:hover, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input:active, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input:focus {
          border: 1px solid #ced4da;
          padding: 5px; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input textarea {
          min-height: 70px; }
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input textarea,
        .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input input {
          border: 0;
          resize: none;
          padding: 0 6px;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
          outline: 0; }
          .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input textarea:hover, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input textarea:active, .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input textarea:focus,
          .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input input:hover,
          .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input input:active,
          .jpg-modal .modal-content .jpg-details .jpg-section.jpg-section-description .form-input input:focus {
            border: 0;
            resize: none;
            padding: 0 6px;
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: 0; }
      .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story-wrapper {
        text-align: right;
        width: 100%; }
      .jpg-modal .modal-content .jpg-details .jpg-section .jpg-personas {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-personas > div, .jpg-modal .modal-content .jpg-details .jpg-section .jpg-personas > i {
          margin-right: 8px; }
      .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header {
        position: relative; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header > i {
          position: absolute;
          top: 0;
          left: -24px; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .dropdown-container {
          display: inline; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .dropdown-container .dropdown {
            display: inline; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header > label {
          margin: 0;
          padding: 0;
          height: 26px;
          line-height: 26px;
          margin-bottom: 12px;
          font-size: 14px;
          color: #ABB2B9;
          font-weight: 700; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header > div {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .jpg-section-header-actions i {
          width: 24px;
          height: 24px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 50%;
          cursor: pointer;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          margin: 0 0 0 4px; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .jpg-section-header-actions i:hover, .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .jpg-section-header-actions i:active, .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .jpg-section-header-actions i:focus {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-section-header .jpg-section-header-actions i.add {
            background: #F1F0F1; }
      .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story {
        margin: 0 0 12px;
        padding: 0 8px;
        background-color: transparent;
        border-radius: 8px;
        -webkit-transition: background-color .2s ease;
        transition: background-color .2s ease;
        will-change: background-color;
        width: 100%; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story:not(.add):hover {
          background-color: rgba(60, 69, 78, 0.06);
          cursor: text; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story:not(.add):hover .jpg-story-title,
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story:not(.add):hover .jpg-story-subtitle {
            cursor: text; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story:not(.add):hover .jpg-story-actions {
            visibility: visible;
            background: rgba(0, 0, 0, 0.08);
            border-top-right-radius: 8px;
            border-bottom-left-radius: 8px; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story.add {
          border-top: 1px solid #E0E6EC;
          border-radius: 0;
          padding: 12px 6px 6px; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story.add a {
            cursor: pointer;
            color: inherit;
            will-change: color;
            -webkit-transition: color 0.15s ease-out;
            transition: color 0.15s ease-out; }
            .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story.add a:hover, .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story.add a:active, .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story.add a:focus {
              color: #008AFF; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-title b,
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-subtitle b {
          font-weight: 700; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-title {
          font-size: 16px; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-title.job,
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-subtitle.job {
          color: #008AFF; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-title.pain,
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-subtitle.pain {
          color: #FF4450; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-title.gain,
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-subtitle.gain {
          color: #4ABF29; }
        .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-actions {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          visibility: hidden;
          position: absolute;
          right: 0;
          top: 0;
          padding: 6px 4px; }
          .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-actions svg {
            margin: 0 4px; }
            .jpg-modal .modal-content .jpg-details .jpg-section .jpg-story .jpg-story-actions svg:hover {
              fill: #707172 !important;
              cursor: pointer; }
  .jpg-modal .modal-content .jpg-separator {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E0E6EC; }
  .jpg-modal .modal-content .jpg-modal-actions {
    position: absolute;
    bottom: 0;
    padding: 12px 24px 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    .jpg-modal .modal-content .jpg-modal-actions > button {
      margin-left: 8px; }
      .jpg-modal .modal-content .jpg-modal-actions > button.btn-danger {
        width: 38px;
        height: 38px;
        border-radius: 38px;
        padding: 0px !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }

.jpg-section-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 38px;
  background: #F1F0F1;
  padding: 8px 18px 8px 32px;
  border-radius: 18px;
  margin: 8px 0;
  cursor: pointer;
  position: relative; }
  .jpg-section-link:hover i.drag-icon, .jpg-section-link:active i.drag-icon, .jpg-section-link:focus i.drag-icon {
    opacity: 1; }
  .jpg-section-link.active {
    z-index: 10000;
    background: #E0E6EC; }
  .jpg-section-link i.drag-icon {
    position: absolute;
    left: -22px;
    top: 8px;
    opacity: 0; }
  .jpg-section-link i.jpg-section-link-icon {
    position: absolute;
    left: 12px;
    top: 6px; }
  .jpg-section-link label {
    font-size: 13px;
    color: #707172;
    font-weight: 500;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.load-spinner {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000; }

@-webkit-keyframes load-spinner-anim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load-spinner-anim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.load-spinner {
  height: 52px;
  width: 52px;
  margin: 0 auto;
  display: block;
  -webkit-animation: load-spinner-anim .8s linear infinite;
  animation: load-spinner-anim .8s linear infinite; }

.jpg-message {
  max-width: 500px;
  top: 35%; }
  .jpg-message .modal-content {
    padding: 12px; }
    .jpg-message .modal-content .modal-body {
      min-height: initial; }
    .jpg-message .modal-content .modal-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      gap: 8px; }
  .jpg-message .modal-content .jpg-header {
    background: #fff;
    border: 0;
    padding: 8px;
    min-height: auto; }
    .jpg-message .modal-content .jpg-header h3 {
      font-size: 18px;
      font-weight: 600;
      padding: 0 8px 0 0;
      margin: 0;
      position: relative; }
      .jpg-message .modal-content .jpg-header h3 u {
        position: absolute;
        cursor: pointer;
        top: -8px;
        right: -8px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .jpg-message .modal-content .jpg-header h3 u:hover, .jpg-message .modal-content .jpg-header h3 u:active, .jpg-message .modal-content .jpg-header h3 u:focus {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        .jpg-message .modal-content .jpg-header h3 u svg {
          display: block !important; }

.jpg-inspect {
  max-width: 650px; }
  .jpg-inspect .modal-content {
    padding: 12px; }
    .jpg-inspect .modal-content .jpg-details {
      padding: 12px 12px 0;
      max-height: 400px;
      overflow: hidden;
      overflow-y: auto; }
      .jpg-inspect .modal-content .jpg-details::-webkit-scrollbar-track {
        background-color: transparent; }
      .jpg-inspect .modal-content .jpg-details::-webkit-scrollbar {
        width: 4px;
        border-radius: 4px; }
      .jpg-inspect .modal-content .jpg-details::-webkit-scrollbar-thumb {
        background-color: #ABB2B9;
        border-radius: 4px; }
    .jpg-inspect .modal-content .modal-body {
      min-height: initial; }
    .jpg-inspect .modal-content .inspect-form .inspect-form-block > label {
      display: inline-block;
      width: auto;
      height: 22px;
      background: #ced4da;
      border-radius: 4px;
      margin: 0 4px 4px 0;
      font-size: 14px;
      padding: 0 4px;
      text-align: center; }
      .jpg-inspect .modal-content .inspect-form .inspect-form-block > label.failed {
        color: white;
        background: #FF4450; }
      .jpg-inspect .modal-content .inspect-form .inspect-form-block > label.created, .jpg-inspect .modal-content .inspect-form .inspect-form-block > label.active {
        color: white;
        background: #4DD500; }
    .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul {
      padding: 0;
      margin: 0 0 24px; }
      .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 4px 0 0;
        position: relative; }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li:first-of-type label {
          border: none; }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li:hover u.remove, .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li:active u.remove, .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li:focus u.remove {
          opacity: 1; }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li u.remove {
          width: 22px;
          height: 22px;
          padding: 2px;
          margin-bottom: 4px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 50%;
          -webkit-transition: all .2s ease;
          transition: all .2s ease;
          -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
          background: #ABB2B9;
          -webkit-transform: scale(0.8);
          -ms-transform: scale(0.8);
          transform: scale(0.8);
          z-index: 1000;
          opacity: 0;
          position: absolute;
          right: -4px;
          top: 0; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li u.remove:hover, .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li u.remove:active, .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li u.remove:focus {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li label {
          margin: 0;
          padding: 4px 0 0 0;
          -webkit-box-flex: 0.5;
          -webkit-flex: 0.5;
          -moz-box-flex: 0.5;
          -ms-flex: 0.5;
          flex: 0.5;
          width: 50%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          color: #ABB2B9;
          font-size: 14px;
          font-weight: 600;
          border-top: 1px solid #e4e4e4;
          word-break: break-word;
          cursor: pointer; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li label i {
            margin: -2px 6px 0 0; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li label.rerror {
            color: #FF4450; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li label.error {
            color: #FF4450; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li label.warn {
            color: #F68712; }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li span {
          margin: 0;
          padding: 4px 0 0 12px;
          -webkit-box-flex: 0.5;
          -webkit-flex: 0.5;
          -moz-box-flex: 0.5;
          -ms-flex: 0.5;
          flex: 0.5;
          width: 50%;
          text-align: left;
          color: #515A63;
          font-size: 14px;
          font-weight: 400;
          word-break: break-word;
          white-space: pre-wrap; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li span p {
            margin: 0;
            padding: 0; }
            .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li span p.rerror {
              color: #FF4450; }
            .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li span p.error {
              color: #FF4450; }
            .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li span p.warn {
              color: #F68712; }
        .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li .field {
          color: #535657;
          font-weight: 600;
          background: #e4e4e4;
          height: 28px;
          display: inline-block;
          line-height: 28px;
          margin: 2px 0;
          font-size: 13px;
          padding: 0 6px;
          border-radius: 4px;
          white-space: nowrap;
          width: auto;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis; }
          .jpg-inspect .modal-content .inspect-form .inspect-form-block > ul li .field > i {
            margin: 0 4px 0 0; }
  .jpg-inspect .modal-content .jpg-header {
    background: #fff;
    border: 0;
    padding: 8px;
    min-height: auto; }
    .jpg-inspect .modal-content .jpg-header h3 {
      font-size: 18px;
      font-weight: 600;
      padding: 0 8px 0 0;
      margin: 0;
      position: relative; }
      .jpg-inspect .modal-content .jpg-header h3 u {
        position: absolute;
        cursor: pointer;
        top: -8px;
        right: -8px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .jpg-inspect .modal-content .jpg-header h3 u:hover, .jpg-inspect .modal-content .jpg-header h3 u:active, .jpg-inspect .modal-content .jpg-header h3 u:focus {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        .jpg-inspect .modal-content .jpg-header h3 u svg {
          display: block !important; }

.header .header-container .header-menu {
  z-index: 10;
  height: -webkit-calc(100% - 70px);
  height: calc(100% - 70px);
  min-height: -webkit-calc(100% - 70px);
  min-height: calc(100% - 70px);
  background: white;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.header .header-content .header-user {
  background: white; }

.header .header-project.icon {
  border: none;
  margin: 8px 0 0; }

.header .header-logo {
  z-index: 100;
  background: white;
  border-bottom: 1px solid #E0E6EC; }

.page-wrapper .page-header.with-image .page-title {
  padding: 14px 12px 14px -webkit-calc(70px + 106px);
  padding: 14px 12px 14px calc(70px + 106px); }
  .page-wrapper .page-header.with-image .page-title h1 i {
    left: -102px; }
  .page-wrapper .page-header.with-image .page-title .page-subtitle {
    padding-left: -webkit-calc(70px + 106px);
    padding-left: calc(70px + 106px); }

.page-wrapper .page-header .page-actions {
  width: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.page-wrapper .page-header .page-title h1 i {
  left: -50px; }

.page-wrapper .page-header .page-title .page-title-fade {
  background: transparent;
  position: absolute;
  top: 0;
  left: 70px;
  height: 70px;
  width: 100%; }

.page-wrapper .page-header .page-title.guided {
  background: #EAEEF2;
  border-radius: 0 38px 38px 0;
  max-width: 800px;
  width: 80vw; }
  .page-wrapper .page-header .page-title.guided h1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 140px; }
  .page-wrapper .page-header .page-title.guided h1 b.guide a {
    position: absolute;
    right: 12px;
    top: 2px;
    height: 38px;
    background: rgba(213, 16, 70, 0.92);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 18px;
    text-decoration: none !important;
    color: #666;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .page-wrapper .page-header .page-title.guided h1 b.guide a b {
      margin-right: 4px; }
    .page-wrapper .page-header .page-title.guided h1 b.guide a:hover, .page-wrapper .page-header .page-title.guided h1 b.guide a:focus, .page-wrapper .page-header .page-title.guided h1 b.guide a:active {
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0); }

.page-wrapper .page-header .page-title .page-subtitle.with-next-indicator .preview {
  font-weight: 700;
  color: #f15923; }
  .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator .preview.active, .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator .preview:hover, .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator .preview:active, .page-wrapper .page-header .page-title .page-subtitle.with-next-indicator .preview:focus {
    color: #f15923;
    border-bottom: 3px solid #f15923; }

.header-options .header-options-icon {
  border: 1px solid transparent !important;
  background: transparent !important;
  border-radius: 8px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important; }
  .header-options .header-options-icon:hover, .header-options .header-options-icon:active, .header-options .header-options-icon:focus {
    border: 1px solid #BBC4CD !important; }

.header-options .header-options-content {
  padding: 0; }
  .header-options .header-options-content .header-options-separator {
    margin: 12px 0;
    height: 1px;
    width: 100%;
    margin: 12px;
    width: -webkit-calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    border-top: 1px solid #E0E6EC; }
  .header-options .header-options-content .header-options-items {
    overflow: hidden auto;
    max-height: 400px; }
    .header-options .header-options-content .header-options-items::-webkit-scrollbar-track {
      background-color: transparent; }
    .header-options .header-options-content .header-options-items::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .header-options .header-options-content .header-options-items::-webkit-scrollbar-thumb {
      background-color: #BBC4CD;
      border-radius: 6px; }
  .header-options .header-options-content .header-options-items > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-size: 14px;
    color: #86909A;
    cursor: pointer; }
    .header-options .header-options-content .header-options-items > div.disabled {
      color: #BBC4CD;
      background: none; }
    .header-options .header-options-content .header-options-items > div:not(.disabled):hover, .header-options .header-options-content .header-options-items > div:not(.disabled):active, .header-options .header-options-content .header-options-items > div:not(.disabled):focus {
      color: #515A63;
      font-weight: 700;
      background: #eff0f0;
      border-radius: 0; }
      .header-options .header-options-content .header-options-items > div:not(.disabled):hover > b svg, .header-options .header-options-content .header-options-items > div:not(.disabled):active > b svg, .header-options .header-options-content .header-options-items > div:not(.disabled):focus > b svg {
        fill: #008AFF !important;
        stroke: #008AFF !important; }
    .header-options .header-options-content .header-options-items > div > b {
      padding: 8px 0 8px 12px; }
    .header-options .header-options-content .header-options-items > div > i {
      margin: 0 12px; }
    .header-options .header-options-content .header-options-items > div > span {
      font-size: 13px;
      padding: 8px 12px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }

@media screen and (max-width: 870px) {
  .page-wrapper .page-header .page-title .page-title-fade {
    left: 0; }
  .header:not(.header-simple) {
    height: 70px;
    bottom: 0;
    top: initial;
    right: 0;
    width: 100%;
    border-right: none;
    border-top: 1px solid #E0E6EC; }
    .header:not(.header-simple) .header-logo {
      width: 70px;
      margin: 0 auto;
      max-width: 70px;
      position: absolute;
      left: 0; }
    .header:not(.header-simple) .header-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
      .header:not(.header-simple) .header-container .header-menu-wrapper {
        padding: 0; }
      .header:not(.header-simple) .header-container .header-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .header:not(.header-simple) .header-container .header-content .header-user,
        .header:not(.header-simple) .header-container .header-content .header-menu {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -moz-box-orient: horizontal;
          -moz-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 70px;
          min-height: 70px;
          width: 50vw;
          padding: 1em 0; }
          .header:not(.header-simple) .header-container .header-content .header-user .header-subscription,
          .header:not(.header-simple) .header-container .header-content .header-menu .header-subscription {
            display: none; }
        .header:not(.header-simple) .header-container .header-content .header-menu {
          width: 100vw;
          min-width: 100vw;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .header:not(.header-simple) .header-container .header-content .header-menu .header-project-container {
            height: 70px;
            width: 70px;
            padding: 0; }
        .header:not(.header-simple) .header-container .header-content .header-user {
          position: absolute;
          right: 0;
          width: 70px;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          border: none; }
          .header:not(.header-simple) .header-container .header-content .header-user .header-user-avatar {
            height: 70px;
            padding: 0 1em;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
    .header:not(.header-simple) .header-project-separator {
      display: none; }
    .header:not(.header-simple) .header-project-container.prompt, .header:not(.header-simple) .header-project-container.dataset, .header:not(.header-simple) .header-project-container.template, .header:not(.header-simple) .header-project-container.workflow, .header:not(.header-simple) .header-project-container.functions, .header:not(.header-simple) .header-project-container.canvas {
      display: none; }
  .page-wrapper .page-header.title-only .page-title {
    padding: 14px 12px 14px 42px !important; }
  .header-user .quick-menu.show .dropdown-menu {
    -webkit-transform: translate(-280px, -100px) !important;
    -ms-transform: translate(-280px, -100px) !important;
    transform: translate(-280px, -100px) !important; }
    .header-user .quick-menu.show .dropdown-menu:before {
      display: none; } }

.import-modal {
  top: -webkit-calc(50% - 220px);
  top: calc(50% - 220px); }
  .import-modal .collection-header {
    position: relative; }
  .import-modal .import-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #E6F4EA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .import-modal .import-header-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: 0; }
    .import-modal .import-header-actions .form-input {
      padding: 0; }
      .import-modal .import-header-actions .form-input label {
        display: none; }
    .import-modal .import-header-actions .import-header-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .import-modal .import-header-actions .import-header-right .form-range {
        padding: 0 !important; }
        .import-modal .import-header-actions .import-header-right .form-range > i {
          margin-right: 0 !important;
          margin-left: 12px !important; }
      .import-modal .import-header-actions .import-header-right .btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .import-modal .import-header-actions .import-header-right .btn > i {
          margin: 0;
          padding: 0 4px 0 0; }
          .import-modal .import-header-actions .import-header-right .btn > i svg {
            display: block !important; }
        @media screen and (max-width: 668px) {
          .import-modal .import-header-actions .import-header-right .btn {
            margin-left: 35px;
            width: 28px;
            height: 28px; }
            .import-modal .import-header-actions .import-header-right .btn > span {
              display: none; }
            .import-modal .import-header-actions .import-header-right .btn > i {
              padding: 0; } }
      .import-modal .import-header-actions .import-header-right > div, .import-modal .import-header-actions .import-header-right > button {
        margin-left: 12px; }
    .import-modal .import-header-actions u {
      cursor: pointer;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      display: block; }
      .import-modal .import-header-actions u:hover, .import-modal .import-header-actions u:active, .import-modal .import-header-actions u:focus {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
  .import-modal .import-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 8px; }
    .import-modal .import-actions .import-actions-main {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .import-modal .import-actions button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .import-modal .import-actions button > i {
        margin: 0 0 0 8px; }
  .import-modal .import-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #515A63; }
  .import-modal .import-content .import-illustrations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 0; }
    .import-modal .import-content .import-illustrations img {
      width: 320px;
      max-width: 320px;
      border: 1px solid #e4e4e4;
      border-radius: 4px; }
  .import-modal .import-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    margin: 18px 8px 12px; }
    .import-modal .import-header-content textarea {
      margin: 0;
      min-height: 40px;
      margin-left: 12px;
      border-radius: 8px;
      font-size: 14px;
      line-height: 1.2;
      padding: 2px 8px;
      overflow: hidden; }
      .import-modal .import-header-content textarea:hover, .import-modal .import-header-content textarea:focus, .import-modal .import-header-content textarea:active {
        background: #E6F4EA !important; }
        .import-modal .import-header-content textarea:hover::-webkit-scrollbar-thumb, .import-modal .import-header-content textarea:focus::-webkit-scrollbar-thumb, .import-modal .import-header-content textarea:active::-webkit-scrollbar-thumb {
          background-color: #BBC4CD; }
    @media screen and (max-width: 668px) {
      .import-modal .import-header-content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .import-modal .import-header-content textarea {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 100%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 100%;
          flex: 1 1 100%;
          margin-top: 8px; } }
    .import-modal .import-header-content.sm {
      font-size: 18px; }
      .import-modal .import-header-content.sm .dropdown .dropdown-select {
        font-size: 18px; }
    .import-modal .import-header-content .dropdown {
      padding: 0 8px; }
      .import-modal .import-header-content .dropdown .dropdown-select {
        font-size: 22px;
        padding: 0;
        line-height: 0.8; }
        .import-modal .import-header-content .dropdown .dropdown-select > svg {
          height: 10px !important;
          width: 10px !important; }
  .import-modal .import-details {
    padding: 12px 0; }
    .import-modal .import-details .import-section {
      margin: 0 0 12px; }
      .import-modal .import-details .import-section .import-section-header {
        position: relative; }
        .import-modal .import-details .import-section .import-section-header .import-header-loading {
          padding: 8px 0; }
        .import-modal .import-details .import-section .import-section-header label {
          margin: 6px 0 0;
          font-weight: 600;
          padding: 0 0 0 8px;
          color: #86909A; }
          .import-modal .import-details .import-section .import-section-header label.outcomes {
            color: #008AFF; }
          .import-modal .import-details .import-section .import-section-header label.tasks {
            color: #008AFF; }
        .import-modal .import-details .import-section .import-section-header.with-icon {
          padding-left: 24px; }
          .import-modal .import-details .import-section .import-section-header.with-icon > i {
            position: absolute;
            top: 6px;
            left: 0; }
  .import-modal .import-section-description .import-section-header > i {
    top: 6px; }
  .import-modal .import-section-description .form-input {
    padding: 6px;
    border-radius: 12px;
    border: none;
    will-change: border, padding; }
    .import-modal .import-section-description .form-input:hover, .import-modal .import-section-description .form-input:active, .import-modal .import-section-description .form-input:focus {
      border: 1px solid #ced4da;
      padding: 5px; }
    .import-modal .import-section-description .form-input textarea {
      min-height: 70px; }
    .import-modal .import-section-description .form-input textarea,
    .import-modal .import-section-description .form-input input {
      border: 0;
      resize: none;
      padding: 0 6px;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0; }
      .import-modal .import-section-description .form-input textarea:hover, .import-modal .import-section-description .form-input textarea:active, .import-modal .import-section-description .form-input textarea:focus,
      .import-modal .import-section-description .form-input input:hover,
      .import-modal .import-section-description .form-input input:active,
      .import-modal .import-section-description .form-input input:focus {
        border: 0;
        resize: none;
        padding: 0 6px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0; }

@-webkit-keyframes preload_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes preload_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

body div:not(.page-notify):not(#page-notify):not(#react-beautiful-dnd-announcement-0) ~ div .common-modal {
  left: 2% !important;
  top: 8% !important; }

body div:not(.page-notify):not(#page-notify):not(#react-beautiful-dnd-announcement-0) ~ div ~ div .common-modal {
  left: 2% !important;
  top: 12% !important; }

.common-modal {
  top: 5% !important;
  max-width: 600px; }
  .common-modal .common-modal-note {
    border-radius: 12px;
    padding: 24px;
    margin: 0 0 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #E6F5FF;
    color: #86909A;
    font-weight: 300;
    font-size: 14px;
    width: 100%; }
    .common-modal .common-modal-note p {
      margin: 0; }
    .common-modal .common-modal-note i {
      margin: 0 8px 0 0; }
  .common-modal .common-modal-details {
    border-top: 1px solid #E0E6EC;
    padding: 12px 0 0;
    margin: 12px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    .common-modal .common-modal-details.details {
      overflow: hidden auto;
      padding: 8px 8px 8px 0; }
      .common-modal .common-modal-details.details:hover::-webkit-scrollbar-thumb, .common-modal .common-modal-details.details:focus::-webkit-scrollbar-thumb, .common-modal .common-modal-details.details:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .common-modal .common-modal-details.details::-webkit-scrollbar-track {
        background-color: transparent; }
      .common-modal .common-modal-details.details::-webkit-scrollbar {
        border-radius: 6px;
        width: 4px; }
      .common-modal .common-modal-details.details::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 6px; }
    .common-modal .common-modal-details.loading .preload-container {
      height: 50px;
      position: relative;
      width: 100%; }
      .common-modal .common-modal-details.loading .preload-container .spinner-container {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 500px;
        margin-left: -250px;
        margin-top: -26px; }
        .common-modal .common-modal-details.loading .preload-container .spinner-container .spinner {
          height: 52px;
          width: 52px;
          margin: 0 auto;
          display: block;
          -webkit-animation: preload_animation .8s linear infinite;
          animation: preload_animation .8s linear infinite;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-perspective: 1000;
          perspective: 1000; }
    .common-modal .common-modal-details .common-columns {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      width: 100%; }
      .common-modal .common-modal-details .common-columns .common-column {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .common-modal .common-modal-details .common-columns .common-column > div {
          margin: 0 0 8px; }
    .common-modal .common-modal-details .common-modal-field.fieldselector .dataselect {
      height: 40px;
      width: 100%; }
      .common-modal .common-modal-details .common-modal-field.fieldselector .dataselect .form-input i {
        bottom: 0 !important;
        top: 0 !important;
        height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .common-modal .common-modal-details .common-modal-field.fieldselector .dataselect .form-input .form-control {
        height: 38px !important;
        max-height: 38px !important; }
    .common-modal .common-modal-details .common-modal-field.fieldselector .selector-field {
      height: 40px; }
      .common-modal .common-modal-details .common-modal-field.fieldselector .selector-field .form-input .form-control {
        height: 38px;
        max-height: 38px; }
    .common-modal .common-modal-details .common-modal-field.dataset .dataset-select {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .common-modal .common-modal-details .common-modal-field.dataset .dataset-select > span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 12px 0 0; }
        .common-modal .common-modal-details .common-modal-field.dataset .dataset-select > span > div {
          margin: 0;
          width: 40px; }
      .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon {
        border: 1px solid transparent;
        border-radius: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 28px;
        width: 28px; }
        .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:hover, .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:active, .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:focus {
          border: 1px solid #BBC4CD; }
          .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:hover svg, .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:active svg, .common-modal .common-modal-details .common-modal-field.dataset .dataset-select .btn.btn-icon:focus svg {
            fill: #515A63 !important; }
    .common-modal .common-modal-details.form {
      border: 0;
      padding: 0;
      margin: 0; }
      .common-modal .common-modal-details.form .common-modal-form {
        width: 100%; }
        .common-modal .common-modal-details.form .common-modal-form .common-canvas {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          width: 100%; }
          .common-modal .common-modal-details.form .common-modal-form .common-canvas b {
            margin: 0 8px 0 0; }
        .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section {
          padding: 0 0 8px; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas {
            position: relative; }
            .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: end;
              -webkit-justify-content: flex-end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end;
              position: absolute;
              right: 0; }
              .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions .btn.btn-icon {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 0 0 4px;
                border: 1px solid transparent !important;
                background: transparent !important;
                border-radius: 6px;
                width: 24px;
                height: 24px;
                padding: 0;
                cursor: pointer; }
                .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions .btn.btn-icon i {
                  margin: 0 6px 0 0; }
                .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions .btn.btn-icon:hover, .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions .btn.btn-icon:active, .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-canvas .common-canvas-actions .btn.btn-icon:focus {
                  border: 1px solid #BBC4CD !important; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section > label {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            margin: 0 0 8px;
            background: #F2F5F7;
            width: 100%;
            padding: 4px;
            border-radius: 6px;
            position: relative; }
            .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section > label i.add {
              border: 1px solid #86909A;
              border-radius: 50%;
              width: 18px;
              height: 18px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              position: absolute;
              right: 4px;
              top: 4px;
              cursor: pointer;
              background: transparent;
              -webkit-transition: all .2s ease;
              transition: all .2s ease; }
              .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section > label i.add:hover, .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section > label i.add:active, .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section > label i.add:focus {
                background: white; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .lookup-canvas,
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .lookup-collection {
            font-size: 14px;
            font-weight: 500;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 8px 0 0; }
            .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .lookup-canvas b,
            .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .lookup-collection b {
              margin: 0 6px 0 0; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .form-input select,
          .common-modal .common-modal-details.form .common-modal-form .common-modal-form-section .editable-field input {
            height: 32px;
            font-size: 14px;
            padding: 2px 12px; }
        .common-modal .common-modal-details.form .common-modal-form .common-modal-field.select select {
          width: auto;
          height: 32px;
          min-height: 32px; }
        .common-modal .common-modal-details.form .common-modal-form .common-modal-field .selector-field {
          width: 50%; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-field .selector-field .form-input .form-control {
            height: 32px;
            max-height: 32px; }
          .common-modal .common-modal-details.form .common-modal-form .common-modal-field .selector-field.static .selector-field-icon {
            min-width: 32px;
            width: 32px;
            height: 32px; }
            .common-modal .common-modal-details.form .common-modal-form .common-modal-field .selector-field.static .selector-field-icon .entity-add-button {
              width: 32px;
              height: 32px;
              padding: 4px !important;
              margin: 0 !important; }
    .common-modal .common-modal-details .separator {
      border-top: 1px solid #E0E6EC;
      display: block;
      width: 100%;
      height: 1px;
      margin: 10px 0; }
    .common-modal .common-modal-details .common-modal-columns {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin: 12px 0 0;
      padding: 12px 0 0; }
      .common-modal .common-modal-details .common-modal-columns .common-modal-column {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-right: 1px solid #E0E6EC;
        margin: 0 12px 0 0;
        padding: 0 12px 0 0; }
        .common-modal .common-modal-details .common-modal-columns .common-modal-column:last-of-type {
          margin: 0;
          padding: 0;
          border: none; }
    .common-modal .common-modal-details .common-modal-options .common-modal-field,
    .common-modal .common-modal-details .common-modal-field {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 0 0 12px;
      width: 100%; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field:last-of-type,
      .common-modal .common-modal-details .common-modal-field:last-of-type {
        margin: 0; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field.c,
      .common-modal .common-modal-details .common-modal-field.c {
        margin: 0 0 -12px; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field.lg,
      .common-modal .common-modal-details .common-modal-field.lg {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 8px 0; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field.lg > label,
        .common-modal .common-modal-details .common-modal-field.lg > label {
          width: 100%;
          height: 28px; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field.select .form-input,
      .common-modal .common-modal-details .common-modal-options .common-modal-field.select select,
      .common-modal .common-modal-details .common-modal-field.select .form-input,
      .common-modal .common-modal-details .common-modal-field.select select {
        width: 100%;
        border-radius: 8px;
        height: 32px;
        min-height: 32px;
        padding: 4px 8px;
        font-size: 14px; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field.required > label span:after,
      .common-modal .common-modal-details .common-modal-field.required > label span:after {
        content: '\2022';
        color: #FF4450;
        margin: 0 2px;
        font-weight: 700; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field .file-picker,
      .common-modal .common-modal-details .common-modal-field .file-picker {
        width: auto; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field .form-input,
      .common-modal .common-modal-details .common-modal-field .form-input {
        padding: 0; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field .form-input .form-control,
        .common-modal .common-modal-details .common-modal-field .form-input .form-control {
          padding: 4px 8px;
          height: 30px;
          max-height: 30px;
          border-radius: 8px;
          font-size: 14px; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field > label,
      .common-modal .common-modal-details .common-modal-field > label {
        width: -webkit-calc(600px / 4);
        width: calc(600px / 4);
        min-width: -webkit-calc(600px / 4);
        min-width: calc(600px / 4);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
        padding: 0; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i,
        .common-modal .common-modal-details .common-modal-field > label > i {
          margin: 0 8px 0 0; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add,
        .common-modal .common-modal-details .common-modal-field > label > i.add {
          height: 24px;
          width: 24px;
          margin: 0 8px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border: 1px solid #BBC4CD;
          border-radius: 50%;
          cursor: pointer; }
          .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add .dropdown .dropdown-select.btn,
          .common-modal .common-modal-details .common-modal-field > label > i.add .dropdown .dropdown-select.btn {
            -webkit-transform: translate(0) !important;
            -ms-transform: translate(0) !important;
            transform: translate(0) !important; }
          .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:hover, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:focus, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:active,
          .common-modal .common-modal-details .common-modal-field > label > i.add:hover,
          .common-modal .common-modal-details .common-modal-field > label > i.add:focus,
          .common-modal .common-modal-details .common-modal-field > label > i.add:active {
            background: #BBC4CD;
            -webkit-transform: scale(1) !important;
            -ms-transform: scale(1) !important;
            transform: scale(1) !important; }
            .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:hover svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:focus svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > i.add:active svg,
            .common-modal .common-modal-details .common-modal-field > label > i.add:hover svg,
            .common-modal .common-modal-details .common-modal-field > label > i.add:focus svg,
            .common-modal .common-modal-details .common-modal-field > label > i.add:active svg {
              fill: white !important; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span,
        .common-modal .common-modal-details .common-modal-field > label > span {
          text-transform: uppercase;
          color: #BBC4CD;
          font-weight: 600;
          font-size: 12px; }
          .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span:not(.side),
          .common-modal .common-modal-details .common-modal-field > label > span:not(.side) {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1; }
          .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.side,
          .common-modal .common-modal-details .common-modal-field > label > span.side {
            margin: 0 0 0 8px; }
          .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons,
          .common-modal .common-modal-details .common-modal-field > label > span.icons {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex; }
            .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon,
            .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon {
              margin: 0 0 0 8px;
              border: 1px solid transparent;
              border-radius: 8px;
              width: 28px;
              height: 28px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              padding: 0 !important; }
              .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon.active > svg,
              .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon.active > svg {
                fill: #38A0FF !important; }
              .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):active,
              .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover,
              .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus,
              .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):active {
                border: 1px solid #BBC4CD; }
                .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover > svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus > svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):active > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):active > svg {
                  fill: #515A63 !important; }
                .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover.active > svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus.active > svg, .common-modal .common-modal-details .common-modal-options .common-modal-field > label > span.icons .btn-icon:not(.disabled):active.active > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):hover.active > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):focus.active > svg,
                .common-modal .common-modal-details .common-modal-field > label > span.icons .btn-icon:not(.disabled):active.active > svg {
                  fill: #008AFF !important; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field .common-importance,
      .common-modal .common-modal-details .common-modal-field .common-importance {
        background: #F2F6F8;
        border-radius: 8px;
        padding: 8px; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field .common-importance,
      .common-modal .common-modal-details .common-modal-field .common-importance {
        padding: 4px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .common-modal .common-modal-details .common-modal-options .common-modal-field .importance,
      .common-modal .common-modal-details .common-modal-field .importance {
        white-space: nowrap;
        margin: 0; }
        .common-modal .common-modal-details .common-modal-options .common-modal-field .importance.most,
        .common-modal .common-modal-details .common-modal-field .importance.most {
          width: 120px; }
  .common-modal .common-modal-actions {
    border-top: 1px solid #E0E6EC;
    padding: 12px 0 0;
    margin: 12px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .common-modal .common-modal-actions > div, .common-modal .common-modal-actions > button {
      margin: 0 0 0 8px; }
    .common-modal .common-modal-actions .common-modal-tabs {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%; }
      .common-modal .common-modal-actions .common-modal-tabs .error,
      .common-modal .common-modal-actions .common-modal-tabs .info {
        font-size: 12px;
        font-weight: 600;
        margin: 0; }
      .common-modal .common-modal-actions .common-modal-tabs .error {
        color: #FF4450; }
    .common-modal .common-modal-actions button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .common-modal .common-modal-actions button > i {
        margin: 0 0 0 8px; }
    .common-modal .common-modal-actions .btn-icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      width: 38px;
      height: 38px;
      cursor: pointer;
      background: transparent; }
      .common-modal .common-modal-actions .btn-icon:hover, .common-modal .common-modal-actions .btn-icon:focus, .common-modal .common-modal-actions .btn-icon:active {
        background: #ABB2B9 !important; }
    .common-modal .common-modal-actions .actions-checklist {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin: 0; }
      .common-modal .common-modal-actions .actions-checklist .actions-check {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .common-modal .common-modal-actions .actions-checklist .actions-check.checked i {
          background: #E0E6EC; }
        .common-modal .common-modal-actions .actions-checklist .actions-check.checked label {
          color: #BBC4CD;
          text-decoration: line-through; }
        .common-modal .common-modal-actions .actions-checklist .actions-check i {
          display: block;
          width: 8px;
          height: 8px;
          background: #86909A;
          border-radius: 50%;
          margin: 0 8px 0; }
        .common-modal .common-modal-actions .actions-checklist .actions-check label {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          margin: 0;
          padding: 0;
          font-size: 12px;
          font-weight: 400;
          color: #86909A; }
  .common-modal .mobile-modal-tabs,
  .common-modal .common-modal-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal .mobile-modal-tabs .tab,
    .common-modal .common-modal-tabs .tab {
      margin: 0 4px 0 0;
      color: #707172;
      font-weight: 400;
      background: transparent;
      padding: 1px 8px;
      border-radius: 18px;
      font-size: 13px;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      white-space: nowrap; }
      .common-modal .mobile-modal-tabs .tab.disabled,
      .common-modal .common-modal-tabs .tab.disabled {
        color: #BBC4CD;
        cursor: initial; }
      .common-modal .mobile-modal-tabs .tab:not(.disabled).active, .common-modal .mobile-modal-tabs .tab:not(.disabled):hover, .common-modal .mobile-modal-tabs .tab:not(.disabled):focus, .common-modal .mobile-modal-tabs .tab:not(.disabled):active,
      .common-modal .common-modal-tabs .tab:not(.disabled).active,
      .common-modal .common-modal-tabs .tab:not(.disabled):hover,
      .common-modal .common-modal-tabs .tab:not(.disabled):focus,
      .common-modal .common-modal-tabs .tab:not(.disabled):active {
        color: white;
        background: #ABB2B9; }
  .common-modal .common-modal-alias {
    min-height: 250px;
    width: 100%; }
    .common-modal .common-modal-alias .common-modal-alias-content {
      width: 100%;
      max-height: 240px;
      overflow: hidden auto;
      padding: 0 32px; }
      .common-modal .common-modal-alias .common-modal-alias-content:hover::-webkit-scrollbar-thumb, .common-modal .common-modal-alias .common-modal-alias-content:focus::-webkit-scrollbar-thumb, .common-modal .common-modal-alias .common-modal-alias-content:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .common-modal .common-modal-alias .common-modal-alias-content::-webkit-scrollbar-track {
        background-color: transparent; }
      .common-modal .common-modal-alias .common-modal-alias-content::-webkit-scrollbar {
        border-radius: 6px;
        width: 4px; }
      .common-modal .common-modal-alias .common-modal-alias-content::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 6px; }
    .common-modal .common-modal-alias .form-input.alias-input {
      position: relative; }
      .common-modal .common-modal-alias .form-input.alias-input:hover u, .common-modal .common-modal-alias .form-input.alias-input:active u, .common-modal .common-modal-alias .form-input.alias-input:focus u {
        opacity: 1; }
      .common-modal .common-modal-alias .form-input.alias-input > u {
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: 12px;
        right: -24px;
        cursor: pointer;
        opacity: 0; }
        .common-modal .common-modal-alias .form-input.alias-input > u svg {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1); }
        .common-modal .common-modal-alias .form-input.alias-input > u:hover svg, .common-modal .common-modal-alias .form-input.alias-input > u:active svg, .common-modal .common-modal-alias .form-input.alias-input > u:focus svg {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
      .common-modal .common-modal-alias .form-input.alias-input > i {
        position: absolute;
        right: 12px;
        bottom: 15px;
        top: initial; }
      .common-modal .common-modal-alias .form-input.alias-input .form-control {
        border-radius: 8px; }
      .common-modal .common-modal-alias .form-input.alias-input label {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 0 12px; }
        .common-modal .common-modal-alias .form-input.alias-input label i {
          position: relative;
          left: initial;
          right: initial;
          top: initial;
          bottom: initial;
          margin: 0 6px 0 0; }
        .common-modal .common-modal-alias .form-input.alias-input label span:not(.main) {
          text-transform: uppercase;
          color: #BBC4CD;
          font-weight: 600;
          font-size: 12px;
          margin: 0 6px 0 0;
          dislay: block; }
        .common-modal .common-modal-alias .form-input.alias-input label .btn {
          height: auto;
          line-height: normal;
          padding: 2px 6px !important;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border: 1px solid transparent;
          color: white; }
          .common-modal .common-modal-alias .form-input.alias-input label .btn svg {
            margin: 0 4px 0 0; }
        .common-modal .common-modal-alias .form-input.alias-input label span.main {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          width: 100%;
          margin: 0 6px 0 0;
          color: #515A63;
          display: block; }
  .common-modal .common-modal-description textarea {
    margin: 8px 0 0;
    line-height: normal;
    padding: 8px;
    border-radius: 8px;
    font-weight: 600;
    color: #515A63;
    font-size: 16px;
    background: transparent;
    border: 1px solid #E0E6EC;
    overflow: hidden; }
    .common-modal .common-modal-description textarea:hover, .common-modal .common-modal-description textarea:active, .common-modal .common-modal-description textarea:focus {
      cursor: text;
      background: transparent;
      border: 1px solid #BBC4CD; }
  .common-modal .common-modal-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal .common-modal-header u.close {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer; }
    .common-modal .common-modal-header .common-modal-icon {
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 8px 0 0; }
      .common-modal .common-modal-header .common-modal-icon.jpg {
        width: 64px;
        height: 64px; }
        .common-modal .common-modal-header .common-modal-icon.jpg > i {
          width: 64px;
          height: 64px; }
      .common-modal .common-modal-header .common-modal-icon > i {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        overflow: hidden;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .common-modal .common-modal-header .common-modal-icon .persona-avatar > div {
        height: inherit !important;
        width: inherit !important; }
    .common-modal .common-modal-header h3 {
      margin: 0 24px 0 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .common-modal .common-modal-header h3 > span {
        font-weight: 600;
        color: #515A63;
        font-size: 14px;
        padding: 0 8px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      .common-modal .common-modal-header h3 label {
        font-size: 18px; }
      .common-modal .common-modal-header h3 textarea {
        margin: 0;
        min-height: 28px;
        line-height: normal;
        padding: 0 8px;
        border-radius: 8px;
        font-weight: 600;
        color: #515A63;
        font-size: 18px;
        background: transparent;
        border: 1px solid transparent;
        overflow: hidden; }
        .common-modal .common-modal-header h3 textarea:not(:-moz-read-only):hover, .common-modal .common-modal-header h3 textarea:not(:-moz-read-only):active, .common-modal .common-modal-header h3 textarea:not(:-moz-read-only):focus {
          cursor: text;
          background: transparent;
          border: 1px solid #BBC4CD; }
        .common-modal .common-modal-header h3 textarea:not(:read-only):hover, .common-modal .common-modal-header h3 textarea:not(:read-only):active, .common-modal .common-modal-header h3 textarea:not(:read-only):focus {
          cursor: text;
          background: transparent;
          border: 1px solid #BBC4CD; }
  .common-modal .common-modal-favourite {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 0 8px;
    cursor: pointer;
    width: auto; }
    .common-modal .common-modal-favourite:hover i > svg, .common-modal .common-modal-favourite:active i > svg, .common-modal .common-modal-favourite:focus i > svg {
      fill: #FFC900 !important; }
    .common-modal .common-modal-favourite label {
      font-size: 12px;
      font-weight: 500;
      color: #ABB2B9;
      margin: 0 4px;
      padding: 0;
      cursor: pointer; }
    .common-modal .common-modal-favourite i {
      cursor: pointer;
      width: 24px;
      height: 24px;
      background: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .common-modal .circle-picker {
    margin: 0 0 0 8px; }
  .common-modal .dropdown .dropdown-toggle.dropdown-select {
    color: #515A63 !important; }
  .common-modal .common-fields-menu {
    padding: 0 8px; }
    .common-modal .common-fields-menu .common-field-header {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      padding: 0 8px;
      color: #BBC4CD;
      margin: 0 0 12px; }
    .common-modal .common-fields-menu .common-icons {
      padding: 0 8px; }
      .common-modal .common-fields-menu .common-icons .btn {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-radius: 8px;
        margin: 0 0 12px;
        padding: 8px !important; }
        .common-modal .common-fields-menu .common-icons .btn i {
          margin: 0 8px 0 0; }
        .common-modal .common-fields-menu .common-icons .btn.spacer:hover svg, .common-modal .common-fields-menu .common-icons .btn.spacer:active svg, .common-modal .common-fields-menu .common-icons .btn.spacer:focus svg {
          stroke: white !important; }
  .common-modal .form-input.form-icon-selector {
    margin: 0 auto;
    max-width: 460px;
    padding: 12px 0 0; }
  .common-modal .form-input.form-avatar-selector2 {
    margin: 0 auto;
    max-width: 400px;
    padding: 12px 0 0; }
    .common-modal .form-input.form-avatar-selector2 .form-avatar-container .form-avatar-icons {
      max-height: 184px; }
  .common-modal .jpg-personas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .common-modal .jpg-personas > div, .common-modal .jpg-personas > i {
      margin-right: 8px; }
  .common-modal .effort-field, .common-modal .effort-field-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal .effort-field > i, .common-modal .effort-field-sub > i {
      margin: 0 6px; }
  .common-modal .jpg-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 12px;
    margin: 0 0 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-height: 24px; }
    .common-modal .jpg-title span {
      color: #ABB2B9;
      margin: 0 4px;
      font-weight: 300; }
    .common-modal .jpg-title b {
      color: #515A63;
      margin: 0 4px;
      font-weight: 700; }
      .common-modal .jpg-title b.job {
        color: #38A0FF; }
      .common-modal .jpg-title b.pain {
        color: #FF4450; }
      .common-modal .jpg-title b.gain {
        color: #4DD500; }
      .common-modal .jpg-title b.product {
        color: #2C598D; }
      .common-modal .jpg-title b.service {
        color: #2C598D; }
      .common-modal .jpg-title b.feature {
        color: #2C598D; }
      .common-modal .jpg-title b.reliever {
        color: #FF6B33; }
      .common-modal .jpg-title b.creator {
        color: #52C1CE; }
    .common-modal .jpg-title i.jpg-badge {
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 8px;
      margin: 0 6px 2px 0;
      background: #BBC4CD; }
      .common-modal .jpg-title i.jpg-badge.job {
        background: #38A0FF; }
      .common-modal .jpg-title i.jpg-badge.pain {
        background: #FF4450; }
      .common-modal .jpg-title i.jpg-badge.gain {
        background: #4DD500; }
      .common-modal .jpg-title i.jpg-badge.product {
        background: #2C598D; }
      .common-modal .jpg-title i.jpg-badge.service {
        background: #2C598D; }
      .common-modal .jpg-title i.jpg-badge.feature {
        background: #2C598D; }
      .common-modal .jpg-title i.jpg-badge.reliever {
        background: #FF6B33; }
      .common-modal .jpg-title i.jpg-badge.creator {
        background: #52C1CE; }
    .common-modal .jpg-title .jpg-styles {
      position: absolute;
      right: 0; }

.common-modal.datefn-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-modal-field > .form-input,
.common-modal.datefn-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-modal-field.select > select {
  width: 50%; }

.common-modal.concat-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-modal-field > .form-input,
.common-modal.concat-modal .common-modal-details.form .common-modal-form .common-modal-form-section .common-modal-field.select > select {
  width: 50%; }

.common-modal.concat-modal .input-replacements {
  min-height: 30vh; }

.common-modal.concat-modal .entity-add .graph-block-popup-body .entity-selector {
  max-height: 150px !important; }

.common-modal.mobile-modal .common-modal-actions,
.common-modal.mobile-modal .common-modal-header {
  display: none; }

.common-modal.mobile-modal .mobile-modal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 48px;
  padding: 0 0 12px;
  position: relative; }
  .common-modal.mobile-modal .mobile-modal-header .mobile-modal-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 5;
    height: inherit;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .common-modal.mobile-modal .mobile-modal-header .mobile-modal-title .h3 {
      font-size: 16px;
      font-weight: 600;
      color: #212326;
      margin: 0;
      position: relative;
      width: 100%;
      word-break: break-word;
      max-width: 65vw;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .common-modal.mobile-modal .mobile-modal-header .mobile-modal-actionleft,
  .common-modal.mobile-modal .mobile-modal-header .mobile-modal-actionright {
    position: absolute;
    z-index: 10;
    top: 0;
    height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 12px; }
  .common-modal.mobile-modal .mobile-modal-header .mobile-modal-actionright {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0; }
  .common-modal.mobile-modal .mobile-modal-header .mobile-modal-actionleft {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0; }

.common-modal.mobile-modal .common-modal-details {
  max-height: -webkit-calc(100vh - 112px) !important;
  max-height: calc(100vh - 112px) !important; }

.common-modal.mobile-modal .mobile-modal-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
  padding: 12px; }
  .common-modal.mobile-modal .mobile-modal-actions .btn.trash {
    color: #FF4450; }

.common-modal.mobile-modal .mobile-modal-tabs {
  padding: 12px 0 0;
  height: 48px;
  border-top: 1px solid #E0E6EC; }

.common-conditions {
  max-height: 200px;
  width: 100%;
  overflow: hidden auto; }
  .common-conditions:hover::-webkit-scrollbar-thumb, .common-conditions:focus::-webkit-scrollbar-thumb, .common-conditions:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .common-conditions:hover::-webkit-scrollbar-track, .common-conditions:focus::-webkit-scrollbar-track, .common-conditions:active::-webkit-scrollbar-track {
    background-color: #E0E6EC; }
  .common-conditions::-webkit-scrollbar-track {
    background-color: #F9FAFA; }
  .common-conditions::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
    height: 4px; }
  .common-conditions::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 4px; }
  .common-conditions .common-conditions-group .common-conditions-content {
    margin: 0 0 0 24px; }
  .common-conditions .common-conditions-group label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 8px;
    margin: 8px 0 0;
    padding: 0 12px 0 0;
    background: #f2f5f7;
    position: relative; }
    .common-conditions .common-conditions-group label > span {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .common-conditions .common-conditions-group label > i {
      margin: 0 8px 0 0; }
  .common-conditions .common-conditions-group .common-conditions-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 4px; }
    .common-conditions .common-conditions-group .common-conditions-actions .btn.btn-icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 0 0 4px;
      border: 1px solid transparent !important;
      background: transparent !important;
      border-radius: 6px;
      width: 24px;
      height: 24px;
      padding: 0;
      cursor: pointer; }
      .common-conditions .common-conditions-group .common-conditions-actions .btn.btn-icon i {
        margin: 0 6px 0 0; }
      .common-conditions .common-conditions-group .common-conditions-actions .btn.btn-icon:hover, .common-conditions .common-conditions-group .common-conditions-actions .btn.btn-icon:active, .common-conditions .common-conditions-group .common-conditions-actions .btn.btn-icon:focus {
        border: 1px solid #BBC4CD !important; }
  .common-conditions .common-condition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative; }
    .common-conditions .common-condition .condition-expression {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      max-width: 90%; }
      .common-conditions .common-condition .condition-expression .value {
        max-width: 40%; }
      .common-conditions .common-condition .condition-expression .operator {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .common-conditions .common-condition .condition-expression .modify {
        font-size: 12px;
        font-weight: 600;
        margin: 0 4px 0 0px; }
    .common-conditions .common-condition .condition-actions {
      position: absolute;
      right: 0;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      opacity: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .common-conditions .common-condition .condition-actions .btn-icon {
        margin: 0 0 0 8px;
        border: 1px solid transparent;
        border-radius: 8px;
        width: 28px;
        height: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 !important; }
        .common-conditions .common-condition .condition-actions .btn-icon.active > svg {
          fill: #38A0FF !important; }
        .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):hover, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):focus, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):active {
          border: 1px solid #BBC4CD; }
          .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):hover > svg, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):focus > svg, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):active > svg {
            fill: #515A63 !important; }
          .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):hover.active > svg, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):focus.active > svg, .common-conditions .common-condition .condition-actions .btn-icon:not(.disabled):active.active > svg {
            fill: #008AFF !important; }
    .common-conditions .common-condition:hover, .common-conditions .common-condition:active, .common-conditions .common-condition:focus {
      cursor: pointer; }
      .common-conditions .common-condition:hover .condition-actions, .common-conditions .common-condition:active .condition-actions, .common-conditions .common-condition:focus .condition-actions {
        opacity: 1; }

@media screen and (max-width: 870px) {
  .common-modal {
    top: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0;
    border-radius: 0; }
    .common-modal .common-modal-header,
    .common-modal .common-modal-actions {
      height: 60px;
      margin: 0; }
    .common-modal .common-modal-details {
      height: 100%;
      margin: 0;
      max-height: -webkit-calc(100vh - 142px) !important;
      max-height: calc(100vh - 142px) !important; }
  .modal-body {
    padding: 0.75em 0.75em 0; }
  .modal-content {
    border-radius: 0;
    height: inherit; } }

.chatbot-share .form-input.form-color .circle-picker {
  padding: 8px 12px 0 12px; }

.chatbot-share .form-popup-toggle > div {
  margin: 0 0 0 14px; }

.chatbot-share .form-popup-icon .vb-popup-icon-container {
  margin: 8px 12px 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .chatbot-share .form-popup-icon .vb-popup-icon-container > div {
    margin: 0 18px 0 0; }
  .chatbot-share .form-popup-icon .vb-popup-icon-container .vb-popup-icon-upload {
    width: 48px;
    height: 48px;
    border: 1px solid #ced4da;
    border-radius: 14px;
    padding-top: 4px;
    background: #F9FAFA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .chatbot-share .form-popup-icon .vb-popup-icon-container .vb-popup-icon-upload input {
      display: none; }
    .chatbot-share .form-popup-icon .vb-popup-icon-container .vb-popup-icon-upload:hover, .chatbot-share .form-popup-icon .vb-popup-icon-container .vb-popup-icon-upload:active, .chatbot-share .form-popup-icon .vb-popup-icon-container .vb-popup-icon-upload:focus {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

.avatar-styler .btn {
  position: relative; }

.avatar-styler .btn.palette .circle-picker {
  position: absolute;
  left: 0;
  top: -16px; }

.editable-select {
  width: 100%;
  max-height: 200px;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F2F5F7;
  margin: 4px 0 0;
  padding: 4px;
  border-radius: 4px; }
  .editable-select .editable-select-wrapper {
    width: 100%;
    max-height: 200px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: inherit;
    padding: 0 8px;
    overflow: hidden auto; }
    .editable-select .editable-select-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .editable-select .editable-select-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .editable-select .editable-select-wrapper::-webkit-scrollbar-thumb {
      background-color: #BBC4CD;
      border-radius: 6px; }
  .editable-select.empty p {
    padding: 24px 0;
    font-weight: 300;
    font-size: 16px;
    color: #86909A;
    text-align: center;
    margin: 0;
    width: 100%;
    min-height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .editable-select.empty p > i {
      margin: 0 2px;
      display: inherit; }
  .editable-select .editable-select-item {
    width: 100%;
    min-height: 30px;
    padding: 4px 0;
    border-bottom: 1px solid #ced4da;
    position: relative; }
    .editable-select .editable-select-item:last-of-type {
      border-bottom: none; }
    .editable-select .editable-select-item:hover span.actions,
    .editable-select .editable-select-item:hover i.remove, .editable-select .editable-select-item:active span.actions,
    .editable-select .editable-select-item:active i.remove, .editable-select .editable-select-item:focus span.actions,
    .editable-select .editable-select-item:focus i.remove {
      opacity: 1; }
    .editable-select .editable-select-item.owner label, .editable-select .editable-select-item.link label, .editable-select .editable-select-item.carousel2 label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 0 0 0 44px !important; }
      .editable-select .editable-select-item.owner label .thumb, .editable-select .editable-select-item.link label .thumb, .editable-select .editable-select-item.carousel2 label .thumb {
        display: block;
        background-color: #BBC4CD;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        max-height: 32px;
        height: 32px;
        width: 32px;
        border-radius: 8px;
        margin: 0 8px 0 0; }
    .editable-select .editable-select-item label {
      margin: 0 !important;
      padding: 0 !important;
      text-align: center;
      display: block;
      color: #707172;
      cursor: text; }
    .editable-select .editable-select-item span.actions {
      z-index: 1000;
      opacity: 0;
      position: absolute;
      right: 4px;
      top: 0;
      height: 26px;
      margin-bottom: 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .editable-select .editable-select-item span.actions > b, .editable-select .editable-select-item span.actions > div {
        margin: 0 0 0 6px; }
    .editable-select .editable-select-item u.color {
      position: absolute;
      left: 0;
      top: 0;
      height: 22px;
      margin: 4px; }
    .editable-select .editable-select-item b.remove,
    .editable-select .editable-select-item i.remove {
      width: 24px;
      height: 24px;
      margin-bottom: 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 50%;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
      background: #bbc4cd;
      -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
      transform: scale(1) !important; }
      .editable-select .editable-select-item b.remove:hover, .editable-select .editable-select-item b.remove:active, .editable-select .editable-select-item b.remove:focus,
      .editable-select .editable-select-item i.remove:hover,
      .editable-select .editable-select-item i.remove:active,
      .editable-select .editable-select-item i.remove:focus {
        background: #ABB2B9;
        -webkit-transform: scale(1.1) !important;
        -ms-transform: scale(1.1) !important;
        transform: scale(1.1) !important; }
    .editable-select .editable-select-item i.remove {
      z-index: 1000;
      opacity: 0;
      position: absolute;
      right: 4px;
      top: 0; }
    .editable-select .editable-select-item i.checkbox {
      width: 22px;
      height: 22px;
      border-radius: 6px;
      border: 1px solid #BBC4CD;
      position: absolute;
      left: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden; }
      .editable-select .editable-select-item i.checkbox.checked {
        background: #4DD500;
        border: 1px solid #4DD500; }
      .editable-select .editable-select-item i.checkbox:not(.checked) > svg {
        visibility: hidden; }
    .editable-select .editable-select-item textarea {
      margin: 0 !important;
      padding: 0 !important;
      text-align: center;
      display: block;
      color: #707172;
      cursor: text; }
      .editable-select .editable-select-item textarea:hover, .editable-select .editable-select-item textarea:active, .editable-select .editable-select-item textarea:focus {
        cursor: text;
        background-color: #E0E6EC; }

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0; }

[data-tippy-root] {
  max-width: -webkit-calc(100vw - 10px);
  max-width: calc(100vw - 10px); }

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  -webkit-transition-property: visibility,opacity,-webkit-transform;
  transition-property: visibility,opacity,-webkit-transform;
  transition-property: transform,visibility,opacity;
  transition-property: transform,visibility,opacity,-webkit-transform; }

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0; }

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top; }

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0; }

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0; }

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left; }

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0; }

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  -webkit-transform-origin: center right;
  -ms-transform-origin: center right;
  transform-origin: center right; }

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333; }

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid; }

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1; }

.selector-field-group.date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .selector-field-group.date .operator-selector {
    margin: 12px; }

.selector-field {
  position: relative;
  width: 300px; }
  .selector-field input::-webkit-outer-spin-button,
  .selector-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .selector-field .dropdown-menu {
    min-width: 250px;
    max-width: 250px;
    width: 250px; }
  .selector-field input[type=number] {
    -moz-appearance: textfield; }
  .selector-field .form-input {
    padding: 0 !important;
    width: 100%; }
    .selector-field .form-input .form-control {
      border-radius: 10px; }
  .selector-field .selector-field-select {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    background: #F5F6F7;
    border-left: 1px solid #ced4da;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
    .selector-field .selector-field-select .dropdown-select .form-input {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .selector-field .selector-field-select .dropdown-select .form-input .form-control {
        background: transparent;
        border: none !important;
        line-height: normal;
        padding: 0 8px !important; }
      .selector-field .selector-field-select .dropdown-select .form-input i {
        position: relative;
        right: initial;
        top: initial;
        margin: 0 4px 0 0; }
  .selector-field .selector-field-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    background: #F5F6F7;
    border: 1px solid #BBC4CD;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  .selector-field .blocktypes .blocktypes-action .form-input.form-search .form-control {
    padding-right: 24px !important; }
  .selector-field .blocktypes .blocktypes-action .form-input.form-search i {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    right: 8px !important; }
  .selector-field.date, .selector-field.static, .selector-field.compact {
    border: 1px solid #ced4da;
    border-radius: 10px; }
    .selector-field.date .form-input .form-control, .selector-field.static .form-input .form-control, .selector-field.compact .form-input .form-control {
      border: none;
      padding: 8px !important; }
    .selector-field.date.editing, .selector-field.static.editing, .selector-field.compact.editing {
      max-width: 200px; }
      .selector-field.date.editing .selector-edit-icon, .selector-field.static.editing .selector-edit-icon, .selector-field.compact.editing .selector-edit-icon {
        opacity: 0;
        z-index: -1; }
    .selector-field.date:not(.editing).has-value, .selector-field.static:not(.editing).has-value, .selector-field.compact:not(.editing).has-value {
      max-width: 100px; }
      .selector-field.date:not(.editing).has-value .form-input .form-control, .selector-field.static:not(.editing).has-value .form-input .form-control, .selector-field.compact:not(.editing).has-value .form-input .form-control {
        text-align: center; }
      .selector-field.date:not(.editing).has-value .form-field > label, .selector-field.static:not(.editing).has-value .form-field > label, .selector-field.compact:not(.editing).has-value .form-field > label {
        white-space: nowrap;
        max-width: -webkit-calc(200px - 34px);
        max-width: calc(200px - 34px);
        overflow: hidden;
        text-overflow: ellipsis; }
        .selector-field.date:not(.editing).has-value .form-field > label > i, .selector-field.static:not(.editing).has-value .form-field > label > i, .selector-field.compact:not(.editing).has-value .form-field > label > i {
          margin: 0 4px 0 0; }
        .selector-field.date:not(.editing).has-value .form-field > label > i.aggregation, .selector-field.static:not(.editing).has-value .form-field > label > i.aggregation, .selector-field.compact:not(.editing).has-value .form-field > label > i.aggregation {
          font-weight: 700;
          color: #515A63;
          font-style: normal;
          margin: 0 2px 0 0; }
      .selector-field.date:not(.editing).has-value .selector-field-icon,
      .selector-field.date:not(.editing).has-value .selector-edit-icon, .selector-field.static:not(.editing).has-value .selector-field-icon,
      .selector-field.static:not(.editing).has-value .selector-edit-icon, .selector-field.compact:not(.editing).has-value .selector-field-icon,
      .selector-field.compact:not(.editing).has-value .selector-edit-icon {
        opacity: 0;
        z-index: -1; }
    .selector-field.date .selector-value-mask, .selector-field.static .selector-value-mask, .selector-field.compact .selector-value-mask {
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.12);
      height: 38px;
      max-height: 38px;
      padding: 8px 12px;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      opacity: 0;
      border-radius: 10px;
      z-index: -1; }
    .selector-field.date .selector-edit-icon, .selector-field.static .selector-edit-icon, .selector-field.compact .selector-edit-icon {
      height: 38px;
      width: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      cursor: pointer;
      opacity: 1;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      background: #F5F6F7;
      border-right: 1px solid #ced4da !important;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    .selector-field.date .selector-field-icon, .selector-field.static .selector-field-icon, .selector-field.compact .selector-field-icon {
      min-width: 38px;
      width: auto;
      border: none; }
      .selector-field.date .selector-field-icon .entity-add-button,
      .selector-field.date .selector-field-icon .selector-icon, .selector-field.static .selector-field-icon .entity-add-button,
      .selector-field.static .selector-field-icon .selector-icon, .selector-field.compact .selector-field-icon .entity-add-button,
      .selector-field.compact .selector-field-icon .selector-icon {
        height: 38px;
        width: 38px;
        padding: 8px !important;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid #ced4da !important;
        border-radius: 0 !important; }
  .selector-field.disabled .form-field {
    background: #F5F6F7; }
  .selector-field.compact {
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    max-width: -webkit-calc(38px * 3);
    max-width: calc(38px * 3); }
  .selector-field.date {
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .selector-field.static {
    margin: 0;
    width: 100%;
    border-radius: 8px; }

.form-field {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 100;
  border-radius: 4px;
  margin: 5px 12px;
  color: #535657;
  font-weight: 600;
  background: #e4e4e4;
  height: 28px;
  line-height: 28px;
  padding: 0 6px; }
  .form-field:hover i.remove, .form-field:active i.remove, .form-field:focus i.remove {
    opacity: 1; }
  .form-field > label {
    font-size: 13px;
    white-space: nowrap;
    max-width: 238px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0; }
  .form-field i.remove {
    width: 26px;
    height: 26px;
    margin-bottom: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
    background: #ABB2B9;
    -webkit-transform: scale(0.8) !important;
    -ms-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
    z-index: 1000;
    opacity: 0;
    position: absolute;
    right: -12px;
    top: -12px; }

.operator-selector .dropdown-menu {
  background: #FFC900;
  color: white;
  min-width: 125px; }

.operator-selector ul.blocktypes li:active,
.operator-selector ul.blocktypes li:hover,
.operator-selector ul.blocktypes li:focus {
  background: rgba(0, 0, 0, 0.12) !important; }

.operator-selector ul.blocktypes li span {
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  color: #F9FAFA;
  font-weight: 700; }

.operator-selector .operator-selector-icon {
  background: #ABB2B9;
  border: 1px solid #ABB2B9;
  width: 22px;
  height: 22px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0; }
  .operator-selector .operator-selector-icon.operator {
    border-radius: 6px;
    background: #FFC900;
    border: 1px solid #FFC900; }

.text-selector-field {
  width: 100%;
  height: auto;
  position: relative; }
  .text-selector-field.sm textarea {
    min-height: 70px; }
  .text-selector-field textarea {
    min-height: 250px; }
    .text-selector-field textarea:hover::-webkit-scrollbar-thumb, .text-selector-field textarea:focus::-webkit-scrollbar-thumb, .text-selector-field textarea:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .text-selector-field textarea::-webkit-scrollbar-track {
      background-color: transparent; }
    .text-selector-field textarea::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .text-selector-field textarea::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
  .text-selector-field .text-selector-field-icon .entity-add {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #ced4da;
    position: absolute;
    right: 8px;
    bottom: 14px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .text-selector-field .text-selector-field-icon .entity-add:hover, .text-selector-field .text-selector-field-icon .entity-add:active, .text-selector-field .text-selector-field-icon .entity-add:focus {
      background: #E0E6EC; }
    .text-selector-field .text-selector-field-icon .entity-add .btn {
      padding: 0 !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important; }

.workflow-modal.canvas,
.function-modal.canvas,
.portal-modal.canvas,
.chat-modal.canvas {
  top: -webkit-calc(50% - 150px) !important;
  top: calc(50% - 150px) !important; }

.workflow-modal .collection-header,
.function-modal .collection-header,
.portal-modal .collection-header,
.chat-modal .collection-header {
  position: relative; }

.workflow-modal .form-icon-selector,
.function-modal .form-icon-selector,
.portal-modal .form-icon-selector,
.chat-modal .form-icon-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .workflow-modal .form-icon-selector .form-icon-container,
  .function-modal .form-icon-selector .form-icon-container,
  .portal-modal .form-icon-selector .form-icon-container,
  .chat-modal .form-icon-selector .form-icon-container {
    width: 372px;
    max-width: 372px; }

.workflow-modal .input-identifier-note,
.function-modal .input-identifier-note,
.portal-modal .input-identifier-note,
.chat-modal .input-identifier-note {
  padding: 0 8px 8px;
  font-weight: 300;
  font-size: 14px;
  color: #86909A;
  line-height: 1.2;
  text-align: left;
  margin: 0 auto;
  width: 372px; }

.workflow-modal .input-identifier,
.function-modal .input-identifier,
.portal-modal .input-identifier,
.chat-modal .input-identifier {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 372px;
  padding: 0 8px;
  margin: 0 auto 8px; }
  .workflow-modal .input-identifier .form-input,
  .function-modal .input-identifier .form-input,
  .portal-modal .input-identifier .form-input,
  .chat-modal .input-identifier .form-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .workflow-modal .input-identifier .form-input .form-control,
    .function-modal .input-identifier .form-input .form-control,
    .portal-modal .input-identifier .form-input .form-control,
    .chat-modal .input-identifier .form-input .form-control {
      height: 32px;
      max-height: 32px; }
  .workflow-modal .input-identifier .dropdown .dropdown-select.btn,
  .function-modal .input-identifier .dropdown .dropdown-select.btn,
  .portal-modal .input-identifier .dropdown .dropdown-select.btn,
  .chat-modal .input-identifier .dropdown .dropdown-select.btn {
    height: 32px;
    padding: 2px 12px;
    font-size: 14px;
    border-radius: 8px;
    margin: 0 8px 0 0;
    color: #86909A !important;
    background-color: transparent !important;
    border-color: #ced4da !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }
    .workflow-modal .input-identifier .dropdown .dropdown-select.btn i,
    .function-modal .input-identifier .dropdown .dropdown-select.btn i,
    .portal-modal .input-identifier .dropdown .dropdown-select.btn i,
    .chat-modal .input-identifier .dropdown .dropdown-select.btn i {
      margin: 0 0 0 4px; }

.workflow-modal .portal-header-actions,
.workflow-modal .workflow-header-actions,
.workflow-modal .function-header-actions,
.workflow-modal .chat-header-actions,
.function-modal .portal-header-actions,
.function-modal .workflow-header-actions,
.function-modal .function-header-actions,
.function-modal .chat-header-actions,
.portal-modal .portal-header-actions,
.portal-modal .workflow-header-actions,
.portal-modal .function-header-actions,
.portal-modal .chat-header-actions,
.chat-modal .portal-header-actions,
.chat-modal .workflow-header-actions,
.chat-modal .function-header-actions,
.chat-modal .chat-header-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 0; }
  .workflow-modal .portal-header-actions .form-input,
  .workflow-modal .workflow-header-actions .form-input,
  .workflow-modal .function-header-actions .form-input,
  .workflow-modal .chat-header-actions .form-input,
  .function-modal .portal-header-actions .form-input,
  .function-modal .workflow-header-actions .form-input,
  .function-modal .function-header-actions .form-input,
  .function-modal .chat-header-actions .form-input,
  .portal-modal .portal-header-actions .form-input,
  .portal-modal .workflow-header-actions .form-input,
  .portal-modal .function-header-actions .form-input,
  .portal-modal .chat-header-actions .form-input,
  .chat-modal .portal-header-actions .form-input,
  .chat-modal .workflow-header-actions .form-input,
  .chat-modal .function-header-actions .form-input,
  .chat-modal .chat-header-actions .form-input {
    padding: 0; }
    .workflow-modal .portal-header-actions .form-input label,
    .workflow-modal .workflow-header-actions .form-input label,
    .workflow-modal .function-header-actions .form-input label,
    .workflow-modal .chat-header-actions .form-input label,
    .function-modal .portal-header-actions .form-input label,
    .function-modal .workflow-header-actions .form-input label,
    .function-modal .function-header-actions .form-input label,
    .function-modal .chat-header-actions .form-input label,
    .portal-modal .portal-header-actions .form-input label,
    .portal-modal .workflow-header-actions .form-input label,
    .portal-modal .function-header-actions .form-input label,
    .portal-modal .chat-header-actions .form-input label,
    .chat-modal .portal-header-actions .form-input label,
    .chat-modal .workflow-header-actions .form-input label,
    .chat-modal .function-header-actions .form-input label,
    .chat-modal .chat-header-actions .form-input label {
      display: none; }
  .workflow-modal .portal-header-actions .portal-header-right,
  .workflow-modal .portal-header-actions .workflow-header-right,
  .workflow-modal .portal-header-actions .function-header-right,
  .workflow-modal .portal-header-actions .chat-header-right,
  .workflow-modal .workflow-header-actions .portal-header-right,
  .workflow-modal .workflow-header-actions .workflow-header-right,
  .workflow-modal .workflow-header-actions .function-header-right,
  .workflow-modal .workflow-header-actions .chat-header-right,
  .workflow-modal .function-header-actions .portal-header-right,
  .workflow-modal .function-header-actions .workflow-header-right,
  .workflow-modal .function-header-actions .function-header-right,
  .workflow-modal .function-header-actions .chat-header-right,
  .workflow-modal .chat-header-actions .portal-header-right,
  .workflow-modal .chat-header-actions .workflow-header-right,
  .workflow-modal .chat-header-actions .function-header-right,
  .workflow-modal .chat-header-actions .chat-header-right,
  .function-modal .portal-header-actions .portal-header-right,
  .function-modal .portal-header-actions .workflow-header-right,
  .function-modal .portal-header-actions .function-header-right,
  .function-modal .portal-header-actions .chat-header-right,
  .function-modal .workflow-header-actions .portal-header-right,
  .function-modal .workflow-header-actions .workflow-header-right,
  .function-modal .workflow-header-actions .function-header-right,
  .function-modal .workflow-header-actions .chat-header-right,
  .function-modal .function-header-actions .portal-header-right,
  .function-modal .function-header-actions .workflow-header-right,
  .function-modal .function-header-actions .function-header-right,
  .function-modal .function-header-actions .chat-header-right,
  .function-modal .chat-header-actions .portal-header-right,
  .function-modal .chat-header-actions .workflow-header-right,
  .function-modal .chat-header-actions .function-header-right,
  .function-modal .chat-header-actions .chat-header-right,
  .portal-modal .portal-header-actions .portal-header-right,
  .portal-modal .portal-header-actions .workflow-header-right,
  .portal-modal .portal-header-actions .function-header-right,
  .portal-modal .portal-header-actions .chat-header-right,
  .portal-modal .workflow-header-actions .portal-header-right,
  .portal-modal .workflow-header-actions .workflow-header-right,
  .portal-modal .workflow-header-actions .function-header-right,
  .portal-modal .workflow-header-actions .chat-header-right,
  .portal-modal .function-header-actions .portal-header-right,
  .portal-modal .function-header-actions .workflow-header-right,
  .portal-modal .function-header-actions .function-header-right,
  .portal-modal .function-header-actions .chat-header-right,
  .portal-modal .chat-header-actions .portal-header-right,
  .portal-modal .chat-header-actions .workflow-header-right,
  .portal-modal .chat-header-actions .function-header-right,
  .portal-modal .chat-header-actions .chat-header-right,
  .chat-modal .portal-header-actions .portal-header-right,
  .chat-modal .portal-header-actions .workflow-header-right,
  .chat-modal .portal-header-actions .function-header-right,
  .chat-modal .portal-header-actions .chat-header-right,
  .chat-modal .workflow-header-actions .portal-header-right,
  .chat-modal .workflow-header-actions .workflow-header-right,
  .chat-modal .workflow-header-actions .function-header-right,
  .chat-modal .workflow-header-actions .chat-header-right,
  .chat-modal .function-header-actions .portal-header-right,
  .chat-modal .function-header-actions .workflow-header-right,
  .chat-modal .function-header-actions .function-header-right,
  .chat-modal .function-header-actions .chat-header-right,
  .chat-modal .chat-header-actions .portal-header-right,
  .chat-modal .chat-header-actions .workflow-header-right,
  .chat-modal .chat-header-actions .function-header-right,
  .chat-modal .chat-header-actions .chat-header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .workflow-modal .portal-header-actions .portal-header-right .form-range,
    .workflow-modal .portal-header-actions .workflow-header-right .form-range,
    .workflow-modal .portal-header-actions .function-header-right .form-range,
    .workflow-modal .portal-header-actions .chat-header-right .form-range,
    .workflow-modal .workflow-header-actions .portal-header-right .form-range,
    .workflow-modal .workflow-header-actions .workflow-header-right .form-range,
    .workflow-modal .workflow-header-actions .function-header-right .form-range,
    .workflow-modal .workflow-header-actions .chat-header-right .form-range,
    .workflow-modal .function-header-actions .portal-header-right .form-range,
    .workflow-modal .function-header-actions .workflow-header-right .form-range,
    .workflow-modal .function-header-actions .function-header-right .form-range,
    .workflow-modal .function-header-actions .chat-header-right .form-range,
    .workflow-modal .chat-header-actions .portal-header-right .form-range,
    .workflow-modal .chat-header-actions .workflow-header-right .form-range,
    .workflow-modal .chat-header-actions .function-header-right .form-range,
    .workflow-modal .chat-header-actions .chat-header-right .form-range,
    .function-modal .portal-header-actions .portal-header-right .form-range,
    .function-modal .portal-header-actions .workflow-header-right .form-range,
    .function-modal .portal-header-actions .function-header-right .form-range,
    .function-modal .portal-header-actions .chat-header-right .form-range,
    .function-modal .workflow-header-actions .portal-header-right .form-range,
    .function-modal .workflow-header-actions .workflow-header-right .form-range,
    .function-modal .workflow-header-actions .function-header-right .form-range,
    .function-modal .workflow-header-actions .chat-header-right .form-range,
    .function-modal .function-header-actions .portal-header-right .form-range,
    .function-modal .function-header-actions .workflow-header-right .form-range,
    .function-modal .function-header-actions .function-header-right .form-range,
    .function-modal .function-header-actions .chat-header-right .form-range,
    .function-modal .chat-header-actions .portal-header-right .form-range,
    .function-modal .chat-header-actions .workflow-header-right .form-range,
    .function-modal .chat-header-actions .function-header-right .form-range,
    .function-modal .chat-header-actions .chat-header-right .form-range,
    .portal-modal .portal-header-actions .portal-header-right .form-range,
    .portal-modal .portal-header-actions .workflow-header-right .form-range,
    .portal-modal .portal-header-actions .function-header-right .form-range,
    .portal-modal .portal-header-actions .chat-header-right .form-range,
    .portal-modal .workflow-header-actions .portal-header-right .form-range,
    .portal-modal .workflow-header-actions .workflow-header-right .form-range,
    .portal-modal .workflow-header-actions .function-header-right .form-range,
    .portal-modal .workflow-header-actions .chat-header-right .form-range,
    .portal-modal .function-header-actions .portal-header-right .form-range,
    .portal-modal .function-header-actions .workflow-header-right .form-range,
    .portal-modal .function-header-actions .function-header-right .form-range,
    .portal-modal .function-header-actions .chat-header-right .form-range,
    .portal-modal .chat-header-actions .portal-header-right .form-range,
    .portal-modal .chat-header-actions .workflow-header-right .form-range,
    .portal-modal .chat-header-actions .function-header-right .form-range,
    .portal-modal .chat-header-actions .chat-header-right .form-range,
    .chat-modal .portal-header-actions .portal-header-right .form-range,
    .chat-modal .portal-header-actions .workflow-header-right .form-range,
    .chat-modal .portal-header-actions .function-header-right .form-range,
    .chat-modal .portal-header-actions .chat-header-right .form-range,
    .chat-modal .workflow-header-actions .portal-header-right .form-range,
    .chat-modal .workflow-header-actions .workflow-header-right .form-range,
    .chat-modal .workflow-header-actions .function-header-right .form-range,
    .chat-modal .workflow-header-actions .chat-header-right .form-range,
    .chat-modal .function-header-actions .portal-header-right .form-range,
    .chat-modal .function-header-actions .workflow-header-right .form-range,
    .chat-modal .function-header-actions .function-header-right .form-range,
    .chat-modal .function-header-actions .chat-header-right .form-range,
    .chat-modal .chat-header-actions .portal-header-right .form-range,
    .chat-modal .chat-header-actions .workflow-header-right .form-range,
    .chat-modal .chat-header-actions .function-header-right .form-range,
    .chat-modal .chat-header-actions .chat-header-right .form-range {
      padding: 0 !important; }
      .workflow-modal .portal-header-actions .portal-header-right .form-range > i,
      .workflow-modal .portal-header-actions .workflow-header-right .form-range > i,
      .workflow-modal .portal-header-actions .function-header-right .form-range > i,
      .workflow-modal .portal-header-actions .chat-header-right .form-range > i,
      .workflow-modal .workflow-header-actions .portal-header-right .form-range > i,
      .workflow-modal .workflow-header-actions .workflow-header-right .form-range > i,
      .workflow-modal .workflow-header-actions .function-header-right .form-range > i,
      .workflow-modal .workflow-header-actions .chat-header-right .form-range > i,
      .workflow-modal .function-header-actions .portal-header-right .form-range > i,
      .workflow-modal .function-header-actions .workflow-header-right .form-range > i,
      .workflow-modal .function-header-actions .function-header-right .form-range > i,
      .workflow-modal .function-header-actions .chat-header-right .form-range > i,
      .workflow-modal .chat-header-actions .portal-header-right .form-range > i,
      .workflow-modal .chat-header-actions .workflow-header-right .form-range > i,
      .workflow-modal .chat-header-actions .function-header-right .form-range > i,
      .workflow-modal .chat-header-actions .chat-header-right .form-range > i,
      .function-modal .portal-header-actions .portal-header-right .form-range > i,
      .function-modal .portal-header-actions .workflow-header-right .form-range > i,
      .function-modal .portal-header-actions .function-header-right .form-range > i,
      .function-modal .portal-header-actions .chat-header-right .form-range > i,
      .function-modal .workflow-header-actions .portal-header-right .form-range > i,
      .function-modal .workflow-header-actions .workflow-header-right .form-range > i,
      .function-modal .workflow-header-actions .function-header-right .form-range > i,
      .function-modal .workflow-header-actions .chat-header-right .form-range > i,
      .function-modal .function-header-actions .portal-header-right .form-range > i,
      .function-modal .function-header-actions .workflow-header-right .form-range > i,
      .function-modal .function-header-actions .function-header-right .form-range > i,
      .function-modal .function-header-actions .chat-header-right .form-range > i,
      .function-modal .chat-header-actions .portal-header-right .form-range > i,
      .function-modal .chat-header-actions .workflow-header-right .form-range > i,
      .function-modal .chat-header-actions .function-header-right .form-range > i,
      .function-modal .chat-header-actions .chat-header-right .form-range > i,
      .portal-modal .portal-header-actions .portal-header-right .form-range > i,
      .portal-modal .portal-header-actions .workflow-header-right .form-range > i,
      .portal-modal .portal-header-actions .function-header-right .form-range > i,
      .portal-modal .portal-header-actions .chat-header-right .form-range > i,
      .portal-modal .workflow-header-actions .portal-header-right .form-range > i,
      .portal-modal .workflow-header-actions .workflow-header-right .form-range > i,
      .portal-modal .workflow-header-actions .function-header-right .form-range > i,
      .portal-modal .workflow-header-actions .chat-header-right .form-range > i,
      .portal-modal .function-header-actions .portal-header-right .form-range > i,
      .portal-modal .function-header-actions .workflow-header-right .form-range > i,
      .portal-modal .function-header-actions .function-header-right .form-range > i,
      .portal-modal .function-header-actions .chat-header-right .form-range > i,
      .portal-modal .chat-header-actions .portal-header-right .form-range > i,
      .portal-modal .chat-header-actions .workflow-header-right .form-range > i,
      .portal-modal .chat-header-actions .function-header-right .form-range > i,
      .portal-modal .chat-header-actions .chat-header-right .form-range > i,
      .chat-modal .portal-header-actions .portal-header-right .form-range > i,
      .chat-modal .portal-header-actions .workflow-header-right .form-range > i,
      .chat-modal .portal-header-actions .function-header-right .form-range > i,
      .chat-modal .portal-header-actions .chat-header-right .form-range > i,
      .chat-modal .workflow-header-actions .portal-header-right .form-range > i,
      .chat-modal .workflow-header-actions .workflow-header-right .form-range > i,
      .chat-modal .workflow-header-actions .function-header-right .form-range > i,
      .chat-modal .workflow-header-actions .chat-header-right .form-range > i,
      .chat-modal .function-header-actions .portal-header-right .form-range > i,
      .chat-modal .function-header-actions .workflow-header-right .form-range > i,
      .chat-modal .function-header-actions .function-header-right .form-range > i,
      .chat-modal .function-header-actions .chat-header-right .form-range > i,
      .chat-modal .chat-header-actions .portal-header-right .form-range > i,
      .chat-modal .chat-header-actions .workflow-header-right .form-range > i,
      .chat-modal .chat-header-actions .function-header-right .form-range > i,
      .chat-modal .chat-header-actions .chat-header-right .form-range > i {
        margin-right: 0 !important;
        margin-left: 12px !important; }
    .workflow-modal .portal-header-actions .portal-header-right .btn,
    .workflow-modal .portal-header-actions .workflow-header-right .btn,
    .workflow-modal .portal-header-actions .function-header-right .btn,
    .workflow-modal .portal-header-actions .chat-header-right .btn,
    .workflow-modal .workflow-header-actions .portal-header-right .btn,
    .workflow-modal .workflow-header-actions .workflow-header-right .btn,
    .workflow-modal .workflow-header-actions .function-header-right .btn,
    .workflow-modal .workflow-header-actions .chat-header-right .btn,
    .workflow-modal .function-header-actions .portal-header-right .btn,
    .workflow-modal .function-header-actions .workflow-header-right .btn,
    .workflow-modal .function-header-actions .function-header-right .btn,
    .workflow-modal .function-header-actions .chat-header-right .btn,
    .workflow-modal .chat-header-actions .portal-header-right .btn,
    .workflow-modal .chat-header-actions .workflow-header-right .btn,
    .workflow-modal .chat-header-actions .function-header-right .btn,
    .workflow-modal .chat-header-actions .chat-header-right .btn,
    .function-modal .portal-header-actions .portal-header-right .btn,
    .function-modal .portal-header-actions .workflow-header-right .btn,
    .function-modal .portal-header-actions .function-header-right .btn,
    .function-modal .portal-header-actions .chat-header-right .btn,
    .function-modal .workflow-header-actions .portal-header-right .btn,
    .function-modal .workflow-header-actions .workflow-header-right .btn,
    .function-modal .workflow-header-actions .function-header-right .btn,
    .function-modal .workflow-header-actions .chat-header-right .btn,
    .function-modal .function-header-actions .portal-header-right .btn,
    .function-modal .function-header-actions .workflow-header-right .btn,
    .function-modal .function-header-actions .function-header-right .btn,
    .function-modal .function-header-actions .chat-header-right .btn,
    .function-modal .chat-header-actions .portal-header-right .btn,
    .function-modal .chat-header-actions .workflow-header-right .btn,
    .function-modal .chat-header-actions .function-header-right .btn,
    .function-modal .chat-header-actions .chat-header-right .btn,
    .portal-modal .portal-header-actions .portal-header-right .btn,
    .portal-modal .portal-header-actions .workflow-header-right .btn,
    .portal-modal .portal-header-actions .function-header-right .btn,
    .portal-modal .portal-header-actions .chat-header-right .btn,
    .portal-modal .workflow-header-actions .portal-header-right .btn,
    .portal-modal .workflow-header-actions .workflow-header-right .btn,
    .portal-modal .workflow-header-actions .function-header-right .btn,
    .portal-modal .workflow-header-actions .chat-header-right .btn,
    .portal-modal .function-header-actions .portal-header-right .btn,
    .portal-modal .function-header-actions .workflow-header-right .btn,
    .portal-modal .function-header-actions .function-header-right .btn,
    .portal-modal .function-header-actions .chat-header-right .btn,
    .portal-modal .chat-header-actions .portal-header-right .btn,
    .portal-modal .chat-header-actions .workflow-header-right .btn,
    .portal-modal .chat-header-actions .function-header-right .btn,
    .portal-modal .chat-header-actions .chat-header-right .btn,
    .chat-modal .portal-header-actions .portal-header-right .btn,
    .chat-modal .portal-header-actions .workflow-header-right .btn,
    .chat-modal .portal-header-actions .function-header-right .btn,
    .chat-modal .portal-header-actions .chat-header-right .btn,
    .chat-modal .workflow-header-actions .portal-header-right .btn,
    .chat-modal .workflow-header-actions .workflow-header-right .btn,
    .chat-modal .workflow-header-actions .function-header-right .btn,
    .chat-modal .workflow-header-actions .chat-header-right .btn,
    .chat-modal .function-header-actions .portal-header-right .btn,
    .chat-modal .function-header-actions .workflow-header-right .btn,
    .chat-modal .function-header-actions .function-header-right .btn,
    .chat-modal .function-header-actions .chat-header-right .btn,
    .chat-modal .chat-header-actions .portal-header-right .btn,
    .chat-modal .chat-header-actions .workflow-header-right .btn,
    .chat-modal .chat-header-actions .function-header-right .btn,
    .chat-modal .chat-header-actions .chat-header-right .btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .workflow-modal .portal-header-actions .portal-header-right .btn > i,
      .workflow-modal .portal-header-actions .workflow-header-right .btn > i,
      .workflow-modal .portal-header-actions .function-header-right .btn > i,
      .workflow-modal .portal-header-actions .chat-header-right .btn > i,
      .workflow-modal .workflow-header-actions .portal-header-right .btn > i,
      .workflow-modal .workflow-header-actions .workflow-header-right .btn > i,
      .workflow-modal .workflow-header-actions .function-header-right .btn > i,
      .workflow-modal .workflow-header-actions .chat-header-right .btn > i,
      .workflow-modal .function-header-actions .portal-header-right .btn > i,
      .workflow-modal .function-header-actions .workflow-header-right .btn > i,
      .workflow-modal .function-header-actions .function-header-right .btn > i,
      .workflow-modal .function-header-actions .chat-header-right .btn > i,
      .workflow-modal .chat-header-actions .portal-header-right .btn > i,
      .workflow-modal .chat-header-actions .workflow-header-right .btn > i,
      .workflow-modal .chat-header-actions .function-header-right .btn > i,
      .workflow-modal .chat-header-actions .chat-header-right .btn > i,
      .function-modal .portal-header-actions .portal-header-right .btn > i,
      .function-modal .portal-header-actions .workflow-header-right .btn > i,
      .function-modal .portal-header-actions .function-header-right .btn > i,
      .function-modal .portal-header-actions .chat-header-right .btn > i,
      .function-modal .workflow-header-actions .portal-header-right .btn > i,
      .function-modal .workflow-header-actions .workflow-header-right .btn > i,
      .function-modal .workflow-header-actions .function-header-right .btn > i,
      .function-modal .workflow-header-actions .chat-header-right .btn > i,
      .function-modal .function-header-actions .portal-header-right .btn > i,
      .function-modal .function-header-actions .workflow-header-right .btn > i,
      .function-modal .function-header-actions .function-header-right .btn > i,
      .function-modal .function-header-actions .chat-header-right .btn > i,
      .function-modal .chat-header-actions .portal-header-right .btn > i,
      .function-modal .chat-header-actions .workflow-header-right .btn > i,
      .function-modal .chat-header-actions .function-header-right .btn > i,
      .function-modal .chat-header-actions .chat-header-right .btn > i,
      .portal-modal .portal-header-actions .portal-header-right .btn > i,
      .portal-modal .portal-header-actions .workflow-header-right .btn > i,
      .portal-modal .portal-header-actions .function-header-right .btn > i,
      .portal-modal .portal-header-actions .chat-header-right .btn > i,
      .portal-modal .workflow-header-actions .portal-header-right .btn > i,
      .portal-modal .workflow-header-actions .workflow-header-right .btn > i,
      .portal-modal .workflow-header-actions .function-header-right .btn > i,
      .portal-modal .workflow-header-actions .chat-header-right .btn > i,
      .portal-modal .function-header-actions .portal-header-right .btn > i,
      .portal-modal .function-header-actions .workflow-header-right .btn > i,
      .portal-modal .function-header-actions .function-header-right .btn > i,
      .portal-modal .function-header-actions .chat-header-right .btn > i,
      .portal-modal .chat-header-actions .portal-header-right .btn > i,
      .portal-modal .chat-header-actions .workflow-header-right .btn > i,
      .portal-modal .chat-header-actions .function-header-right .btn > i,
      .portal-modal .chat-header-actions .chat-header-right .btn > i,
      .chat-modal .portal-header-actions .portal-header-right .btn > i,
      .chat-modal .portal-header-actions .workflow-header-right .btn > i,
      .chat-modal .portal-header-actions .function-header-right .btn > i,
      .chat-modal .portal-header-actions .chat-header-right .btn > i,
      .chat-modal .workflow-header-actions .portal-header-right .btn > i,
      .chat-modal .workflow-header-actions .workflow-header-right .btn > i,
      .chat-modal .workflow-header-actions .function-header-right .btn > i,
      .chat-modal .workflow-header-actions .chat-header-right .btn > i,
      .chat-modal .function-header-actions .portal-header-right .btn > i,
      .chat-modal .function-header-actions .workflow-header-right .btn > i,
      .chat-modal .function-header-actions .function-header-right .btn > i,
      .chat-modal .function-header-actions .chat-header-right .btn > i,
      .chat-modal .chat-header-actions .portal-header-right .btn > i,
      .chat-modal .chat-header-actions .workflow-header-right .btn > i,
      .chat-modal .chat-header-actions .function-header-right .btn > i,
      .chat-modal .chat-header-actions .chat-header-right .btn > i {
        margin: 0;
        padding: 0 4px 0 0; }
        .workflow-modal .portal-header-actions .portal-header-right .btn > i svg,
        .workflow-modal .portal-header-actions .workflow-header-right .btn > i svg,
        .workflow-modal .portal-header-actions .function-header-right .btn > i svg,
        .workflow-modal .portal-header-actions .chat-header-right .btn > i svg,
        .workflow-modal .workflow-header-actions .portal-header-right .btn > i svg,
        .workflow-modal .workflow-header-actions .workflow-header-right .btn > i svg,
        .workflow-modal .workflow-header-actions .function-header-right .btn > i svg,
        .workflow-modal .workflow-header-actions .chat-header-right .btn > i svg,
        .workflow-modal .function-header-actions .portal-header-right .btn > i svg,
        .workflow-modal .function-header-actions .workflow-header-right .btn > i svg,
        .workflow-modal .function-header-actions .function-header-right .btn > i svg,
        .workflow-modal .function-header-actions .chat-header-right .btn > i svg,
        .workflow-modal .chat-header-actions .portal-header-right .btn > i svg,
        .workflow-modal .chat-header-actions .workflow-header-right .btn > i svg,
        .workflow-modal .chat-header-actions .function-header-right .btn > i svg,
        .workflow-modal .chat-header-actions .chat-header-right .btn > i svg,
        .function-modal .portal-header-actions .portal-header-right .btn > i svg,
        .function-modal .portal-header-actions .workflow-header-right .btn > i svg,
        .function-modal .portal-header-actions .function-header-right .btn > i svg,
        .function-modal .portal-header-actions .chat-header-right .btn > i svg,
        .function-modal .workflow-header-actions .portal-header-right .btn > i svg,
        .function-modal .workflow-header-actions .workflow-header-right .btn > i svg,
        .function-modal .workflow-header-actions .function-header-right .btn > i svg,
        .function-modal .workflow-header-actions .chat-header-right .btn > i svg,
        .function-modal .function-header-actions .portal-header-right .btn > i svg,
        .function-modal .function-header-actions .workflow-header-right .btn > i svg,
        .function-modal .function-header-actions .function-header-right .btn > i svg,
        .function-modal .function-header-actions .chat-header-right .btn > i svg,
        .function-modal .chat-header-actions .portal-header-right .btn > i svg,
        .function-modal .chat-header-actions .workflow-header-right .btn > i svg,
        .function-modal .chat-header-actions .function-header-right .btn > i svg,
        .function-modal .chat-header-actions .chat-header-right .btn > i svg,
        .portal-modal .portal-header-actions .portal-header-right .btn > i svg,
        .portal-modal .portal-header-actions .workflow-header-right .btn > i svg,
        .portal-modal .portal-header-actions .function-header-right .btn > i svg,
        .portal-modal .portal-header-actions .chat-header-right .btn > i svg,
        .portal-modal .workflow-header-actions .portal-header-right .btn > i svg,
        .portal-modal .workflow-header-actions .workflow-header-right .btn > i svg,
        .portal-modal .workflow-header-actions .function-header-right .btn > i svg,
        .portal-modal .workflow-header-actions .chat-header-right .btn > i svg,
        .portal-modal .function-header-actions .portal-header-right .btn > i svg,
        .portal-modal .function-header-actions .workflow-header-right .btn > i svg,
        .portal-modal .function-header-actions .function-header-right .btn > i svg,
        .portal-modal .function-header-actions .chat-header-right .btn > i svg,
        .portal-modal .chat-header-actions .portal-header-right .btn > i svg,
        .portal-modal .chat-header-actions .workflow-header-right .btn > i svg,
        .portal-modal .chat-header-actions .function-header-right .btn > i svg,
        .portal-modal .chat-header-actions .chat-header-right .btn > i svg,
        .chat-modal .portal-header-actions .portal-header-right .btn > i svg,
        .chat-modal .portal-header-actions .workflow-header-right .btn > i svg,
        .chat-modal .portal-header-actions .function-header-right .btn > i svg,
        .chat-modal .portal-header-actions .chat-header-right .btn > i svg,
        .chat-modal .workflow-header-actions .portal-header-right .btn > i svg,
        .chat-modal .workflow-header-actions .workflow-header-right .btn > i svg,
        .chat-modal .workflow-header-actions .function-header-right .btn > i svg,
        .chat-modal .workflow-header-actions .chat-header-right .btn > i svg,
        .chat-modal .function-header-actions .portal-header-right .btn > i svg,
        .chat-modal .function-header-actions .workflow-header-right .btn > i svg,
        .chat-modal .function-header-actions .function-header-right .btn > i svg,
        .chat-modal .function-header-actions .chat-header-right .btn > i svg,
        .chat-modal .chat-header-actions .portal-header-right .btn > i svg,
        .chat-modal .chat-header-actions .workflow-header-right .btn > i svg,
        .chat-modal .chat-header-actions .function-header-right .btn > i svg,
        .chat-modal .chat-header-actions .chat-header-right .btn > i svg {
          display: block !important; }
      @media screen and (max-width: 668px) {
        .workflow-modal .portal-header-actions .portal-header-right .btn,
        .workflow-modal .portal-header-actions .workflow-header-right .btn,
        .workflow-modal .portal-header-actions .function-header-right .btn,
        .workflow-modal .portal-header-actions .chat-header-right .btn,
        .workflow-modal .workflow-header-actions .portal-header-right .btn,
        .workflow-modal .workflow-header-actions .workflow-header-right .btn,
        .workflow-modal .workflow-header-actions .function-header-right .btn,
        .workflow-modal .workflow-header-actions .chat-header-right .btn,
        .workflow-modal .function-header-actions .portal-header-right .btn,
        .workflow-modal .function-header-actions .workflow-header-right .btn,
        .workflow-modal .function-header-actions .function-header-right .btn,
        .workflow-modal .function-header-actions .chat-header-right .btn,
        .workflow-modal .chat-header-actions .portal-header-right .btn,
        .workflow-modal .chat-header-actions .workflow-header-right .btn,
        .workflow-modal .chat-header-actions .function-header-right .btn,
        .workflow-modal .chat-header-actions .chat-header-right .btn,
        .function-modal .portal-header-actions .portal-header-right .btn,
        .function-modal .portal-header-actions .workflow-header-right .btn,
        .function-modal .portal-header-actions .function-header-right .btn,
        .function-modal .portal-header-actions .chat-header-right .btn,
        .function-modal .workflow-header-actions .portal-header-right .btn,
        .function-modal .workflow-header-actions .workflow-header-right .btn,
        .function-modal .workflow-header-actions .function-header-right .btn,
        .function-modal .workflow-header-actions .chat-header-right .btn,
        .function-modal .function-header-actions .portal-header-right .btn,
        .function-modal .function-header-actions .workflow-header-right .btn,
        .function-modal .function-header-actions .function-header-right .btn,
        .function-modal .function-header-actions .chat-header-right .btn,
        .function-modal .chat-header-actions .portal-header-right .btn,
        .function-modal .chat-header-actions .workflow-header-right .btn,
        .function-modal .chat-header-actions .function-header-right .btn,
        .function-modal .chat-header-actions .chat-header-right .btn,
        .portal-modal .portal-header-actions .portal-header-right .btn,
        .portal-modal .portal-header-actions .workflow-header-right .btn,
        .portal-modal .portal-header-actions .function-header-right .btn,
        .portal-modal .portal-header-actions .chat-header-right .btn,
        .portal-modal .workflow-header-actions .portal-header-right .btn,
        .portal-modal .workflow-header-actions .workflow-header-right .btn,
        .portal-modal .workflow-header-actions .function-header-right .btn,
        .portal-modal .workflow-header-actions .chat-header-right .btn,
        .portal-modal .function-header-actions .portal-header-right .btn,
        .portal-modal .function-header-actions .workflow-header-right .btn,
        .portal-modal .function-header-actions .function-header-right .btn,
        .portal-modal .function-header-actions .chat-header-right .btn,
        .portal-modal .chat-header-actions .portal-header-right .btn,
        .portal-modal .chat-header-actions .workflow-header-right .btn,
        .portal-modal .chat-header-actions .function-header-right .btn,
        .portal-modal .chat-header-actions .chat-header-right .btn,
        .chat-modal .portal-header-actions .portal-header-right .btn,
        .chat-modal .portal-header-actions .workflow-header-right .btn,
        .chat-modal .portal-header-actions .function-header-right .btn,
        .chat-modal .portal-header-actions .chat-header-right .btn,
        .chat-modal .workflow-header-actions .portal-header-right .btn,
        .chat-modal .workflow-header-actions .workflow-header-right .btn,
        .chat-modal .workflow-header-actions .function-header-right .btn,
        .chat-modal .workflow-header-actions .chat-header-right .btn,
        .chat-modal .function-header-actions .portal-header-right .btn,
        .chat-modal .function-header-actions .workflow-header-right .btn,
        .chat-modal .function-header-actions .function-header-right .btn,
        .chat-modal .function-header-actions .chat-header-right .btn,
        .chat-modal .chat-header-actions .portal-header-right .btn,
        .chat-modal .chat-header-actions .workflow-header-right .btn,
        .chat-modal .chat-header-actions .function-header-right .btn,
        .chat-modal .chat-header-actions .chat-header-right .btn {
          margin-left: 35px;
          width: 28px;
          height: 28px; }
          .workflow-modal .portal-header-actions .portal-header-right .btn > span,
          .workflow-modal .portal-header-actions .workflow-header-right .btn > span,
          .workflow-modal .portal-header-actions .function-header-right .btn > span,
          .workflow-modal .portal-header-actions .chat-header-right .btn > span,
          .workflow-modal .workflow-header-actions .portal-header-right .btn > span,
          .workflow-modal .workflow-header-actions .workflow-header-right .btn > span,
          .workflow-modal .workflow-header-actions .function-header-right .btn > span,
          .workflow-modal .workflow-header-actions .chat-header-right .btn > span,
          .workflow-modal .function-header-actions .portal-header-right .btn > span,
          .workflow-modal .function-header-actions .workflow-header-right .btn > span,
          .workflow-modal .function-header-actions .function-header-right .btn > span,
          .workflow-modal .function-header-actions .chat-header-right .btn > span,
          .workflow-modal .chat-header-actions .portal-header-right .btn > span,
          .workflow-modal .chat-header-actions .workflow-header-right .btn > span,
          .workflow-modal .chat-header-actions .function-header-right .btn > span,
          .workflow-modal .chat-header-actions .chat-header-right .btn > span,
          .function-modal .portal-header-actions .portal-header-right .btn > span,
          .function-modal .portal-header-actions .workflow-header-right .btn > span,
          .function-modal .portal-header-actions .function-header-right .btn > span,
          .function-modal .portal-header-actions .chat-header-right .btn > span,
          .function-modal .workflow-header-actions .portal-header-right .btn > span,
          .function-modal .workflow-header-actions .workflow-header-right .btn > span,
          .function-modal .workflow-header-actions .function-header-right .btn > span,
          .function-modal .workflow-header-actions .chat-header-right .btn > span,
          .function-modal .function-header-actions .portal-header-right .btn > span,
          .function-modal .function-header-actions .workflow-header-right .btn > span,
          .function-modal .function-header-actions .function-header-right .btn > span,
          .function-modal .function-header-actions .chat-header-right .btn > span,
          .function-modal .chat-header-actions .portal-header-right .btn > span,
          .function-modal .chat-header-actions .workflow-header-right .btn > span,
          .function-modal .chat-header-actions .function-header-right .btn > span,
          .function-modal .chat-header-actions .chat-header-right .btn > span,
          .portal-modal .portal-header-actions .portal-header-right .btn > span,
          .portal-modal .portal-header-actions .workflow-header-right .btn > span,
          .portal-modal .portal-header-actions .function-header-right .btn > span,
          .portal-modal .portal-header-actions .chat-header-right .btn > span,
          .portal-modal .workflow-header-actions .portal-header-right .btn > span,
          .portal-modal .workflow-header-actions .workflow-header-right .btn > span,
          .portal-modal .workflow-header-actions .function-header-right .btn > span,
          .portal-modal .workflow-header-actions .chat-header-right .btn > span,
          .portal-modal .function-header-actions .portal-header-right .btn > span,
          .portal-modal .function-header-actions .workflow-header-right .btn > span,
          .portal-modal .function-header-actions .function-header-right .btn > span,
          .portal-modal .function-header-actions .chat-header-right .btn > span,
          .portal-modal .chat-header-actions .portal-header-right .btn > span,
          .portal-modal .chat-header-actions .workflow-header-right .btn > span,
          .portal-modal .chat-header-actions .function-header-right .btn > span,
          .portal-modal .chat-header-actions .chat-header-right .btn > span,
          .chat-modal .portal-header-actions .portal-header-right .btn > span,
          .chat-modal .portal-header-actions .workflow-header-right .btn > span,
          .chat-modal .portal-header-actions .function-header-right .btn > span,
          .chat-modal .portal-header-actions .chat-header-right .btn > span,
          .chat-modal .workflow-header-actions .portal-header-right .btn > span,
          .chat-modal .workflow-header-actions .workflow-header-right .btn > span,
          .chat-modal .workflow-header-actions .function-header-right .btn > span,
          .chat-modal .workflow-header-actions .chat-header-right .btn > span,
          .chat-modal .function-header-actions .portal-header-right .btn > span,
          .chat-modal .function-header-actions .workflow-header-right .btn > span,
          .chat-modal .function-header-actions .function-header-right .btn > span,
          .chat-modal .function-header-actions .chat-header-right .btn > span,
          .chat-modal .chat-header-actions .portal-header-right .btn > span,
          .chat-modal .chat-header-actions .workflow-header-right .btn > span,
          .chat-modal .chat-header-actions .function-header-right .btn > span,
          .chat-modal .chat-header-actions .chat-header-right .btn > span {
            display: none; }
          .workflow-modal .portal-header-actions .portal-header-right .btn > i,
          .workflow-modal .portal-header-actions .workflow-header-right .btn > i,
          .workflow-modal .portal-header-actions .function-header-right .btn > i,
          .workflow-modal .portal-header-actions .chat-header-right .btn > i,
          .workflow-modal .workflow-header-actions .portal-header-right .btn > i,
          .workflow-modal .workflow-header-actions .workflow-header-right .btn > i,
          .workflow-modal .workflow-header-actions .function-header-right .btn > i,
          .workflow-modal .workflow-header-actions .chat-header-right .btn > i,
          .workflow-modal .function-header-actions .portal-header-right .btn > i,
          .workflow-modal .function-header-actions .workflow-header-right .btn > i,
          .workflow-modal .function-header-actions .function-header-right .btn > i,
          .workflow-modal .function-header-actions .chat-header-right .btn > i,
          .workflow-modal .chat-header-actions .portal-header-right .btn > i,
          .workflow-modal .chat-header-actions .workflow-header-right .btn > i,
          .workflow-modal .chat-header-actions .function-header-right .btn > i,
          .workflow-modal .chat-header-actions .chat-header-right .btn > i,
          .function-modal .portal-header-actions .portal-header-right .btn > i,
          .function-modal .portal-header-actions .workflow-header-right .btn > i,
          .function-modal .portal-header-actions .function-header-right .btn > i,
          .function-modal .portal-header-actions .chat-header-right .btn > i,
          .function-modal .workflow-header-actions .portal-header-right .btn > i,
          .function-modal .workflow-header-actions .workflow-header-right .btn > i,
          .function-modal .workflow-header-actions .function-header-right .btn > i,
          .function-modal .workflow-header-actions .chat-header-right .btn > i,
          .function-modal .function-header-actions .portal-header-right .btn > i,
          .function-modal .function-header-actions .workflow-header-right .btn > i,
          .function-modal .function-header-actions .function-header-right .btn > i,
          .function-modal .function-header-actions .chat-header-right .btn > i,
          .function-modal .chat-header-actions .portal-header-right .btn > i,
          .function-modal .chat-header-actions .workflow-header-right .btn > i,
          .function-modal .chat-header-actions .function-header-right .btn > i,
          .function-modal .chat-header-actions .chat-header-right .btn > i,
          .portal-modal .portal-header-actions .portal-header-right .btn > i,
          .portal-modal .portal-header-actions .workflow-header-right .btn > i,
          .portal-modal .portal-header-actions .function-header-right .btn > i,
          .portal-modal .portal-header-actions .chat-header-right .btn > i,
          .portal-modal .workflow-header-actions .portal-header-right .btn > i,
          .portal-modal .workflow-header-actions .workflow-header-right .btn > i,
          .portal-modal .workflow-header-actions .function-header-right .btn > i,
          .portal-modal .workflow-header-actions .chat-header-right .btn > i,
          .portal-modal .function-header-actions .portal-header-right .btn > i,
          .portal-modal .function-header-actions .workflow-header-right .btn > i,
          .portal-modal .function-header-actions .function-header-right .btn > i,
          .portal-modal .function-header-actions .chat-header-right .btn > i,
          .portal-modal .chat-header-actions .portal-header-right .btn > i,
          .portal-modal .chat-header-actions .workflow-header-right .btn > i,
          .portal-modal .chat-header-actions .function-header-right .btn > i,
          .portal-modal .chat-header-actions .chat-header-right .btn > i,
          .chat-modal .portal-header-actions .portal-header-right .btn > i,
          .chat-modal .portal-header-actions .workflow-header-right .btn > i,
          .chat-modal .portal-header-actions .function-header-right .btn > i,
          .chat-modal .portal-header-actions .chat-header-right .btn > i,
          .chat-modal .workflow-header-actions .portal-header-right .btn > i,
          .chat-modal .workflow-header-actions .workflow-header-right .btn > i,
          .chat-modal .workflow-header-actions .function-header-right .btn > i,
          .chat-modal .workflow-header-actions .chat-header-right .btn > i,
          .chat-modal .function-header-actions .portal-header-right .btn > i,
          .chat-modal .function-header-actions .workflow-header-right .btn > i,
          .chat-modal .function-header-actions .function-header-right .btn > i,
          .chat-modal .function-header-actions .chat-header-right .btn > i,
          .chat-modal .chat-header-actions .portal-header-right .btn > i,
          .chat-modal .chat-header-actions .workflow-header-right .btn > i,
          .chat-modal .chat-header-actions .function-header-right .btn > i,
          .chat-modal .chat-header-actions .chat-header-right .btn > i {
            padding: 0; } }
    .workflow-modal .portal-header-actions .portal-header-right > div, .workflow-modal .portal-header-actions .portal-header-right > button,
    .workflow-modal .portal-header-actions .workflow-header-right > div,
    .workflow-modal .portal-header-actions .workflow-header-right > button,
    .workflow-modal .portal-header-actions .function-header-right > div,
    .workflow-modal .portal-header-actions .function-header-right > button,
    .workflow-modal .portal-header-actions .chat-header-right > div,
    .workflow-modal .portal-header-actions .chat-header-right > button,
    .workflow-modal .workflow-header-actions .portal-header-right > div,
    .workflow-modal .workflow-header-actions .portal-header-right > button,
    .workflow-modal .workflow-header-actions .workflow-header-right > div,
    .workflow-modal .workflow-header-actions .workflow-header-right > button,
    .workflow-modal .workflow-header-actions .function-header-right > div,
    .workflow-modal .workflow-header-actions .function-header-right > button,
    .workflow-modal .workflow-header-actions .chat-header-right > div,
    .workflow-modal .workflow-header-actions .chat-header-right > button,
    .workflow-modal .function-header-actions .portal-header-right > div,
    .workflow-modal .function-header-actions .portal-header-right > button,
    .workflow-modal .function-header-actions .workflow-header-right > div,
    .workflow-modal .function-header-actions .workflow-header-right > button,
    .workflow-modal .function-header-actions .function-header-right > div,
    .workflow-modal .function-header-actions .function-header-right > button,
    .workflow-modal .function-header-actions .chat-header-right > div,
    .workflow-modal .function-header-actions .chat-header-right > button,
    .workflow-modal .chat-header-actions .portal-header-right > div,
    .workflow-modal .chat-header-actions .portal-header-right > button,
    .workflow-modal .chat-header-actions .workflow-header-right > div,
    .workflow-modal .chat-header-actions .workflow-header-right > button,
    .workflow-modal .chat-header-actions .function-header-right > div,
    .workflow-modal .chat-header-actions .function-header-right > button,
    .workflow-modal .chat-header-actions .chat-header-right > div,
    .workflow-modal .chat-header-actions .chat-header-right > button,
    .function-modal .portal-header-actions .portal-header-right > div,
    .function-modal .portal-header-actions .portal-header-right > button,
    .function-modal .portal-header-actions .workflow-header-right > div,
    .function-modal .portal-header-actions .workflow-header-right > button,
    .function-modal .portal-header-actions .function-header-right > div,
    .function-modal .portal-header-actions .function-header-right > button,
    .function-modal .portal-header-actions .chat-header-right > div,
    .function-modal .portal-header-actions .chat-header-right > button,
    .function-modal .workflow-header-actions .portal-header-right > div,
    .function-modal .workflow-header-actions .portal-header-right > button,
    .function-modal .workflow-header-actions .workflow-header-right > div,
    .function-modal .workflow-header-actions .workflow-header-right > button,
    .function-modal .workflow-header-actions .function-header-right > div,
    .function-modal .workflow-header-actions .function-header-right > button,
    .function-modal .workflow-header-actions .chat-header-right > div,
    .function-modal .workflow-header-actions .chat-header-right > button,
    .function-modal .function-header-actions .portal-header-right > div,
    .function-modal .function-header-actions .portal-header-right > button,
    .function-modal .function-header-actions .workflow-header-right > div,
    .function-modal .function-header-actions .workflow-header-right > button,
    .function-modal .function-header-actions .function-header-right > div,
    .function-modal .function-header-actions .function-header-right > button,
    .function-modal .function-header-actions .chat-header-right > div,
    .function-modal .function-header-actions .chat-header-right > button,
    .function-modal .chat-header-actions .portal-header-right > div,
    .function-modal .chat-header-actions .portal-header-right > button,
    .function-modal .chat-header-actions .workflow-header-right > div,
    .function-modal .chat-header-actions .workflow-header-right > button,
    .function-modal .chat-header-actions .function-header-right > div,
    .function-modal .chat-header-actions .function-header-right > button,
    .function-modal .chat-header-actions .chat-header-right > div,
    .function-modal .chat-header-actions .chat-header-right > button,
    .portal-modal .portal-header-actions .portal-header-right > div,
    .portal-modal .portal-header-actions .portal-header-right > button,
    .portal-modal .portal-header-actions .workflow-header-right > div,
    .portal-modal .portal-header-actions .workflow-header-right > button,
    .portal-modal .portal-header-actions .function-header-right > div,
    .portal-modal .portal-header-actions .function-header-right > button,
    .portal-modal .portal-header-actions .chat-header-right > div,
    .portal-modal .portal-header-actions .chat-header-right > button,
    .portal-modal .workflow-header-actions .portal-header-right > div,
    .portal-modal .workflow-header-actions .portal-header-right > button,
    .portal-modal .workflow-header-actions .workflow-header-right > div,
    .portal-modal .workflow-header-actions .workflow-header-right > button,
    .portal-modal .workflow-header-actions .function-header-right > div,
    .portal-modal .workflow-header-actions .function-header-right > button,
    .portal-modal .workflow-header-actions .chat-header-right > div,
    .portal-modal .workflow-header-actions .chat-header-right > button,
    .portal-modal .function-header-actions .portal-header-right > div,
    .portal-modal .function-header-actions .portal-header-right > button,
    .portal-modal .function-header-actions .workflow-header-right > div,
    .portal-modal .function-header-actions .workflow-header-right > button,
    .portal-modal .function-header-actions .function-header-right > div,
    .portal-modal .function-header-actions .function-header-right > button,
    .portal-modal .function-header-actions .chat-header-right > div,
    .portal-modal .function-header-actions .chat-header-right > button,
    .portal-modal .chat-header-actions .portal-header-right > div,
    .portal-modal .chat-header-actions .portal-header-right > button,
    .portal-modal .chat-header-actions .workflow-header-right > div,
    .portal-modal .chat-header-actions .workflow-header-right > button,
    .portal-modal .chat-header-actions .function-header-right > div,
    .portal-modal .chat-header-actions .function-header-right > button,
    .portal-modal .chat-header-actions .chat-header-right > div,
    .portal-modal .chat-header-actions .chat-header-right > button,
    .chat-modal .portal-header-actions .portal-header-right > div,
    .chat-modal .portal-header-actions .portal-header-right > button,
    .chat-modal .portal-header-actions .workflow-header-right > div,
    .chat-modal .portal-header-actions .workflow-header-right > button,
    .chat-modal .portal-header-actions .function-header-right > div,
    .chat-modal .portal-header-actions .function-header-right > button,
    .chat-modal .portal-header-actions .chat-header-right > div,
    .chat-modal .portal-header-actions .chat-header-right > button,
    .chat-modal .workflow-header-actions .portal-header-right > div,
    .chat-modal .workflow-header-actions .portal-header-right > button,
    .chat-modal .workflow-header-actions .workflow-header-right > div,
    .chat-modal .workflow-header-actions .workflow-header-right > button,
    .chat-modal .workflow-header-actions .function-header-right > div,
    .chat-modal .workflow-header-actions .function-header-right > button,
    .chat-modal .workflow-header-actions .chat-header-right > div,
    .chat-modal .workflow-header-actions .chat-header-right > button,
    .chat-modal .function-header-actions .portal-header-right > div,
    .chat-modal .function-header-actions .portal-header-right > button,
    .chat-modal .function-header-actions .workflow-header-right > div,
    .chat-modal .function-header-actions .workflow-header-right > button,
    .chat-modal .function-header-actions .function-header-right > div,
    .chat-modal .function-header-actions .function-header-right > button,
    .chat-modal .function-header-actions .chat-header-right > div,
    .chat-modal .function-header-actions .chat-header-right > button,
    .chat-modal .chat-header-actions .portal-header-right > div,
    .chat-modal .chat-header-actions .portal-header-right > button,
    .chat-modal .chat-header-actions .workflow-header-right > div,
    .chat-modal .chat-header-actions .workflow-header-right > button,
    .chat-modal .chat-header-actions .function-header-right > div,
    .chat-modal .chat-header-actions .function-header-right > button,
    .chat-modal .chat-header-actions .chat-header-right > div,
    .chat-modal .chat-header-actions .chat-header-right > button {
      margin-left: 12px; }
  .workflow-modal .portal-header-actions u,
  .workflow-modal .workflow-header-actions u,
  .workflow-modal .function-header-actions u,
  .workflow-modal .chat-header-actions u,
  .function-modal .portal-header-actions u,
  .function-modal .workflow-header-actions u,
  .function-modal .function-header-actions u,
  .function-modal .chat-header-actions u,
  .portal-modal .portal-header-actions u,
  .portal-modal .workflow-header-actions u,
  .portal-modal .function-header-actions u,
  .portal-modal .chat-header-actions u,
  .chat-modal .portal-header-actions u,
  .chat-modal .workflow-header-actions u,
  .chat-modal .function-header-actions u,
  .chat-modal .chat-header-actions u {
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: block; }
    .workflow-modal .portal-header-actions u:hover, .workflow-modal .portal-header-actions u:active, .workflow-modal .portal-header-actions u:focus,
    .workflow-modal .workflow-header-actions u:hover,
    .workflow-modal .workflow-header-actions u:active,
    .workflow-modal .workflow-header-actions u:focus,
    .workflow-modal .function-header-actions u:hover,
    .workflow-modal .function-header-actions u:active,
    .workflow-modal .function-header-actions u:focus,
    .workflow-modal .chat-header-actions u:hover,
    .workflow-modal .chat-header-actions u:active,
    .workflow-modal .chat-header-actions u:focus,
    .function-modal .portal-header-actions u:hover,
    .function-modal .portal-header-actions u:active,
    .function-modal .portal-header-actions u:focus,
    .function-modal .workflow-header-actions u:hover,
    .function-modal .workflow-header-actions u:active,
    .function-modal .workflow-header-actions u:focus,
    .function-modal .function-header-actions u:hover,
    .function-modal .function-header-actions u:active,
    .function-modal .function-header-actions u:focus,
    .function-modal .chat-header-actions u:hover,
    .function-modal .chat-header-actions u:active,
    .function-modal .chat-header-actions u:focus,
    .portal-modal .portal-header-actions u:hover,
    .portal-modal .portal-header-actions u:active,
    .portal-modal .portal-header-actions u:focus,
    .portal-modal .workflow-header-actions u:hover,
    .portal-modal .workflow-header-actions u:active,
    .portal-modal .workflow-header-actions u:focus,
    .portal-modal .function-header-actions u:hover,
    .portal-modal .function-header-actions u:active,
    .portal-modal .function-header-actions u:focus,
    .portal-modal .chat-header-actions u:hover,
    .portal-modal .chat-header-actions u:active,
    .portal-modal .chat-header-actions u:focus,
    .chat-modal .portal-header-actions u:hover,
    .chat-modal .portal-header-actions u:active,
    .chat-modal .portal-header-actions u:focus,
    .chat-modal .workflow-header-actions u:hover,
    .chat-modal .workflow-header-actions u:active,
    .chat-modal .workflow-header-actions u:focus,
    .chat-modal .function-header-actions u:hover,
    .chat-modal .function-header-actions u:active,
    .chat-modal .function-header-actions u:focus,
    .chat-modal .chat-header-actions u:hover,
    .chat-modal .chat-header-actions u:active,
    .chat-modal .chat-header-actions u:focus {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }

.workflow-modal .portal-actions,
.workflow-modal .workflow-actions,
.workflow-modal .function-actions,
.workflow-modal .chat-actions,
.function-modal .portal-actions,
.function-modal .workflow-actions,
.function-modal .function-actions,
.function-modal .chat-actions,
.portal-modal .portal-actions,
.portal-modal .workflow-actions,
.portal-modal .function-actions,
.portal-modal .chat-actions,
.chat-modal .portal-actions,
.chat-modal .workflow-actions,
.chat-modal .function-actions,
.chat-modal .chat-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 8px; }
  .workflow-modal .portal-actions .portal-actions-main,
  .workflow-modal .portal-actions .workflow-actions-main,
  .workflow-modal .portal-actions .function-actions-main,
  .workflow-modal .portal-actions .chat-actions-main,
  .workflow-modal .workflow-actions .portal-actions-main,
  .workflow-modal .workflow-actions .workflow-actions-main,
  .workflow-modal .workflow-actions .function-actions-main,
  .workflow-modal .workflow-actions .chat-actions-main,
  .workflow-modal .function-actions .portal-actions-main,
  .workflow-modal .function-actions .workflow-actions-main,
  .workflow-modal .function-actions .function-actions-main,
  .workflow-modal .function-actions .chat-actions-main,
  .workflow-modal .chat-actions .portal-actions-main,
  .workflow-modal .chat-actions .workflow-actions-main,
  .workflow-modal .chat-actions .function-actions-main,
  .workflow-modal .chat-actions .chat-actions-main,
  .function-modal .portal-actions .portal-actions-main,
  .function-modal .portal-actions .workflow-actions-main,
  .function-modal .portal-actions .function-actions-main,
  .function-modal .portal-actions .chat-actions-main,
  .function-modal .workflow-actions .portal-actions-main,
  .function-modal .workflow-actions .workflow-actions-main,
  .function-modal .workflow-actions .function-actions-main,
  .function-modal .workflow-actions .chat-actions-main,
  .function-modal .function-actions .portal-actions-main,
  .function-modal .function-actions .workflow-actions-main,
  .function-modal .function-actions .function-actions-main,
  .function-modal .function-actions .chat-actions-main,
  .function-modal .chat-actions .portal-actions-main,
  .function-modal .chat-actions .workflow-actions-main,
  .function-modal .chat-actions .function-actions-main,
  .function-modal .chat-actions .chat-actions-main,
  .portal-modal .portal-actions .portal-actions-main,
  .portal-modal .portal-actions .workflow-actions-main,
  .portal-modal .portal-actions .function-actions-main,
  .portal-modal .portal-actions .chat-actions-main,
  .portal-modal .workflow-actions .portal-actions-main,
  .portal-modal .workflow-actions .workflow-actions-main,
  .portal-modal .workflow-actions .function-actions-main,
  .portal-modal .workflow-actions .chat-actions-main,
  .portal-modal .function-actions .portal-actions-main,
  .portal-modal .function-actions .workflow-actions-main,
  .portal-modal .function-actions .function-actions-main,
  .portal-modal .function-actions .chat-actions-main,
  .portal-modal .chat-actions .portal-actions-main,
  .portal-modal .chat-actions .workflow-actions-main,
  .portal-modal .chat-actions .function-actions-main,
  .portal-modal .chat-actions .chat-actions-main,
  .chat-modal .portal-actions .portal-actions-main,
  .chat-modal .portal-actions .workflow-actions-main,
  .chat-modal .portal-actions .function-actions-main,
  .chat-modal .portal-actions .chat-actions-main,
  .chat-modal .workflow-actions .portal-actions-main,
  .chat-modal .workflow-actions .workflow-actions-main,
  .chat-modal .workflow-actions .function-actions-main,
  .chat-modal .workflow-actions .chat-actions-main,
  .chat-modal .function-actions .portal-actions-main,
  .chat-modal .function-actions .workflow-actions-main,
  .chat-modal .function-actions .function-actions-main,
  .chat-modal .function-actions .chat-actions-main,
  .chat-modal .chat-actions .portal-actions-main,
  .chat-modal .chat-actions .workflow-actions-main,
  .chat-modal .chat-actions .function-actions-main,
  .chat-modal .chat-actions .chat-actions-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .workflow-modal .portal-actions button,
  .workflow-modal .workflow-actions button,
  .workflow-modal .function-actions button,
  .workflow-modal .chat-actions button,
  .function-modal .portal-actions button,
  .function-modal .workflow-actions button,
  .function-modal .function-actions button,
  .function-modal .chat-actions button,
  .portal-modal .portal-actions button,
  .portal-modal .workflow-actions button,
  .portal-modal .function-actions button,
  .portal-modal .chat-actions button,
  .chat-modal .portal-actions button,
  .chat-modal .workflow-actions button,
  .chat-modal .function-actions button,
  .chat-modal .chat-actions button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .workflow-modal .portal-actions button > i,
    .workflow-modal .workflow-actions button > i,
    .workflow-modal .function-actions button > i,
    .workflow-modal .chat-actions button > i,
    .function-modal .portal-actions button > i,
    .function-modal .workflow-actions button > i,
    .function-modal .function-actions button > i,
    .function-modal .chat-actions button > i,
    .portal-modal .portal-actions button > i,
    .portal-modal .workflow-actions button > i,
    .portal-modal .function-actions button > i,
    .portal-modal .chat-actions button > i,
    .chat-modal .portal-actions button > i,
    .chat-modal .workflow-actions button > i,
    .chat-modal .function-actions button > i,
    .chat-modal .chat-actions button > i {
      margin: 0 0 0 8px; }

.workflow-modal .portal-header-content,
.workflow-modal .workflow-header-content,
.workflow-modal .function-header-content,
.workflow-modal .chat-header-content,
.function-modal .portal-header-content,
.function-modal .workflow-header-content,
.function-modal .function-header-content,
.function-modal .chat-header-content,
.portal-modal .portal-header-content,
.portal-modal .workflow-header-content,
.portal-modal .function-header-content,
.portal-modal .chat-header-content,
.chat-modal .portal-header-content,
.chat-modal .workflow-header-content,
.chat-modal .function-header-content,
.chat-modal .chat-header-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 18px;
  margin: 18px 8px 12px; }
  .workflow-modal .portal-header-content .selector-field,
  .workflow-modal .workflow-header-content .selector-field,
  .workflow-modal .function-header-content .selector-field,
  .workflow-modal .chat-header-content .selector-field,
  .function-modal .portal-header-content .selector-field,
  .function-modal .workflow-header-content .selector-field,
  .function-modal .function-header-content .selector-field,
  .function-modal .chat-header-content .selector-field,
  .portal-modal .portal-header-content .selector-field,
  .portal-modal .workflow-header-content .selector-field,
  .portal-modal .function-header-content .selector-field,
  .portal-modal .chat-header-content .selector-field,
  .chat-modal .portal-header-content .selector-field,
  .chat-modal .workflow-header-content .selector-field,
  .chat-modal .function-header-content .selector-field,
  .chat-modal .chat-header-content .selector-field {
    margin: 0 12px; }
  .workflow-modal .portal-header-content textarea,
  .workflow-modal .workflow-header-content textarea,
  .workflow-modal .function-header-content textarea,
  .workflow-modal .chat-header-content textarea,
  .function-modal .portal-header-content textarea,
  .function-modal .workflow-header-content textarea,
  .function-modal .function-header-content textarea,
  .function-modal .chat-header-content textarea,
  .portal-modal .portal-header-content textarea,
  .portal-modal .workflow-header-content textarea,
  .portal-modal .function-header-content textarea,
  .portal-modal .chat-header-content textarea,
  .chat-modal .portal-header-content textarea,
  .chat-modal .workflow-header-content textarea,
  .chat-modal .function-header-content textarea,
  .chat-modal .chat-header-content textarea {
    margin: 0;
    min-height: 40px;
    line-height: 40px;
    margin-left: 12px;
    border-radius: 8px; }
  @media screen and (max-width: 668px) {
    .workflow-modal .portal-header-content,
    .workflow-modal .workflow-header-content,
    .workflow-modal .function-header-content,
    .workflow-modal .chat-header-content,
    .function-modal .portal-header-content,
    .function-modal .workflow-header-content,
    .function-modal .function-header-content,
    .function-modal .chat-header-content,
    .portal-modal .portal-header-content,
    .portal-modal .workflow-header-content,
    .portal-modal .function-header-content,
    .portal-modal .chat-header-content,
    .chat-modal .portal-header-content,
    .chat-modal .workflow-header-content,
    .chat-modal .function-header-content,
    .chat-modal .chat-header-content {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .workflow-modal .portal-header-content textarea,
      .workflow-modal .workflow-header-content textarea,
      .workflow-modal .function-header-content textarea,
      .workflow-modal .chat-header-content textarea,
      .function-modal .portal-header-content textarea,
      .function-modal .workflow-header-content textarea,
      .function-modal .function-header-content textarea,
      .function-modal .chat-header-content textarea,
      .portal-modal .portal-header-content textarea,
      .portal-modal .workflow-header-content textarea,
      .portal-modal .function-header-content textarea,
      .portal-modal .chat-header-content textarea,
      .chat-modal .portal-header-content textarea,
      .chat-modal .workflow-header-content textarea,
      .chat-modal .function-header-content textarea,
      .chat-modal .chat-header-content textarea {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-top: 8px; } }
  .workflow-modal .portal-header-content.sm,
  .workflow-modal .workflow-header-content.sm,
  .workflow-modal .function-header-content.sm,
  .workflow-modal .chat-header-content.sm,
  .function-modal .portal-header-content.sm,
  .function-modal .workflow-header-content.sm,
  .function-modal .function-header-content.sm,
  .function-modal .chat-header-content.sm,
  .portal-modal .portal-header-content.sm,
  .portal-modal .workflow-header-content.sm,
  .portal-modal .function-header-content.sm,
  .portal-modal .chat-header-content.sm,
  .chat-modal .portal-header-content.sm,
  .chat-modal .workflow-header-content.sm,
  .chat-modal .function-header-content.sm,
  .chat-modal .chat-header-content.sm {
    font-size: 18px; }
    .workflow-modal .portal-header-content.sm .dropdown .dropdown-select,
    .workflow-modal .workflow-header-content.sm .dropdown .dropdown-select,
    .workflow-modal .function-header-content.sm .dropdown .dropdown-select,
    .workflow-modal .chat-header-content.sm .dropdown .dropdown-select,
    .function-modal .portal-header-content.sm .dropdown .dropdown-select,
    .function-modal .workflow-header-content.sm .dropdown .dropdown-select,
    .function-modal .function-header-content.sm .dropdown .dropdown-select,
    .function-modal .chat-header-content.sm .dropdown .dropdown-select,
    .portal-modal .portal-header-content.sm .dropdown .dropdown-select,
    .portal-modal .workflow-header-content.sm .dropdown .dropdown-select,
    .portal-modal .function-header-content.sm .dropdown .dropdown-select,
    .portal-modal .chat-header-content.sm .dropdown .dropdown-select,
    .chat-modal .portal-header-content.sm .dropdown .dropdown-select,
    .chat-modal .workflow-header-content.sm .dropdown .dropdown-select,
    .chat-modal .function-header-content.sm .dropdown .dropdown-select,
    .chat-modal .chat-header-content.sm .dropdown .dropdown-select {
      font-size: 18px; }

.workflow-modal .portal-details,
.workflow-modal .workflow-details,
.workflow-modal .function-details,
.workflow-modal .chat-details,
.function-modal .portal-details,
.function-modal .workflow-details,
.function-modal .function-details,
.function-modal .chat-details,
.portal-modal .portal-details,
.portal-modal .workflow-details,
.portal-modal .function-details,
.portal-modal .chat-details,
.chat-modal .portal-details,
.chat-modal .workflow-details,
.chat-modal .function-details,
.chat-modal .chat-details {
  padding: 12px 0; }
  .workflow-modal .portal-details .portal-section,
  .workflow-modal .portal-details .workflow-section,
  .workflow-modal .portal-details .prompt-section,
  .workflow-modal .portal-details .function-section,
  .workflow-modal .portal-details .chat-section,
  .workflow-modal .workflow-details .portal-section,
  .workflow-modal .workflow-details .workflow-section,
  .workflow-modal .workflow-details .prompt-section,
  .workflow-modal .workflow-details .function-section,
  .workflow-modal .workflow-details .chat-section,
  .workflow-modal .function-details .portal-section,
  .workflow-modal .function-details .workflow-section,
  .workflow-modal .function-details .prompt-section,
  .workflow-modal .function-details .function-section,
  .workflow-modal .function-details .chat-section,
  .workflow-modal .chat-details .portal-section,
  .workflow-modal .chat-details .workflow-section,
  .workflow-modal .chat-details .prompt-section,
  .workflow-modal .chat-details .function-section,
  .workflow-modal .chat-details .chat-section,
  .function-modal .portal-details .portal-section,
  .function-modal .portal-details .workflow-section,
  .function-modal .portal-details .prompt-section,
  .function-modal .portal-details .function-section,
  .function-modal .portal-details .chat-section,
  .function-modal .workflow-details .portal-section,
  .function-modal .workflow-details .workflow-section,
  .function-modal .workflow-details .prompt-section,
  .function-modal .workflow-details .function-section,
  .function-modal .workflow-details .chat-section,
  .function-modal .function-details .portal-section,
  .function-modal .function-details .workflow-section,
  .function-modal .function-details .prompt-section,
  .function-modal .function-details .function-section,
  .function-modal .function-details .chat-section,
  .function-modal .chat-details .portal-section,
  .function-modal .chat-details .workflow-section,
  .function-modal .chat-details .prompt-section,
  .function-modal .chat-details .function-section,
  .function-modal .chat-details .chat-section,
  .portal-modal .portal-details .portal-section,
  .portal-modal .portal-details .workflow-section,
  .portal-modal .portal-details .prompt-section,
  .portal-modal .portal-details .function-section,
  .portal-modal .portal-details .chat-section,
  .portal-modal .workflow-details .portal-section,
  .portal-modal .workflow-details .workflow-section,
  .portal-modal .workflow-details .prompt-section,
  .portal-modal .workflow-details .function-section,
  .portal-modal .workflow-details .chat-section,
  .portal-modal .function-details .portal-section,
  .portal-modal .function-details .workflow-section,
  .portal-modal .function-details .prompt-section,
  .portal-modal .function-details .function-section,
  .portal-modal .function-details .chat-section,
  .portal-modal .chat-details .portal-section,
  .portal-modal .chat-details .workflow-section,
  .portal-modal .chat-details .prompt-section,
  .portal-modal .chat-details .function-section,
  .portal-modal .chat-details .chat-section,
  .chat-modal .portal-details .portal-section,
  .chat-modal .portal-details .workflow-section,
  .chat-modal .portal-details .prompt-section,
  .chat-modal .portal-details .function-section,
  .chat-modal .portal-details .chat-section,
  .chat-modal .workflow-details .portal-section,
  .chat-modal .workflow-details .workflow-section,
  .chat-modal .workflow-details .prompt-section,
  .chat-modal .workflow-details .function-section,
  .chat-modal .workflow-details .chat-section,
  .chat-modal .function-details .portal-section,
  .chat-modal .function-details .workflow-section,
  .chat-modal .function-details .prompt-section,
  .chat-modal .function-details .function-section,
  .chat-modal .function-details .chat-section,
  .chat-modal .chat-details .portal-section,
  .chat-modal .chat-details .workflow-section,
  .chat-modal .chat-details .prompt-section,
  .chat-modal .chat-details .function-section,
  .chat-modal .chat-details .chat-section {
    margin: 0 0 12px; }
    .workflow-modal .portal-details .portal-section .portal-section-header,
    .workflow-modal .portal-details .portal-section .workflow-section-header,
    .workflow-modal .portal-details .portal-section .prompt-section-header,
    .workflow-modal .portal-details .portal-section .function-section-header,
    .workflow-modal .portal-details .portal-section .chat-section-header,
    .workflow-modal .portal-details .workflow-section .portal-section-header,
    .workflow-modal .portal-details .workflow-section .workflow-section-header,
    .workflow-modal .portal-details .workflow-section .prompt-section-header,
    .workflow-modal .portal-details .workflow-section .function-section-header,
    .workflow-modal .portal-details .workflow-section .chat-section-header,
    .workflow-modal .portal-details .prompt-section .portal-section-header,
    .workflow-modal .portal-details .prompt-section .workflow-section-header,
    .workflow-modal .portal-details .prompt-section .prompt-section-header,
    .workflow-modal .portal-details .prompt-section .function-section-header,
    .workflow-modal .portal-details .prompt-section .chat-section-header,
    .workflow-modal .portal-details .function-section .portal-section-header,
    .workflow-modal .portal-details .function-section .workflow-section-header,
    .workflow-modal .portal-details .function-section .prompt-section-header,
    .workflow-modal .portal-details .function-section .function-section-header,
    .workflow-modal .portal-details .function-section .chat-section-header,
    .workflow-modal .portal-details .chat-section .portal-section-header,
    .workflow-modal .portal-details .chat-section .workflow-section-header,
    .workflow-modal .portal-details .chat-section .prompt-section-header,
    .workflow-modal .portal-details .chat-section .function-section-header,
    .workflow-modal .portal-details .chat-section .chat-section-header,
    .workflow-modal .workflow-details .portal-section .portal-section-header,
    .workflow-modal .workflow-details .portal-section .workflow-section-header,
    .workflow-modal .workflow-details .portal-section .prompt-section-header,
    .workflow-modal .workflow-details .portal-section .function-section-header,
    .workflow-modal .workflow-details .portal-section .chat-section-header,
    .workflow-modal .workflow-details .workflow-section .portal-section-header,
    .workflow-modal .workflow-details .workflow-section .workflow-section-header,
    .workflow-modal .workflow-details .workflow-section .prompt-section-header,
    .workflow-modal .workflow-details .workflow-section .function-section-header,
    .workflow-modal .workflow-details .workflow-section .chat-section-header,
    .workflow-modal .workflow-details .prompt-section .portal-section-header,
    .workflow-modal .workflow-details .prompt-section .workflow-section-header,
    .workflow-modal .workflow-details .prompt-section .prompt-section-header,
    .workflow-modal .workflow-details .prompt-section .function-section-header,
    .workflow-modal .workflow-details .prompt-section .chat-section-header,
    .workflow-modal .workflow-details .function-section .portal-section-header,
    .workflow-modal .workflow-details .function-section .workflow-section-header,
    .workflow-modal .workflow-details .function-section .prompt-section-header,
    .workflow-modal .workflow-details .function-section .function-section-header,
    .workflow-modal .workflow-details .function-section .chat-section-header,
    .workflow-modal .workflow-details .chat-section .portal-section-header,
    .workflow-modal .workflow-details .chat-section .workflow-section-header,
    .workflow-modal .workflow-details .chat-section .prompt-section-header,
    .workflow-modal .workflow-details .chat-section .function-section-header,
    .workflow-modal .workflow-details .chat-section .chat-section-header,
    .workflow-modal .function-details .portal-section .portal-section-header,
    .workflow-modal .function-details .portal-section .workflow-section-header,
    .workflow-modal .function-details .portal-section .prompt-section-header,
    .workflow-modal .function-details .portal-section .function-section-header,
    .workflow-modal .function-details .portal-section .chat-section-header,
    .workflow-modal .function-details .workflow-section .portal-section-header,
    .workflow-modal .function-details .workflow-section .workflow-section-header,
    .workflow-modal .function-details .workflow-section .prompt-section-header,
    .workflow-modal .function-details .workflow-section .function-section-header,
    .workflow-modal .function-details .workflow-section .chat-section-header,
    .workflow-modal .function-details .prompt-section .portal-section-header,
    .workflow-modal .function-details .prompt-section .workflow-section-header,
    .workflow-modal .function-details .prompt-section .prompt-section-header,
    .workflow-modal .function-details .prompt-section .function-section-header,
    .workflow-modal .function-details .prompt-section .chat-section-header,
    .workflow-modal .function-details .function-section .portal-section-header,
    .workflow-modal .function-details .function-section .workflow-section-header,
    .workflow-modal .function-details .function-section .prompt-section-header,
    .workflow-modal .function-details .function-section .function-section-header,
    .workflow-modal .function-details .function-section .chat-section-header,
    .workflow-modal .function-details .chat-section .portal-section-header,
    .workflow-modal .function-details .chat-section .workflow-section-header,
    .workflow-modal .function-details .chat-section .prompt-section-header,
    .workflow-modal .function-details .chat-section .function-section-header,
    .workflow-modal .function-details .chat-section .chat-section-header,
    .workflow-modal .chat-details .portal-section .portal-section-header,
    .workflow-modal .chat-details .portal-section .workflow-section-header,
    .workflow-modal .chat-details .portal-section .prompt-section-header,
    .workflow-modal .chat-details .portal-section .function-section-header,
    .workflow-modal .chat-details .portal-section .chat-section-header,
    .workflow-modal .chat-details .workflow-section .portal-section-header,
    .workflow-modal .chat-details .workflow-section .workflow-section-header,
    .workflow-modal .chat-details .workflow-section .prompt-section-header,
    .workflow-modal .chat-details .workflow-section .function-section-header,
    .workflow-modal .chat-details .workflow-section .chat-section-header,
    .workflow-modal .chat-details .prompt-section .portal-section-header,
    .workflow-modal .chat-details .prompt-section .workflow-section-header,
    .workflow-modal .chat-details .prompt-section .prompt-section-header,
    .workflow-modal .chat-details .prompt-section .function-section-header,
    .workflow-modal .chat-details .prompt-section .chat-section-header,
    .workflow-modal .chat-details .function-section .portal-section-header,
    .workflow-modal .chat-details .function-section .workflow-section-header,
    .workflow-modal .chat-details .function-section .prompt-section-header,
    .workflow-modal .chat-details .function-section .function-section-header,
    .workflow-modal .chat-details .function-section .chat-section-header,
    .workflow-modal .chat-details .chat-section .portal-section-header,
    .workflow-modal .chat-details .chat-section .workflow-section-header,
    .workflow-modal .chat-details .chat-section .prompt-section-header,
    .workflow-modal .chat-details .chat-section .function-section-header,
    .workflow-modal .chat-details .chat-section .chat-section-header,
    .function-modal .portal-details .portal-section .portal-section-header,
    .function-modal .portal-details .portal-section .workflow-section-header,
    .function-modal .portal-details .portal-section .prompt-section-header,
    .function-modal .portal-details .portal-section .function-section-header,
    .function-modal .portal-details .portal-section .chat-section-header,
    .function-modal .portal-details .workflow-section .portal-section-header,
    .function-modal .portal-details .workflow-section .workflow-section-header,
    .function-modal .portal-details .workflow-section .prompt-section-header,
    .function-modal .portal-details .workflow-section .function-section-header,
    .function-modal .portal-details .workflow-section .chat-section-header,
    .function-modal .portal-details .prompt-section .portal-section-header,
    .function-modal .portal-details .prompt-section .workflow-section-header,
    .function-modal .portal-details .prompt-section .prompt-section-header,
    .function-modal .portal-details .prompt-section .function-section-header,
    .function-modal .portal-details .prompt-section .chat-section-header,
    .function-modal .portal-details .function-section .portal-section-header,
    .function-modal .portal-details .function-section .workflow-section-header,
    .function-modal .portal-details .function-section .prompt-section-header,
    .function-modal .portal-details .function-section .function-section-header,
    .function-modal .portal-details .function-section .chat-section-header,
    .function-modal .portal-details .chat-section .portal-section-header,
    .function-modal .portal-details .chat-section .workflow-section-header,
    .function-modal .portal-details .chat-section .prompt-section-header,
    .function-modal .portal-details .chat-section .function-section-header,
    .function-modal .portal-details .chat-section .chat-section-header,
    .function-modal .workflow-details .portal-section .portal-section-header,
    .function-modal .workflow-details .portal-section .workflow-section-header,
    .function-modal .workflow-details .portal-section .prompt-section-header,
    .function-modal .workflow-details .portal-section .function-section-header,
    .function-modal .workflow-details .portal-section .chat-section-header,
    .function-modal .workflow-details .workflow-section .portal-section-header,
    .function-modal .workflow-details .workflow-section .workflow-section-header,
    .function-modal .workflow-details .workflow-section .prompt-section-header,
    .function-modal .workflow-details .workflow-section .function-section-header,
    .function-modal .workflow-details .workflow-section .chat-section-header,
    .function-modal .workflow-details .prompt-section .portal-section-header,
    .function-modal .workflow-details .prompt-section .workflow-section-header,
    .function-modal .workflow-details .prompt-section .prompt-section-header,
    .function-modal .workflow-details .prompt-section .function-section-header,
    .function-modal .workflow-details .prompt-section .chat-section-header,
    .function-modal .workflow-details .function-section .portal-section-header,
    .function-modal .workflow-details .function-section .workflow-section-header,
    .function-modal .workflow-details .function-section .prompt-section-header,
    .function-modal .workflow-details .function-section .function-section-header,
    .function-modal .workflow-details .function-section .chat-section-header,
    .function-modal .workflow-details .chat-section .portal-section-header,
    .function-modal .workflow-details .chat-section .workflow-section-header,
    .function-modal .workflow-details .chat-section .prompt-section-header,
    .function-modal .workflow-details .chat-section .function-section-header,
    .function-modal .workflow-details .chat-section .chat-section-header,
    .function-modal .function-details .portal-section .portal-section-header,
    .function-modal .function-details .portal-section .workflow-section-header,
    .function-modal .function-details .portal-section .prompt-section-header,
    .function-modal .function-details .portal-section .function-section-header,
    .function-modal .function-details .portal-section .chat-section-header,
    .function-modal .function-details .workflow-section .portal-section-header,
    .function-modal .function-details .workflow-section .workflow-section-header,
    .function-modal .function-details .workflow-section .prompt-section-header,
    .function-modal .function-details .workflow-section .function-section-header,
    .function-modal .function-details .workflow-section .chat-section-header,
    .function-modal .function-details .prompt-section .portal-section-header,
    .function-modal .function-details .prompt-section .workflow-section-header,
    .function-modal .function-details .prompt-section .prompt-section-header,
    .function-modal .function-details .prompt-section .function-section-header,
    .function-modal .function-details .prompt-section .chat-section-header,
    .function-modal .function-details .function-section .portal-section-header,
    .function-modal .function-details .function-section .workflow-section-header,
    .function-modal .function-details .function-section .prompt-section-header,
    .function-modal .function-details .function-section .function-section-header,
    .function-modal .function-details .function-section .chat-section-header,
    .function-modal .function-details .chat-section .portal-section-header,
    .function-modal .function-details .chat-section .workflow-section-header,
    .function-modal .function-details .chat-section .prompt-section-header,
    .function-modal .function-details .chat-section .function-section-header,
    .function-modal .function-details .chat-section .chat-section-header,
    .function-modal .chat-details .portal-section .portal-section-header,
    .function-modal .chat-details .portal-section .workflow-section-header,
    .function-modal .chat-details .portal-section .prompt-section-header,
    .function-modal .chat-details .portal-section .function-section-header,
    .function-modal .chat-details .portal-section .chat-section-header,
    .function-modal .chat-details .workflow-section .portal-section-header,
    .function-modal .chat-details .workflow-section .workflow-section-header,
    .function-modal .chat-details .workflow-section .prompt-section-header,
    .function-modal .chat-details .workflow-section .function-section-header,
    .function-modal .chat-details .workflow-section .chat-section-header,
    .function-modal .chat-details .prompt-section .portal-section-header,
    .function-modal .chat-details .prompt-section .workflow-section-header,
    .function-modal .chat-details .prompt-section .prompt-section-header,
    .function-modal .chat-details .prompt-section .function-section-header,
    .function-modal .chat-details .prompt-section .chat-section-header,
    .function-modal .chat-details .function-section .portal-section-header,
    .function-modal .chat-details .function-section .workflow-section-header,
    .function-modal .chat-details .function-section .prompt-section-header,
    .function-modal .chat-details .function-section .function-section-header,
    .function-modal .chat-details .function-section .chat-section-header,
    .function-modal .chat-details .chat-section .portal-section-header,
    .function-modal .chat-details .chat-section .workflow-section-header,
    .function-modal .chat-details .chat-section .prompt-section-header,
    .function-modal .chat-details .chat-section .function-section-header,
    .function-modal .chat-details .chat-section .chat-section-header,
    .portal-modal .portal-details .portal-section .portal-section-header,
    .portal-modal .portal-details .portal-section .workflow-section-header,
    .portal-modal .portal-details .portal-section .prompt-section-header,
    .portal-modal .portal-details .portal-section .function-section-header,
    .portal-modal .portal-details .portal-section .chat-section-header,
    .portal-modal .portal-details .workflow-section .portal-section-header,
    .portal-modal .portal-details .workflow-section .workflow-section-header,
    .portal-modal .portal-details .workflow-section .prompt-section-header,
    .portal-modal .portal-details .workflow-section .function-section-header,
    .portal-modal .portal-details .workflow-section .chat-section-header,
    .portal-modal .portal-details .prompt-section .portal-section-header,
    .portal-modal .portal-details .prompt-section .workflow-section-header,
    .portal-modal .portal-details .prompt-section .prompt-section-header,
    .portal-modal .portal-details .prompt-section .function-section-header,
    .portal-modal .portal-details .prompt-section .chat-section-header,
    .portal-modal .portal-details .function-section .portal-section-header,
    .portal-modal .portal-details .function-section .workflow-section-header,
    .portal-modal .portal-details .function-section .prompt-section-header,
    .portal-modal .portal-details .function-section .function-section-header,
    .portal-modal .portal-details .function-section .chat-section-header,
    .portal-modal .portal-details .chat-section .portal-section-header,
    .portal-modal .portal-details .chat-section .workflow-section-header,
    .portal-modal .portal-details .chat-section .prompt-section-header,
    .portal-modal .portal-details .chat-section .function-section-header,
    .portal-modal .portal-details .chat-section .chat-section-header,
    .portal-modal .workflow-details .portal-section .portal-section-header,
    .portal-modal .workflow-details .portal-section .workflow-section-header,
    .portal-modal .workflow-details .portal-section .prompt-section-header,
    .portal-modal .workflow-details .portal-section .function-section-header,
    .portal-modal .workflow-details .portal-section .chat-section-header,
    .portal-modal .workflow-details .workflow-section .portal-section-header,
    .portal-modal .workflow-details .workflow-section .workflow-section-header,
    .portal-modal .workflow-details .workflow-section .prompt-section-header,
    .portal-modal .workflow-details .workflow-section .function-section-header,
    .portal-modal .workflow-details .workflow-section .chat-section-header,
    .portal-modal .workflow-details .prompt-section .portal-section-header,
    .portal-modal .workflow-details .prompt-section .workflow-section-header,
    .portal-modal .workflow-details .prompt-section .prompt-section-header,
    .portal-modal .workflow-details .prompt-section .function-section-header,
    .portal-modal .workflow-details .prompt-section .chat-section-header,
    .portal-modal .workflow-details .function-section .portal-section-header,
    .portal-modal .workflow-details .function-section .workflow-section-header,
    .portal-modal .workflow-details .function-section .prompt-section-header,
    .portal-modal .workflow-details .function-section .function-section-header,
    .portal-modal .workflow-details .function-section .chat-section-header,
    .portal-modal .workflow-details .chat-section .portal-section-header,
    .portal-modal .workflow-details .chat-section .workflow-section-header,
    .portal-modal .workflow-details .chat-section .prompt-section-header,
    .portal-modal .workflow-details .chat-section .function-section-header,
    .portal-modal .workflow-details .chat-section .chat-section-header,
    .portal-modal .function-details .portal-section .portal-section-header,
    .portal-modal .function-details .portal-section .workflow-section-header,
    .portal-modal .function-details .portal-section .prompt-section-header,
    .portal-modal .function-details .portal-section .function-section-header,
    .portal-modal .function-details .portal-section .chat-section-header,
    .portal-modal .function-details .workflow-section .portal-section-header,
    .portal-modal .function-details .workflow-section .workflow-section-header,
    .portal-modal .function-details .workflow-section .prompt-section-header,
    .portal-modal .function-details .workflow-section .function-section-header,
    .portal-modal .function-details .workflow-section .chat-section-header,
    .portal-modal .function-details .prompt-section .portal-section-header,
    .portal-modal .function-details .prompt-section .workflow-section-header,
    .portal-modal .function-details .prompt-section .prompt-section-header,
    .portal-modal .function-details .prompt-section .function-section-header,
    .portal-modal .function-details .prompt-section .chat-section-header,
    .portal-modal .function-details .function-section .portal-section-header,
    .portal-modal .function-details .function-section .workflow-section-header,
    .portal-modal .function-details .function-section .prompt-section-header,
    .portal-modal .function-details .function-section .function-section-header,
    .portal-modal .function-details .function-section .chat-section-header,
    .portal-modal .function-details .chat-section .portal-section-header,
    .portal-modal .function-details .chat-section .workflow-section-header,
    .portal-modal .function-details .chat-section .prompt-section-header,
    .portal-modal .function-details .chat-section .function-section-header,
    .portal-modal .function-details .chat-section .chat-section-header,
    .portal-modal .chat-details .portal-section .portal-section-header,
    .portal-modal .chat-details .portal-section .workflow-section-header,
    .portal-modal .chat-details .portal-section .prompt-section-header,
    .portal-modal .chat-details .portal-section .function-section-header,
    .portal-modal .chat-details .portal-section .chat-section-header,
    .portal-modal .chat-details .workflow-section .portal-section-header,
    .portal-modal .chat-details .workflow-section .workflow-section-header,
    .portal-modal .chat-details .workflow-section .prompt-section-header,
    .portal-modal .chat-details .workflow-section .function-section-header,
    .portal-modal .chat-details .workflow-section .chat-section-header,
    .portal-modal .chat-details .prompt-section .portal-section-header,
    .portal-modal .chat-details .prompt-section .workflow-section-header,
    .portal-modal .chat-details .prompt-section .prompt-section-header,
    .portal-modal .chat-details .prompt-section .function-section-header,
    .portal-modal .chat-details .prompt-section .chat-section-header,
    .portal-modal .chat-details .function-section .portal-section-header,
    .portal-modal .chat-details .function-section .workflow-section-header,
    .portal-modal .chat-details .function-section .prompt-section-header,
    .portal-modal .chat-details .function-section .function-section-header,
    .portal-modal .chat-details .function-section .chat-section-header,
    .portal-modal .chat-details .chat-section .portal-section-header,
    .portal-modal .chat-details .chat-section .workflow-section-header,
    .portal-modal .chat-details .chat-section .prompt-section-header,
    .portal-modal .chat-details .chat-section .function-section-header,
    .portal-modal .chat-details .chat-section .chat-section-header,
    .chat-modal .portal-details .portal-section .portal-section-header,
    .chat-modal .portal-details .portal-section .workflow-section-header,
    .chat-modal .portal-details .portal-section .prompt-section-header,
    .chat-modal .portal-details .portal-section .function-section-header,
    .chat-modal .portal-details .portal-section .chat-section-header,
    .chat-modal .portal-details .workflow-section .portal-section-header,
    .chat-modal .portal-details .workflow-section .workflow-section-header,
    .chat-modal .portal-details .workflow-section .prompt-section-header,
    .chat-modal .portal-details .workflow-section .function-section-header,
    .chat-modal .portal-details .workflow-section .chat-section-header,
    .chat-modal .portal-details .prompt-section .portal-section-header,
    .chat-modal .portal-details .prompt-section .workflow-section-header,
    .chat-modal .portal-details .prompt-section .prompt-section-header,
    .chat-modal .portal-details .prompt-section .function-section-header,
    .chat-modal .portal-details .prompt-section .chat-section-header,
    .chat-modal .portal-details .function-section .portal-section-header,
    .chat-modal .portal-details .function-section .workflow-section-header,
    .chat-modal .portal-details .function-section .prompt-section-header,
    .chat-modal .portal-details .function-section .function-section-header,
    .chat-modal .portal-details .function-section .chat-section-header,
    .chat-modal .portal-details .chat-section .portal-section-header,
    .chat-modal .portal-details .chat-section .workflow-section-header,
    .chat-modal .portal-details .chat-section .prompt-section-header,
    .chat-modal .portal-details .chat-section .function-section-header,
    .chat-modal .portal-details .chat-section .chat-section-header,
    .chat-modal .workflow-details .portal-section .portal-section-header,
    .chat-modal .workflow-details .portal-section .workflow-section-header,
    .chat-modal .workflow-details .portal-section .prompt-section-header,
    .chat-modal .workflow-details .portal-section .function-section-header,
    .chat-modal .workflow-details .portal-section .chat-section-header,
    .chat-modal .workflow-details .workflow-section .portal-section-header,
    .chat-modal .workflow-details .workflow-section .workflow-section-header,
    .chat-modal .workflow-details .workflow-section .prompt-section-header,
    .chat-modal .workflow-details .workflow-section .function-section-header,
    .chat-modal .workflow-details .workflow-section .chat-section-header,
    .chat-modal .workflow-details .prompt-section .portal-section-header,
    .chat-modal .workflow-details .prompt-section .workflow-section-header,
    .chat-modal .workflow-details .prompt-section .prompt-section-header,
    .chat-modal .workflow-details .prompt-section .function-section-header,
    .chat-modal .workflow-details .prompt-section .chat-section-header,
    .chat-modal .workflow-details .function-section .portal-section-header,
    .chat-modal .workflow-details .function-section .workflow-section-header,
    .chat-modal .workflow-details .function-section .prompt-section-header,
    .chat-modal .workflow-details .function-section .function-section-header,
    .chat-modal .workflow-details .function-section .chat-section-header,
    .chat-modal .workflow-details .chat-section .portal-section-header,
    .chat-modal .workflow-details .chat-section .workflow-section-header,
    .chat-modal .workflow-details .chat-section .prompt-section-header,
    .chat-modal .workflow-details .chat-section .function-section-header,
    .chat-modal .workflow-details .chat-section .chat-section-header,
    .chat-modal .function-details .portal-section .portal-section-header,
    .chat-modal .function-details .portal-section .workflow-section-header,
    .chat-modal .function-details .portal-section .prompt-section-header,
    .chat-modal .function-details .portal-section .function-section-header,
    .chat-modal .function-details .portal-section .chat-section-header,
    .chat-modal .function-details .workflow-section .portal-section-header,
    .chat-modal .function-details .workflow-section .workflow-section-header,
    .chat-modal .function-details .workflow-section .prompt-section-header,
    .chat-modal .function-details .workflow-section .function-section-header,
    .chat-modal .function-details .workflow-section .chat-section-header,
    .chat-modal .function-details .prompt-section .portal-section-header,
    .chat-modal .function-details .prompt-section .workflow-section-header,
    .chat-modal .function-details .prompt-section .prompt-section-header,
    .chat-modal .function-details .prompt-section .function-section-header,
    .chat-modal .function-details .prompt-section .chat-section-header,
    .chat-modal .function-details .function-section .portal-section-header,
    .chat-modal .function-details .function-section .workflow-section-header,
    .chat-modal .function-details .function-section .prompt-section-header,
    .chat-modal .function-details .function-section .function-section-header,
    .chat-modal .function-details .function-section .chat-section-header,
    .chat-modal .function-details .chat-section .portal-section-header,
    .chat-modal .function-details .chat-section .workflow-section-header,
    .chat-modal .function-details .chat-section .prompt-section-header,
    .chat-modal .function-details .chat-section .function-section-header,
    .chat-modal .function-details .chat-section .chat-section-header,
    .chat-modal .chat-details .portal-section .portal-section-header,
    .chat-modal .chat-details .portal-section .workflow-section-header,
    .chat-modal .chat-details .portal-section .prompt-section-header,
    .chat-modal .chat-details .portal-section .function-section-header,
    .chat-modal .chat-details .portal-section .chat-section-header,
    .chat-modal .chat-details .workflow-section .portal-section-header,
    .chat-modal .chat-details .workflow-section .workflow-section-header,
    .chat-modal .chat-details .workflow-section .prompt-section-header,
    .chat-modal .chat-details .workflow-section .function-section-header,
    .chat-modal .chat-details .workflow-section .chat-section-header,
    .chat-modal .chat-details .prompt-section .portal-section-header,
    .chat-modal .chat-details .prompt-section .workflow-section-header,
    .chat-modal .chat-details .prompt-section .prompt-section-header,
    .chat-modal .chat-details .prompt-section .function-section-header,
    .chat-modal .chat-details .prompt-section .chat-section-header,
    .chat-modal .chat-details .function-section .portal-section-header,
    .chat-modal .chat-details .function-section .workflow-section-header,
    .chat-modal .chat-details .function-section .prompt-section-header,
    .chat-modal .chat-details .function-section .function-section-header,
    .chat-modal .chat-details .function-section .chat-section-header,
    .chat-modal .chat-details .chat-section .portal-section-header,
    .chat-modal .chat-details .chat-section .workflow-section-header,
    .chat-modal .chat-details .chat-section .prompt-section-header,
    .chat-modal .chat-details .chat-section .function-section-header,
    .chat-modal .chat-details .chat-section .chat-section-header {
      position: relative; }
      .workflow-modal .portal-details .portal-section .portal-section-header .portal-header-loading,
      .workflow-modal .portal-details .portal-section .portal-section-header .workflow-header-loading,
      .workflow-modal .portal-details .portal-section .portal-section-header .function-header-loading,
      .workflow-modal .portal-details .portal-section .portal-section-header .chat-header-loading,
      .workflow-modal .portal-details .portal-section .workflow-section-header .portal-header-loading,
      .workflow-modal .portal-details .portal-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .portal-details .portal-section .workflow-section-header .function-header-loading,
      .workflow-modal .portal-details .portal-section .workflow-section-header .chat-header-loading,
      .workflow-modal .portal-details .portal-section .prompt-section-header .portal-header-loading,
      .workflow-modal .portal-details .portal-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .portal-details .portal-section .prompt-section-header .function-header-loading,
      .workflow-modal .portal-details .portal-section .prompt-section-header .chat-header-loading,
      .workflow-modal .portal-details .portal-section .function-section-header .portal-header-loading,
      .workflow-modal .portal-details .portal-section .function-section-header .workflow-header-loading,
      .workflow-modal .portal-details .portal-section .function-section-header .function-header-loading,
      .workflow-modal .portal-details .portal-section .function-section-header .chat-header-loading,
      .workflow-modal .portal-details .portal-section .chat-section-header .portal-header-loading,
      .workflow-modal .portal-details .portal-section .chat-section-header .workflow-header-loading,
      .workflow-modal .portal-details .portal-section .chat-section-header .function-header-loading,
      .workflow-modal .portal-details .portal-section .chat-section-header .chat-header-loading,
      .workflow-modal .portal-details .workflow-section .portal-section-header .portal-header-loading,
      .workflow-modal .portal-details .workflow-section .portal-section-header .workflow-header-loading,
      .workflow-modal .portal-details .workflow-section .portal-section-header .function-header-loading,
      .workflow-modal .portal-details .workflow-section .portal-section-header .chat-header-loading,
      .workflow-modal .portal-details .workflow-section .workflow-section-header .portal-header-loading,
      .workflow-modal .portal-details .workflow-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .portal-details .workflow-section .workflow-section-header .function-header-loading,
      .workflow-modal .portal-details .workflow-section .workflow-section-header .chat-header-loading,
      .workflow-modal .portal-details .workflow-section .prompt-section-header .portal-header-loading,
      .workflow-modal .portal-details .workflow-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .portal-details .workflow-section .prompt-section-header .function-header-loading,
      .workflow-modal .portal-details .workflow-section .prompt-section-header .chat-header-loading,
      .workflow-modal .portal-details .workflow-section .function-section-header .portal-header-loading,
      .workflow-modal .portal-details .workflow-section .function-section-header .workflow-header-loading,
      .workflow-modal .portal-details .workflow-section .function-section-header .function-header-loading,
      .workflow-modal .portal-details .workflow-section .function-section-header .chat-header-loading,
      .workflow-modal .portal-details .workflow-section .chat-section-header .portal-header-loading,
      .workflow-modal .portal-details .workflow-section .chat-section-header .workflow-header-loading,
      .workflow-modal .portal-details .workflow-section .chat-section-header .function-header-loading,
      .workflow-modal .portal-details .workflow-section .chat-section-header .chat-header-loading,
      .workflow-modal .portal-details .prompt-section .portal-section-header .portal-header-loading,
      .workflow-modal .portal-details .prompt-section .portal-section-header .workflow-header-loading,
      .workflow-modal .portal-details .prompt-section .portal-section-header .function-header-loading,
      .workflow-modal .portal-details .prompt-section .portal-section-header .chat-header-loading,
      .workflow-modal .portal-details .prompt-section .workflow-section-header .portal-header-loading,
      .workflow-modal .portal-details .prompt-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .portal-details .prompt-section .workflow-section-header .function-header-loading,
      .workflow-modal .portal-details .prompt-section .workflow-section-header .chat-header-loading,
      .workflow-modal .portal-details .prompt-section .prompt-section-header .portal-header-loading,
      .workflow-modal .portal-details .prompt-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .portal-details .prompt-section .prompt-section-header .function-header-loading,
      .workflow-modal .portal-details .prompt-section .prompt-section-header .chat-header-loading,
      .workflow-modal .portal-details .prompt-section .function-section-header .portal-header-loading,
      .workflow-modal .portal-details .prompt-section .function-section-header .workflow-header-loading,
      .workflow-modal .portal-details .prompt-section .function-section-header .function-header-loading,
      .workflow-modal .portal-details .prompt-section .function-section-header .chat-header-loading,
      .workflow-modal .portal-details .prompt-section .chat-section-header .portal-header-loading,
      .workflow-modal .portal-details .prompt-section .chat-section-header .workflow-header-loading,
      .workflow-modal .portal-details .prompt-section .chat-section-header .function-header-loading,
      .workflow-modal .portal-details .prompt-section .chat-section-header .chat-header-loading,
      .workflow-modal .portal-details .function-section .portal-section-header .portal-header-loading,
      .workflow-modal .portal-details .function-section .portal-section-header .workflow-header-loading,
      .workflow-modal .portal-details .function-section .portal-section-header .function-header-loading,
      .workflow-modal .portal-details .function-section .portal-section-header .chat-header-loading,
      .workflow-modal .portal-details .function-section .workflow-section-header .portal-header-loading,
      .workflow-modal .portal-details .function-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .portal-details .function-section .workflow-section-header .function-header-loading,
      .workflow-modal .portal-details .function-section .workflow-section-header .chat-header-loading,
      .workflow-modal .portal-details .function-section .prompt-section-header .portal-header-loading,
      .workflow-modal .portal-details .function-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .portal-details .function-section .prompt-section-header .function-header-loading,
      .workflow-modal .portal-details .function-section .prompt-section-header .chat-header-loading,
      .workflow-modal .portal-details .function-section .function-section-header .portal-header-loading,
      .workflow-modal .portal-details .function-section .function-section-header .workflow-header-loading,
      .workflow-modal .portal-details .function-section .function-section-header .function-header-loading,
      .workflow-modal .portal-details .function-section .function-section-header .chat-header-loading,
      .workflow-modal .portal-details .function-section .chat-section-header .portal-header-loading,
      .workflow-modal .portal-details .function-section .chat-section-header .workflow-header-loading,
      .workflow-modal .portal-details .function-section .chat-section-header .function-header-loading,
      .workflow-modal .portal-details .function-section .chat-section-header .chat-header-loading,
      .workflow-modal .portal-details .chat-section .portal-section-header .portal-header-loading,
      .workflow-modal .portal-details .chat-section .portal-section-header .workflow-header-loading,
      .workflow-modal .portal-details .chat-section .portal-section-header .function-header-loading,
      .workflow-modal .portal-details .chat-section .portal-section-header .chat-header-loading,
      .workflow-modal .portal-details .chat-section .workflow-section-header .portal-header-loading,
      .workflow-modal .portal-details .chat-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .portal-details .chat-section .workflow-section-header .function-header-loading,
      .workflow-modal .portal-details .chat-section .workflow-section-header .chat-header-loading,
      .workflow-modal .portal-details .chat-section .prompt-section-header .portal-header-loading,
      .workflow-modal .portal-details .chat-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .portal-details .chat-section .prompt-section-header .function-header-loading,
      .workflow-modal .portal-details .chat-section .prompt-section-header .chat-header-loading,
      .workflow-modal .portal-details .chat-section .function-section-header .portal-header-loading,
      .workflow-modal .portal-details .chat-section .function-section-header .workflow-header-loading,
      .workflow-modal .portal-details .chat-section .function-section-header .function-header-loading,
      .workflow-modal .portal-details .chat-section .function-section-header .chat-header-loading,
      .workflow-modal .portal-details .chat-section .chat-section-header .portal-header-loading,
      .workflow-modal .portal-details .chat-section .chat-section-header .workflow-header-loading,
      .workflow-modal .portal-details .chat-section .chat-section-header .function-header-loading,
      .workflow-modal .portal-details .chat-section .chat-section-header .chat-header-loading,
      .workflow-modal .workflow-details .portal-section .portal-section-header .portal-header-loading,
      .workflow-modal .workflow-details .portal-section .portal-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .portal-section .portal-section-header .function-header-loading,
      .workflow-modal .workflow-details .portal-section .portal-section-header .chat-header-loading,
      .workflow-modal .workflow-details .portal-section .workflow-section-header .portal-header-loading,
      .workflow-modal .workflow-details .portal-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .portal-section .workflow-section-header .function-header-loading,
      .workflow-modal .workflow-details .portal-section .workflow-section-header .chat-header-loading,
      .workflow-modal .workflow-details .portal-section .prompt-section-header .portal-header-loading,
      .workflow-modal .workflow-details .portal-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .portal-section .prompt-section-header .function-header-loading,
      .workflow-modal .workflow-details .portal-section .prompt-section-header .chat-header-loading,
      .workflow-modal .workflow-details .portal-section .function-section-header .portal-header-loading,
      .workflow-modal .workflow-details .portal-section .function-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .portal-section .function-section-header .function-header-loading,
      .workflow-modal .workflow-details .portal-section .function-section-header .chat-header-loading,
      .workflow-modal .workflow-details .portal-section .chat-section-header .portal-header-loading,
      .workflow-modal .workflow-details .portal-section .chat-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .portal-section .chat-section-header .function-header-loading,
      .workflow-modal .workflow-details .portal-section .chat-section-header .chat-header-loading,
      .workflow-modal .workflow-details .workflow-section .portal-section-header .portal-header-loading,
      .workflow-modal .workflow-details .workflow-section .portal-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .workflow-section .portal-section-header .function-header-loading,
      .workflow-modal .workflow-details .workflow-section .portal-section-header .chat-header-loading,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header .portal-header-loading,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header .function-header-loading,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header .chat-header-loading,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header .portal-header-loading,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header .function-header-loading,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header .chat-header-loading,
      .workflow-modal .workflow-details .workflow-section .function-section-header .portal-header-loading,
      .workflow-modal .workflow-details .workflow-section .function-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .workflow-section .function-section-header .function-header-loading,
      .workflow-modal .workflow-details .workflow-section .function-section-header .chat-header-loading,
      .workflow-modal .workflow-details .workflow-section .chat-section-header .portal-header-loading,
      .workflow-modal .workflow-details .workflow-section .chat-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .workflow-section .chat-section-header .function-header-loading,
      .workflow-modal .workflow-details .workflow-section .chat-section-header .chat-header-loading,
      .workflow-modal .workflow-details .prompt-section .portal-section-header .portal-header-loading,
      .workflow-modal .workflow-details .prompt-section .portal-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .prompt-section .portal-section-header .function-header-loading,
      .workflow-modal .workflow-details .prompt-section .portal-section-header .chat-header-loading,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header .portal-header-loading,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header .function-header-loading,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header .chat-header-loading,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header .portal-header-loading,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header .function-header-loading,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header .chat-header-loading,
      .workflow-modal .workflow-details .prompt-section .function-section-header .portal-header-loading,
      .workflow-modal .workflow-details .prompt-section .function-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .prompt-section .function-section-header .function-header-loading,
      .workflow-modal .workflow-details .prompt-section .function-section-header .chat-header-loading,
      .workflow-modal .workflow-details .prompt-section .chat-section-header .portal-header-loading,
      .workflow-modal .workflow-details .prompt-section .chat-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .prompt-section .chat-section-header .function-header-loading,
      .workflow-modal .workflow-details .prompt-section .chat-section-header .chat-header-loading,
      .workflow-modal .workflow-details .function-section .portal-section-header .portal-header-loading,
      .workflow-modal .workflow-details .function-section .portal-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .function-section .portal-section-header .function-header-loading,
      .workflow-modal .workflow-details .function-section .portal-section-header .chat-header-loading,
      .workflow-modal .workflow-details .function-section .workflow-section-header .portal-header-loading,
      .workflow-modal .workflow-details .function-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .function-section .workflow-section-header .function-header-loading,
      .workflow-modal .workflow-details .function-section .workflow-section-header .chat-header-loading,
      .workflow-modal .workflow-details .function-section .prompt-section-header .portal-header-loading,
      .workflow-modal .workflow-details .function-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .function-section .prompt-section-header .function-header-loading,
      .workflow-modal .workflow-details .function-section .prompt-section-header .chat-header-loading,
      .workflow-modal .workflow-details .function-section .function-section-header .portal-header-loading,
      .workflow-modal .workflow-details .function-section .function-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .function-section .function-section-header .function-header-loading,
      .workflow-modal .workflow-details .function-section .function-section-header .chat-header-loading,
      .workflow-modal .workflow-details .function-section .chat-section-header .portal-header-loading,
      .workflow-modal .workflow-details .function-section .chat-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .function-section .chat-section-header .function-header-loading,
      .workflow-modal .workflow-details .function-section .chat-section-header .chat-header-loading,
      .workflow-modal .workflow-details .chat-section .portal-section-header .portal-header-loading,
      .workflow-modal .workflow-details .chat-section .portal-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .chat-section .portal-section-header .function-header-loading,
      .workflow-modal .workflow-details .chat-section .portal-section-header .chat-header-loading,
      .workflow-modal .workflow-details .chat-section .workflow-section-header .portal-header-loading,
      .workflow-modal .workflow-details .chat-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .chat-section .workflow-section-header .function-header-loading,
      .workflow-modal .workflow-details .chat-section .workflow-section-header .chat-header-loading,
      .workflow-modal .workflow-details .chat-section .prompt-section-header .portal-header-loading,
      .workflow-modal .workflow-details .chat-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .chat-section .prompt-section-header .function-header-loading,
      .workflow-modal .workflow-details .chat-section .prompt-section-header .chat-header-loading,
      .workflow-modal .workflow-details .chat-section .function-section-header .portal-header-loading,
      .workflow-modal .workflow-details .chat-section .function-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .chat-section .function-section-header .function-header-loading,
      .workflow-modal .workflow-details .chat-section .function-section-header .chat-header-loading,
      .workflow-modal .workflow-details .chat-section .chat-section-header .portal-header-loading,
      .workflow-modal .workflow-details .chat-section .chat-section-header .workflow-header-loading,
      .workflow-modal .workflow-details .chat-section .chat-section-header .function-header-loading,
      .workflow-modal .workflow-details .chat-section .chat-section-header .chat-header-loading,
      .workflow-modal .function-details .portal-section .portal-section-header .portal-header-loading,
      .workflow-modal .function-details .portal-section .portal-section-header .workflow-header-loading,
      .workflow-modal .function-details .portal-section .portal-section-header .function-header-loading,
      .workflow-modal .function-details .portal-section .portal-section-header .chat-header-loading,
      .workflow-modal .function-details .portal-section .workflow-section-header .portal-header-loading,
      .workflow-modal .function-details .portal-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .function-details .portal-section .workflow-section-header .function-header-loading,
      .workflow-modal .function-details .portal-section .workflow-section-header .chat-header-loading,
      .workflow-modal .function-details .portal-section .prompt-section-header .portal-header-loading,
      .workflow-modal .function-details .portal-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .function-details .portal-section .prompt-section-header .function-header-loading,
      .workflow-modal .function-details .portal-section .prompt-section-header .chat-header-loading,
      .workflow-modal .function-details .portal-section .function-section-header .portal-header-loading,
      .workflow-modal .function-details .portal-section .function-section-header .workflow-header-loading,
      .workflow-modal .function-details .portal-section .function-section-header .function-header-loading,
      .workflow-modal .function-details .portal-section .function-section-header .chat-header-loading,
      .workflow-modal .function-details .portal-section .chat-section-header .portal-header-loading,
      .workflow-modal .function-details .portal-section .chat-section-header .workflow-header-loading,
      .workflow-modal .function-details .portal-section .chat-section-header .function-header-loading,
      .workflow-modal .function-details .portal-section .chat-section-header .chat-header-loading,
      .workflow-modal .function-details .workflow-section .portal-section-header .portal-header-loading,
      .workflow-modal .function-details .workflow-section .portal-section-header .workflow-header-loading,
      .workflow-modal .function-details .workflow-section .portal-section-header .function-header-loading,
      .workflow-modal .function-details .workflow-section .portal-section-header .chat-header-loading,
      .workflow-modal .function-details .workflow-section .workflow-section-header .portal-header-loading,
      .workflow-modal .function-details .workflow-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .function-details .workflow-section .workflow-section-header .function-header-loading,
      .workflow-modal .function-details .workflow-section .workflow-section-header .chat-header-loading,
      .workflow-modal .function-details .workflow-section .prompt-section-header .portal-header-loading,
      .workflow-modal .function-details .workflow-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .function-details .workflow-section .prompt-section-header .function-header-loading,
      .workflow-modal .function-details .workflow-section .prompt-section-header .chat-header-loading,
      .workflow-modal .function-details .workflow-section .function-section-header .portal-header-loading,
      .workflow-modal .function-details .workflow-section .function-section-header .workflow-header-loading,
      .workflow-modal .function-details .workflow-section .function-section-header .function-header-loading,
      .workflow-modal .function-details .workflow-section .function-section-header .chat-header-loading,
      .workflow-modal .function-details .workflow-section .chat-section-header .portal-header-loading,
      .workflow-modal .function-details .workflow-section .chat-section-header .workflow-header-loading,
      .workflow-modal .function-details .workflow-section .chat-section-header .function-header-loading,
      .workflow-modal .function-details .workflow-section .chat-section-header .chat-header-loading,
      .workflow-modal .function-details .prompt-section .portal-section-header .portal-header-loading,
      .workflow-modal .function-details .prompt-section .portal-section-header .workflow-header-loading,
      .workflow-modal .function-details .prompt-section .portal-section-header .function-header-loading,
      .workflow-modal .function-details .prompt-section .portal-section-header .chat-header-loading,
      .workflow-modal .function-details .prompt-section .workflow-section-header .portal-header-loading,
      .workflow-modal .function-details .prompt-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .function-details .prompt-section .workflow-section-header .function-header-loading,
      .workflow-modal .function-details .prompt-section .workflow-section-header .chat-header-loading,
      .workflow-modal .function-details .prompt-section .prompt-section-header .portal-header-loading,
      .workflow-modal .function-details .prompt-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .function-details .prompt-section .prompt-section-header .function-header-loading,
      .workflow-modal .function-details .prompt-section .prompt-section-header .chat-header-loading,
      .workflow-modal .function-details .prompt-section .function-section-header .portal-header-loading,
      .workflow-modal .function-details .prompt-section .function-section-header .workflow-header-loading,
      .workflow-modal .function-details .prompt-section .function-section-header .function-header-loading,
      .workflow-modal .function-details .prompt-section .function-section-header .chat-header-loading,
      .workflow-modal .function-details .prompt-section .chat-section-header .portal-header-loading,
      .workflow-modal .function-details .prompt-section .chat-section-header .workflow-header-loading,
      .workflow-modal .function-details .prompt-section .chat-section-header .function-header-loading,
      .workflow-modal .function-details .prompt-section .chat-section-header .chat-header-loading,
      .workflow-modal .function-details .function-section .portal-section-header .portal-header-loading,
      .workflow-modal .function-details .function-section .portal-section-header .workflow-header-loading,
      .workflow-modal .function-details .function-section .portal-section-header .function-header-loading,
      .workflow-modal .function-details .function-section .portal-section-header .chat-header-loading,
      .workflow-modal .function-details .function-section .workflow-section-header .portal-header-loading,
      .workflow-modal .function-details .function-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .function-details .function-section .workflow-section-header .function-header-loading,
      .workflow-modal .function-details .function-section .workflow-section-header .chat-header-loading,
      .workflow-modal .function-details .function-section .prompt-section-header .portal-header-loading,
      .workflow-modal .function-details .function-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .function-details .function-section .prompt-section-header .function-header-loading,
      .workflow-modal .function-details .function-section .prompt-section-header .chat-header-loading,
      .workflow-modal .function-details .function-section .function-section-header .portal-header-loading,
      .workflow-modal .function-details .function-section .function-section-header .workflow-header-loading,
      .workflow-modal .function-details .function-section .function-section-header .function-header-loading,
      .workflow-modal .function-details .function-section .function-section-header .chat-header-loading,
      .workflow-modal .function-details .function-section .chat-section-header .portal-header-loading,
      .workflow-modal .function-details .function-section .chat-section-header .workflow-header-loading,
      .workflow-modal .function-details .function-section .chat-section-header .function-header-loading,
      .workflow-modal .function-details .function-section .chat-section-header .chat-header-loading,
      .workflow-modal .function-details .chat-section .portal-section-header .portal-header-loading,
      .workflow-modal .function-details .chat-section .portal-section-header .workflow-header-loading,
      .workflow-modal .function-details .chat-section .portal-section-header .function-header-loading,
      .workflow-modal .function-details .chat-section .portal-section-header .chat-header-loading,
      .workflow-modal .function-details .chat-section .workflow-section-header .portal-header-loading,
      .workflow-modal .function-details .chat-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .function-details .chat-section .workflow-section-header .function-header-loading,
      .workflow-modal .function-details .chat-section .workflow-section-header .chat-header-loading,
      .workflow-modal .function-details .chat-section .prompt-section-header .portal-header-loading,
      .workflow-modal .function-details .chat-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .function-details .chat-section .prompt-section-header .function-header-loading,
      .workflow-modal .function-details .chat-section .prompt-section-header .chat-header-loading,
      .workflow-modal .function-details .chat-section .function-section-header .portal-header-loading,
      .workflow-modal .function-details .chat-section .function-section-header .workflow-header-loading,
      .workflow-modal .function-details .chat-section .function-section-header .function-header-loading,
      .workflow-modal .function-details .chat-section .function-section-header .chat-header-loading,
      .workflow-modal .function-details .chat-section .chat-section-header .portal-header-loading,
      .workflow-modal .function-details .chat-section .chat-section-header .workflow-header-loading,
      .workflow-modal .function-details .chat-section .chat-section-header .function-header-loading,
      .workflow-modal .function-details .chat-section .chat-section-header .chat-header-loading,
      .workflow-modal .chat-details .portal-section .portal-section-header .portal-header-loading,
      .workflow-modal .chat-details .portal-section .portal-section-header .workflow-header-loading,
      .workflow-modal .chat-details .portal-section .portal-section-header .function-header-loading,
      .workflow-modal .chat-details .portal-section .portal-section-header .chat-header-loading,
      .workflow-modal .chat-details .portal-section .workflow-section-header .portal-header-loading,
      .workflow-modal .chat-details .portal-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .chat-details .portal-section .workflow-section-header .function-header-loading,
      .workflow-modal .chat-details .portal-section .workflow-section-header .chat-header-loading,
      .workflow-modal .chat-details .portal-section .prompt-section-header .portal-header-loading,
      .workflow-modal .chat-details .portal-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .chat-details .portal-section .prompt-section-header .function-header-loading,
      .workflow-modal .chat-details .portal-section .prompt-section-header .chat-header-loading,
      .workflow-modal .chat-details .portal-section .function-section-header .portal-header-loading,
      .workflow-modal .chat-details .portal-section .function-section-header .workflow-header-loading,
      .workflow-modal .chat-details .portal-section .function-section-header .function-header-loading,
      .workflow-modal .chat-details .portal-section .function-section-header .chat-header-loading,
      .workflow-modal .chat-details .portal-section .chat-section-header .portal-header-loading,
      .workflow-modal .chat-details .portal-section .chat-section-header .workflow-header-loading,
      .workflow-modal .chat-details .portal-section .chat-section-header .function-header-loading,
      .workflow-modal .chat-details .portal-section .chat-section-header .chat-header-loading,
      .workflow-modal .chat-details .workflow-section .portal-section-header .portal-header-loading,
      .workflow-modal .chat-details .workflow-section .portal-section-header .workflow-header-loading,
      .workflow-modal .chat-details .workflow-section .portal-section-header .function-header-loading,
      .workflow-modal .chat-details .workflow-section .portal-section-header .chat-header-loading,
      .workflow-modal .chat-details .workflow-section .workflow-section-header .portal-header-loading,
      .workflow-modal .chat-details .workflow-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .chat-details .workflow-section .workflow-section-header .function-header-loading,
      .workflow-modal .chat-details .workflow-section .workflow-section-header .chat-header-loading,
      .workflow-modal .chat-details .workflow-section .prompt-section-header .portal-header-loading,
      .workflow-modal .chat-details .workflow-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .chat-details .workflow-section .prompt-section-header .function-header-loading,
      .workflow-modal .chat-details .workflow-section .prompt-section-header .chat-header-loading,
      .workflow-modal .chat-details .workflow-section .function-section-header .portal-header-loading,
      .workflow-modal .chat-details .workflow-section .function-section-header .workflow-header-loading,
      .workflow-modal .chat-details .workflow-section .function-section-header .function-header-loading,
      .workflow-modal .chat-details .workflow-section .function-section-header .chat-header-loading,
      .workflow-modal .chat-details .workflow-section .chat-section-header .portal-header-loading,
      .workflow-modal .chat-details .workflow-section .chat-section-header .workflow-header-loading,
      .workflow-modal .chat-details .workflow-section .chat-section-header .function-header-loading,
      .workflow-modal .chat-details .workflow-section .chat-section-header .chat-header-loading,
      .workflow-modal .chat-details .prompt-section .portal-section-header .portal-header-loading,
      .workflow-modal .chat-details .prompt-section .portal-section-header .workflow-header-loading,
      .workflow-modal .chat-details .prompt-section .portal-section-header .function-header-loading,
      .workflow-modal .chat-details .prompt-section .portal-section-header .chat-header-loading,
      .workflow-modal .chat-details .prompt-section .workflow-section-header .portal-header-loading,
      .workflow-modal .chat-details .prompt-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .chat-details .prompt-section .workflow-section-header .function-header-loading,
      .workflow-modal .chat-details .prompt-section .workflow-section-header .chat-header-loading,
      .workflow-modal .chat-details .prompt-section .prompt-section-header .portal-header-loading,
      .workflow-modal .chat-details .prompt-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .chat-details .prompt-section .prompt-section-header .function-header-loading,
      .workflow-modal .chat-details .prompt-section .prompt-section-header .chat-header-loading,
      .workflow-modal .chat-details .prompt-section .function-section-header .portal-header-loading,
      .workflow-modal .chat-details .prompt-section .function-section-header .workflow-header-loading,
      .workflow-modal .chat-details .prompt-section .function-section-header .function-header-loading,
      .workflow-modal .chat-details .prompt-section .function-section-header .chat-header-loading,
      .workflow-modal .chat-details .prompt-section .chat-section-header .portal-header-loading,
      .workflow-modal .chat-details .prompt-section .chat-section-header .workflow-header-loading,
      .workflow-modal .chat-details .prompt-section .chat-section-header .function-header-loading,
      .workflow-modal .chat-details .prompt-section .chat-section-header .chat-header-loading,
      .workflow-modal .chat-details .function-section .portal-section-header .portal-header-loading,
      .workflow-modal .chat-details .function-section .portal-section-header .workflow-header-loading,
      .workflow-modal .chat-details .function-section .portal-section-header .function-header-loading,
      .workflow-modal .chat-details .function-section .portal-section-header .chat-header-loading,
      .workflow-modal .chat-details .function-section .workflow-section-header .portal-header-loading,
      .workflow-modal .chat-details .function-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .chat-details .function-section .workflow-section-header .function-header-loading,
      .workflow-modal .chat-details .function-section .workflow-section-header .chat-header-loading,
      .workflow-modal .chat-details .function-section .prompt-section-header .portal-header-loading,
      .workflow-modal .chat-details .function-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .chat-details .function-section .prompt-section-header .function-header-loading,
      .workflow-modal .chat-details .function-section .prompt-section-header .chat-header-loading,
      .workflow-modal .chat-details .function-section .function-section-header .portal-header-loading,
      .workflow-modal .chat-details .function-section .function-section-header .workflow-header-loading,
      .workflow-modal .chat-details .function-section .function-section-header .function-header-loading,
      .workflow-modal .chat-details .function-section .function-section-header .chat-header-loading,
      .workflow-modal .chat-details .function-section .chat-section-header .portal-header-loading,
      .workflow-modal .chat-details .function-section .chat-section-header .workflow-header-loading,
      .workflow-modal .chat-details .function-section .chat-section-header .function-header-loading,
      .workflow-modal .chat-details .function-section .chat-section-header .chat-header-loading,
      .workflow-modal .chat-details .chat-section .portal-section-header .portal-header-loading,
      .workflow-modal .chat-details .chat-section .portal-section-header .workflow-header-loading,
      .workflow-modal .chat-details .chat-section .portal-section-header .function-header-loading,
      .workflow-modal .chat-details .chat-section .portal-section-header .chat-header-loading,
      .workflow-modal .chat-details .chat-section .workflow-section-header .portal-header-loading,
      .workflow-modal .chat-details .chat-section .workflow-section-header .workflow-header-loading,
      .workflow-modal .chat-details .chat-section .workflow-section-header .function-header-loading,
      .workflow-modal .chat-details .chat-section .workflow-section-header .chat-header-loading,
      .workflow-modal .chat-details .chat-section .prompt-section-header .portal-header-loading,
      .workflow-modal .chat-details .chat-section .prompt-section-header .workflow-header-loading,
      .workflow-modal .chat-details .chat-section .prompt-section-header .function-header-loading,
      .workflow-modal .chat-details .chat-section .prompt-section-header .chat-header-loading,
      .workflow-modal .chat-details .chat-section .function-section-header .portal-header-loading,
      .workflow-modal .chat-details .chat-section .function-section-header .workflow-header-loading,
      .workflow-modal .chat-details .chat-section .function-section-header .function-header-loading,
      .workflow-modal .chat-details .chat-section .function-section-header .chat-header-loading,
      .workflow-modal .chat-details .chat-section .chat-section-header .portal-header-loading,
      .workflow-modal .chat-details .chat-section .chat-section-header .workflow-header-loading,
      .workflow-modal .chat-details .chat-section .chat-section-header .function-header-loading,
      .workflow-modal .chat-details .chat-section .chat-section-header .chat-header-loading,
      .function-modal .portal-details .portal-section .portal-section-header .portal-header-loading,
      .function-modal .portal-details .portal-section .portal-section-header .workflow-header-loading,
      .function-modal .portal-details .portal-section .portal-section-header .function-header-loading,
      .function-modal .portal-details .portal-section .portal-section-header .chat-header-loading,
      .function-modal .portal-details .portal-section .workflow-section-header .portal-header-loading,
      .function-modal .portal-details .portal-section .workflow-section-header .workflow-header-loading,
      .function-modal .portal-details .portal-section .workflow-section-header .function-header-loading,
      .function-modal .portal-details .portal-section .workflow-section-header .chat-header-loading,
      .function-modal .portal-details .portal-section .prompt-section-header .portal-header-loading,
      .function-modal .portal-details .portal-section .prompt-section-header .workflow-header-loading,
      .function-modal .portal-details .portal-section .prompt-section-header .function-header-loading,
      .function-modal .portal-details .portal-section .prompt-section-header .chat-header-loading,
      .function-modal .portal-details .portal-section .function-section-header .portal-header-loading,
      .function-modal .portal-details .portal-section .function-section-header .workflow-header-loading,
      .function-modal .portal-details .portal-section .function-section-header .function-header-loading,
      .function-modal .portal-details .portal-section .function-section-header .chat-header-loading,
      .function-modal .portal-details .portal-section .chat-section-header .portal-header-loading,
      .function-modal .portal-details .portal-section .chat-section-header .workflow-header-loading,
      .function-modal .portal-details .portal-section .chat-section-header .function-header-loading,
      .function-modal .portal-details .portal-section .chat-section-header .chat-header-loading,
      .function-modal .portal-details .workflow-section .portal-section-header .portal-header-loading,
      .function-modal .portal-details .workflow-section .portal-section-header .workflow-header-loading,
      .function-modal .portal-details .workflow-section .portal-section-header .function-header-loading,
      .function-modal .portal-details .workflow-section .portal-section-header .chat-header-loading,
      .function-modal .portal-details .workflow-section .workflow-section-header .portal-header-loading,
      .function-modal .portal-details .workflow-section .workflow-section-header .workflow-header-loading,
      .function-modal .portal-details .workflow-section .workflow-section-header .function-header-loading,
      .function-modal .portal-details .workflow-section .workflow-section-header .chat-header-loading,
      .function-modal .portal-details .workflow-section .prompt-section-header .portal-header-loading,
      .function-modal .portal-details .workflow-section .prompt-section-header .workflow-header-loading,
      .function-modal .portal-details .workflow-section .prompt-section-header .function-header-loading,
      .function-modal .portal-details .workflow-section .prompt-section-header .chat-header-loading,
      .function-modal .portal-details .workflow-section .function-section-header .portal-header-loading,
      .function-modal .portal-details .workflow-section .function-section-header .workflow-header-loading,
      .function-modal .portal-details .workflow-section .function-section-header .function-header-loading,
      .function-modal .portal-details .workflow-section .function-section-header .chat-header-loading,
      .function-modal .portal-details .workflow-section .chat-section-header .portal-header-loading,
      .function-modal .portal-details .workflow-section .chat-section-header .workflow-header-loading,
      .function-modal .portal-details .workflow-section .chat-section-header .function-header-loading,
      .function-modal .portal-details .workflow-section .chat-section-header .chat-header-loading,
      .function-modal .portal-details .prompt-section .portal-section-header .portal-header-loading,
      .function-modal .portal-details .prompt-section .portal-section-header .workflow-header-loading,
      .function-modal .portal-details .prompt-section .portal-section-header .function-header-loading,
      .function-modal .portal-details .prompt-section .portal-section-header .chat-header-loading,
      .function-modal .portal-details .prompt-section .workflow-section-header .portal-header-loading,
      .function-modal .portal-details .prompt-section .workflow-section-header .workflow-header-loading,
      .function-modal .portal-details .prompt-section .workflow-section-header .function-header-loading,
      .function-modal .portal-details .prompt-section .workflow-section-header .chat-header-loading,
      .function-modal .portal-details .prompt-section .prompt-section-header .portal-header-loading,
      .function-modal .portal-details .prompt-section .prompt-section-header .workflow-header-loading,
      .function-modal .portal-details .prompt-section .prompt-section-header .function-header-loading,
      .function-modal .portal-details .prompt-section .prompt-section-header .chat-header-loading,
      .function-modal .portal-details .prompt-section .function-section-header .portal-header-loading,
      .function-modal .portal-details .prompt-section .function-section-header .workflow-header-loading,
      .function-modal .portal-details .prompt-section .function-section-header .function-header-loading,
      .function-modal .portal-details .prompt-section .function-section-header .chat-header-loading,
      .function-modal .portal-details .prompt-section .chat-section-header .portal-header-loading,
      .function-modal .portal-details .prompt-section .chat-section-header .workflow-header-loading,
      .function-modal .portal-details .prompt-section .chat-section-header .function-header-loading,
      .function-modal .portal-details .prompt-section .chat-section-header .chat-header-loading,
      .function-modal .portal-details .function-section .portal-section-header .portal-header-loading,
      .function-modal .portal-details .function-section .portal-section-header .workflow-header-loading,
      .function-modal .portal-details .function-section .portal-section-header .function-header-loading,
      .function-modal .portal-details .function-section .portal-section-header .chat-header-loading,
      .function-modal .portal-details .function-section .workflow-section-header .portal-header-loading,
      .function-modal .portal-details .function-section .workflow-section-header .workflow-header-loading,
      .function-modal .portal-details .function-section .workflow-section-header .function-header-loading,
      .function-modal .portal-details .function-section .workflow-section-header .chat-header-loading,
      .function-modal .portal-details .function-section .prompt-section-header .portal-header-loading,
      .function-modal .portal-details .function-section .prompt-section-header .workflow-header-loading,
      .function-modal .portal-details .function-section .prompt-section-header .function-header-loading,
      .function-modal .portal-details .function-section .prompt-section-header .chat-header-loading,
      .function-modal .portal-details .function-section .function-section-header .portal-header-loading,
      .function-modal .portal-details .function-section .function-section-header .workflow-header-loading,
      .function-modal .portal-details .function-section .function-section-header .function-header-loading,
      .function-modal .portal-details .function-section .function-section-header .chat-header-loading,
      .function-modal .portal-details .function-section .chat-section-header .portal-header-loading,
      .function-modal .portal-details .function-section .chat-section-header .workflow-header-loading,
      .function-modal .portal-details .function-section .chat-section-header .function-header-loading,
      .function-modal .portal-details .function-section .chat-section-header .chat-header-loading,
      .function-modal .portal-details .chat-section .portal-section-header .portal-header-loading,
      .function-modal .portal-details .chat-section .portal-section-header .workflow-header-loading,
      .function-modal .portal-details .chat-section .portal-section-header .function-header-loading,
      .function-modal .portal-details .chat-section .portal-section-header .chat-header-loading,
      .function-modal .portal-details .chat-section .workflow-section-header .portal-header-loading,
      .function-modal .portal-details .chat-section .workflow-section-header .workflow-header-loading,
      .function-modal .portal-details .chat-section .workflow-section-header .function-header-loading,
      .function-modal .portal-details .chat-section .workflow-section-header .chat-header-loading,
      .function-modal .portal-details .chat-section .prompt-section-header .portal-header-loading,
      .function-modal .portal-details .chat-section .prompt-section-header .workflow-header-loading,
      .function-modal .portal-details .chat-section .prompt-section-header .function-header-loading,
      .function-modal .portal-details .chat-section .prompt-section-header .chat-header-loading,
      .function-modal .portal-details .chat-section .function-section-header .portal-header-loading,
      .function-modal .portal-details .chat-section .function-section-header .workflow-header-loading,
      .function-modal .portal-details .chat-section .function-section-header .function-header-loading,
      .function-modal .portal-details .chat-section .function-section-header .chat-header-loading,
      .function-modal .portal-details .chat-section .chat-section-header .portal-header-loading,
      .function-modal .portal-details .chat-section .chat-section-header .workflow-header-loading,
      .function-modal .portal-details .chat-section .chat-section-header .function-header-loading,
      .function-modal .portal-details .chat-section .chat-section-header .chat-header-loading,
      .function-modal .workflow-details .portal-section .portal-section-header .portal-header-loading,
      .function-modal .workflow-details .portal-section .portal-section-header .workflow-header-loading,
      .function-modal .workflow-details .portal-section .portal-section-header .function-header-loading,
      .function-modal .workflow-details .portal-section .portal-section-header .chat-header-loading,
      .function-modal .workflow-details .portal-section .workflow-section-header .portal-header-loading,
      .function-modal .workflow-details .portal-section .workflow-section-header .workflow-header-loading,
      .function-modal .workflow-details .portal-section .workflow-section-header .function-header-loading,
      .function-modal .workflow-details .portal-section .workflow-section-header .chat-header-loading,
      .function-modal .workflow-details .portal-section .prompt-section-header .portal-header-loading,
      .function-modal .workflow-details .portal-section .prompt-section-header .workflow-header-loading,
      .function-modal .workflow-details .portal-section .prompt-section-header .function-header-loading,
      .function-modal .workflow-details .portal-section .prompt-section-header .chat-header-loading,
      .function-modal .workflow-details .portal-section .function-section-header .portal-header-loading,
      .function-modal .workflow-details .portal-section .function-section-header .workflow-header-loading,
      .function-modal .workflow-details .portal-section .function-section-header .function-header-loading,
      .function-modal .workflow-details .portal-section .function-section-header .chat-header-loading,
      .function-modal .workflow-details .portal-section .chat-section-header .portal-header-loading,
      .function-modal .workflow-details .portal-section .chat-section-header .workflow-header-loading,
      .function-modal .workflow-details .portal-section .chat-section-header .function-header-loading,
      .function-modal .workflow-details .portal-section .chat-section-header .chat-header-loading,
      .function-modal .workflow-details .workflow-section .portal-section-header .portal-header-loading,
      .function-modal .workflow-details .workflow-section .portal-section-header .workflow-header-loading,
      .function-modal .workflow-details .workflow-section .portal-section-header .function-header-loading,
      .function-modal .workflow-details .workflow-section .portal-section-header .chat-header-loading,
      .function-modal .workflow-details .workflow-section .workflow-section-header .portal-header-loading,
      .function-modal .workflow-details .workflow-section .workflow-section-header .workflow-header-loading,
      .function-modal .workflow-details .workflow-section .workflow-section-header .function-header-loading,
      .function-modal .workflow-details .workflow-section .workflow-section-header .chat-header-loading,
      .function-modal .workflow-details .workflow-section .prompt-section-header .portal-header-loading,
      .function-modal .workflow-details .workflow-section .prompt-section-header .workflow-header-loading,
      .function-modal .workflow-details .workflow-section .prompt-section-header .function-header-loading,
      .function-modal .workflow-details .workflow-section .prompt-section-header .chat-header-loading,
      .function-modal .workflow-details .workflow-section .function-section-header .portal-header-loading,
      .function-modal .workflow-details .workflow-section .function-section-header .workflow-header-loading,
      .function-modal .workflow-details .workflow-section .function-section-header .function-header-loading,
      .function-modal .workflow-details .workflow-section .function-section-header .chat-header-loading,
      .function-modal .workflow-details .workflow-section .chat-section-header .portal-header-loading,
      .function-modal .workflow-details .workflow-section .chat-section-header .workflow-header-loading,
      .function-modal .workflow-details .workflow-section .chat-section-header .function-header-loading,
      .function-modal .workflow-details .workflow-section .chat-section-header .chat-header-loading,
      .function-modal .workflow-details .prompt-section .portal-section-header .portal-header-loading,
      .function-modal .workflow-details .prompt-section .portal-section-header .workflow-header-loading,
      .function-modal .workflow-details .prompt-section .portal-section-header .function-header-loading,
      .function-modal .workflow-details .prompt-section .portal-section-header .chat-header-loading,
      .function-modal .workflow-details .prompt-section .workflow-section-header .portal-header-loading,
      .function-modal .workflow-details .prompt-section .workflow-section-header .workflow-header-loading,
      .function-modal .workflow-details .prompt-section .workflow-section-header .function-header-loading,
      .function-modal .workflow-details .prompt-section .workflow-section-header .chat-header-loading,
      .function-modal .workflow-details .prompt-section .prompt-section-header .portal-header-loading,
      .function-modal .workflow-details .prompt-section .prompt-section-header .workflow-header-loading,
      .function-modal .workflow-details .prompt-section .prompt-section-header .function-header-loading,
      .function-modal .workflow-details .prompt-section .prompt-section-header .chat-header-loading,
      .function-modal .workflow-details .prompt-section .function-section-header .portal-header-loading,
      .function-modal .workflow-details .prompt-section .function-section-header .workflow-header-loading,
      .function-modal .workflow-details .prompt-section .function-section-header .function-header-loading,
      .function-modal .workflow-details .prompt-section .function-section-header .chat-header-loading,
      .function-modal .workflow-details .prompt-section .chat-section-header .portal-header-loading,
      .function-modal .workflow-details .prompt-section .chat-section-header .workflow-header-loading,
      .function-modal .workflow-details .prompt-section .chat-section-header .function-header-loading,
      .function-modal .workflow-details .prompt-section .chat-section-header .chat-header-loading,
      .function-modal .workflow-details .function-section .portal-section-header .portal-header-loading,
      .function-modal .workflow-details .function-section .portal-section-header .workflow-header-loading,
      .function-modal .workflow-details .function-section .portal-section-header .function-header-loading,
      .function-modal .workflow-details .function-section .portal-section-header .chat-header-loading,
      .function-modal .workflow-details .function-section .workflow-section-header .portal-header-loading,
      .function-modal .workflow-details .function-section .workflow-section-header .workflow-header-loading,
      .function-modal .workflow-details .function-section .workflow-section-header .function-header-loading,
      .function-modal .workflow-details .function-section .workflow-section-header .chat-header-loading,
      .function-modal .workflow-details .function-section .prompt-section-header .portal-header-loading,
      .function-modal .workflow-details .function-section .prompt-section-header .workflow-header-loading,
      .function-modal .workflow-details .function-section .prompt-section-header .function-header-loading,
      .function-modal .workflow-details .function-section .prompt-section-header .chat-header-loading,
      .function-modal .workflow-details .function-section .function-section-header .portal-header-loading,
      .function-modal .workflow-details .function-section .function-section-header .workflow-header-loading,
      .function-modal .workflow-details .function-section .function-section-header .function-header-loading,
      .function-modal .workflow-details .function-section .function-section-header .chat-header-loading,
      .function-modal .workflow-details .function-section .chat-section-header .portal-header-loading,
      .function-modal .workflow-details .function-section .chat-section-header .workflow-header-loading,
      .function-modal .workflow-details .function-section .chat-section-header .function-header-loading,
      .function-modal .workflow-details .function-section .chat-section-header .chat-header-loading,
      .function-modal .workflow-details .chat-section .portal-section-header .portal-header-loading,
      .function-modal .workflow-details .chat-section .portal-section-header .workflow-header-loading,
      .function-modal .workflow-details .chat-section .portal-section-header .function-header-loading,
      .function-modal .workflow-details .chat-section .portal-section-header .chat-header-loading,
      .function-modal .workflow-details .chat-section .workflow-section-header .portal-header-loading,
      .function-modal .workflow-details .chat-section .workflow-section-header .workflow-header-loading,
      .function-modal .workflow-details .chat-section .workflow-section-header .function-header-loading,
      .function-modal .workflow-details .chat-section .workflow-section-header .chat-header-loading,
      .function-modal .workflow-details .chat-section .prompt-section-header .portal-header-loading,
      .function-modal .workflow-details .chat-section .prompt-section-header .workflow-header-loading,
      .function-modal .workflow-details .chat-section .prompt-section-header .function-header-loading,
      .function-modal .workflow-details .chat-section .prompt-section-header .chat-header-loading,
      .function-modal .workflow-details .chat-section .function-section-header .portal-header-loading,
      .function-modal .workflow-details .chat-section .function-section-header .workflow-header-loading,
      .function-modal .workflow-details .chat-section .function-section-header .function-header-loading,
      .function-modal .workflow-details .chat-section .function-section-header .chat-header-loading,
      .function-modal .workflow-details .chat-section .chat-section-header .portal-header-loading,
      .function-modal .workflow-details .chat-section .chat-section-header .workflow-header-loading,
      .function-modal .workflow-details .chat-section .chat-section-header .function-header-loading,
      .function-modal .workflow-details .chat-section .chat-section-header .chat-header-loading,
      .function-modal .function-details .portal-section .portal-section-header .portal-header-loading,
      .function-modal .function-details .portal-section .portal-section-header .workflow-header-loading,
      .function-modal .function-details .portal-section .portal-section-header .function-header-loading,
      .function-modal .function-details .portal-section .portal-section-header .chat-header-loading,
      .function-modal .function-details .portal-section .workflow-section-header .portal-header-loading,
      .function-modal .function-details .portal-section .workflow-section-header .workflow-header-loading,
      .function-modal .function-details .portal-section .workflow-section-header .function-header-loading,
      .function-modal .function-details .portal-section .workflow-section-header .chat-header-loading,
      .function-modal .function-details .portal-section .prompt-section-header .portal-header-loading,
      .function-modal .function-details .portal-section .prompt-section-header .workflow-header-loading,
      .function-modal .function-details .portal-section .prompt-section-header .function-header-loading,
      .function-modal .function-details .portal-section .prompt-section-header .chat-header-loading,
      .function-modal .function-details .portal-section .function-section-header .portal-header-loading,
      .function-modal .function-details .portal-section .function-section-header .workflow-header-loading,
      .function-modal .function-details .portal-section .function-section-header .function-header-loading,
      .function-modal .function-details .portal-section .function-section-header .chat-header-loading,
      .function-modal .function-details .portal-section .chat-section-header .portal-header-loading,
      .function-modal .function-details .portal-section .chat-section-header .workflow-header-loading,
      .function-modal .function-details .portal-section .chat-section-header .function-header-loading,
      .function-modal .function-details .portal-section .chat-section-header .chat-header-loading,
      .function-modal .function-details .workflow-section .portal-section-header .portal-header-loading,
      .function-modal .function-details .workflow-section .portal-section-header .workflow-header-loading,
      .function-modal .function-details .workflow-section .portal-section-header .function-header-loading,
      .function-modal .function-details .workflow-section .portal-section-header .chat-header-loading,
      .function-modal .function-details .workflow-section .workflow-section-header .portal-header-loading,
      .function-modal .function-details .workflow-section .workflow-section-header .workflow-header-loading,
      .function-modal .function-details .workflow-section .workflow-section-header .function-header-loading,
      .function-modal .function-details .workflow-section .workflow-section-header .chat-header-loading,
      .function-modal .function-details .workflow-section .prompt-section-header .portal-header-loading,
      .function-modal .function-details .workflow-section .prompt-section-header .workflow-header-loading,
      .function-modal .function-details .workflow-section .prompt-section-header .function-header-loading,
      .function-modal .function-details .workflow-section .prompt-section-header .chat-header-loading,
      .function-modal .function-details .workflow-section .function-section-header .portal-header-loading,
      .function-modal .function-details .workflow-section .function-section-header .workflow-header-loading,
      .function-modal .function-details .workflow-section .function-section-header .function-header-loading,
      .function-modal .function-details .workflow-section .function-section-header .chat-header-loading,
      .function-modal .function-details .workflow-section .chat-section-header .portal-header-loading,
      .function-modal .function-details .workflow-section .chat-section-header .workflow-header-loading,
      .function-modal .function-details .workflow-section .chat-section-header .function-header-loading,
      .function-modal .function-details .workflow-section .chat-section-header .chat-header-loading,
      .function-modal .function-details .prompt-section .portal-section-header .portal-header-loading,
      .function-modal .function-details .prompt-section .portal-section-header .workflow-header-loading,
      .function-modal .function-details .prompt-section .portal-section-header .function-header-loading,
      .function-modal .function-details .prompt-section .portal-section-header .chat-header-loading,
      .function-modal .function-details .prompt-section .workflow-section-header .portal-header-loading,
      .function-modal .function-details .prompt-section .workflow-section-header .workflow-header-loading,
      .function-modal .function-details .prompt-section .workflow-section-header .function-header-loading,
      .function-modal .function-details .prompt-section .workflow-section-header .chat-header-loading,
      .function-modal .function-details .prompt-section .prompt-section-header .portal-header-loading,
      .function-modal .function-details .prompt-section .prompt-section-header .workflow-header-loading,
      .function-modal .function-details .prompt-section .prompt-section-header .function-header-loading,
      .function-modal .function-details .prompt-section .prompt-section-header .chat-header-loading,
      .function-modal .function-details .prompt-section .function-section-header .portal-header-loading,
      .function-modal .function-details .prompt-section .function-section-header .workflow-header-loading,
      .function-modal .function-details .prompt-section .function-section-header .function-header-loading,
      .function-modal .function-details .prompt-section .function-section-header .chat-header-loading,
      .function-modal .function-details .prompt-section .chat-section-header .portal-header-loading,
      .function-modal .function-details .prompt-section .chat-section-header .workflow-header-loading,
      .function-modal .function-details .prompt-section .chat-section-header .function-header-loading,
      .function-modal .function-details .prompt-section .chat-section-header .chat-header-loading,
      .function-modal .function-details .function-section .portal-section-header .portal-header-loading,
      .function-modal .function-details .function-section .portal-section-header .workflow-header-loading,
      .function-modal .function-details .function-section .portal-section-header .function-header-loading,
      .function-modal .function-details .function-section .portal-section-header .chat-header-loading,
      .function-modal .function-details .function-section .workflow-section-header .portal-header-loading,
      .function-modal .function-details .function-section .workflow-section-header .workflow-header-loading,
      .function-modal .function-details .function-section .workflow-section-header .function-header-loading,
      .function-modal .function-details .function-section .workflow-section-header .chat-header-loading,
      .function-modal .function-details .function-section .prompt-section-header .portal-header-loading,
      .function-modal .function-details .function-section .prompt-section-header .workflow-header-loading,
      .function-modal .function-details .function-section .prompt-section-header .function-header-loading,
      .function-modal .function-details .function-section .prompt-section-header .chat-header-loading,
      .function-modal .function-details .function-section .function-section-header .portal-header-loading,
      .function-modal .function-details .function-section .function-section-header .workflow-header-loading,
      .function-modal .function-details .function-section .function-section-header .function-header-loading,
      .function-modal .function-details .function-section .function-section-header .chat-header-loading,
      .function-modal .function-details .function-section .chat-section-header .portal-header-loading,
      .function-modal .function-details .function-section .chat-section-header .workflow-header-loading,
      .function-modal .function-details .function-section .chat-section-header .function-header-loading,
      .function-modal .function-details .function-section .chat-section-header .chat-header-loading,
      .function-modal .function-details .chat-section .portal-section-header .portal-header-loading,
      .function-modal .function-details .chat-section .portal-section-header .workflow-header-loading,
      .function-modal .function-details .chat-section .portal-section-header .function-header-loading,
      .function-modal .function-details .chat-section .portal-section-header .chat-header-loading,
      .function-modal .function-details .chat-section .workflow-section-header .portal-header-loading,
      .function-modal .function-details .chat-section .workflow-section-header .workflow-header-loading,
      .function-modal .function-details .chat-section .workflow-section-header .function-header-loading,
      .function-modal .function-details .chat-section .workflow-section-header .chat-header-loading,
      .function-modal .function-details .chat-section .prompt-section-header .portal-header-loading,
      .function-modal .function-details .chat-section .prompt-section-header .workflow-header-loading,
      .function-modal .function-details .chat-section .prompt-section-header .function-header-loading,
      .function-modal .function-details .chat-section .prompt-section-header .chat-header-loading,
      .function-modal .function-details .chat-section .function-section-header .portal-header-loading,
      .function-modal .function-details .chat-section .function-section-header .workflow-header-loading,
      .function-modal .function-details .chat-section .function-section-header .function-header-loading,
      .function-modal .function-details .chat-section .function-section-header .chat-header-loading,
      .function-modal .function-details .chat-section .chat-section-header .portal-header-loading,
      .function-modal .function-details .chat-section .chat-section-header .workflow-header-loading,
      .function-modal .function-details .chat-section .chat-section-header .function-header-loading,
      .function-modal .function-details .chat-section .chat-section-header .chat-header-loading,
      .function-modal .chat-details .portal-section .portal-section-header .portal-header-loading,
      .function-modal .chat-details .portal-section .portal-section-header .workflow-header-loading,
      .function-modal .chat-details .portal-section .portal-section-header .function-header-loading,
      .function-modal .chat-details .portal-section .portal-section-header .chat-header-loading,
      .function-modal .chat-details .portal-section .workflow-section-header .portal-header-loading,
      .function-modal .chat-details .portal-section .workflow-section-header .workflow-header-loading,
      .function-modal .chat-details .portal-section .workflow-section-header .function-header-loading,
      .function-modal .chat-details .portal-section .workflow-section-header .chat-header-loading,
      .function-modal .chat-details .portal-section .prompt-section-header .portal-header-loading,
      .function-modal .chat-details .portal-section .prompt-section-header .workflow-header-loading,
      .function-modal .chat-details .portal-section .prompt-section-header .function-header-loading,
      .function-modal .chat-details .portal-section .prompt-section-header .chat-header-loading,
      .function-modal .chat-details .portal-section .function-section-header .portal-header-loading,
      .function-modal .chat-details .portal-section .function-section-header .workflow-header-loading,
      .function-modal .chat-details .portal-section .function-section-header .function-header-loading,
      .function-modal .chat-details .portal-section .function-section-header .chat-header-loading,
      .function-modal .chat-details .portal-section .chat-section-header .portal-header-loading,
      .function-modal .chat-details .portal-section .chat-section-header .workflow-header-loading,
      .function-modal .chat-details .portal-section .chat-section-header .function-header-loading,
      .function-modal .chat-details .portal-section .chat-section-header .chat-header-loading,
      .function-modal .chat-details .workflow-section .portal-section-header .portal-header-loading,
      .function-modal .chat-details .workflow-section .portal-section-header .workflow-header-loading,
      .function-modal .chat-details .workflow-section .portal-section-header .function-header-loading,
      .function-modal .chat-details .workflow-section .portal-section-header .chat-header-loading,
      .function-modal .chat-details .workflow-section .workflow-section-header .portal-header-loading,
      .function-modal .chat-details .workflow-section .workflow-section-header .workflow-header-loading,
      .function-modal .chat-details .workflow-section .workflow-section-header .function-header-loading,
      .function-modal .chat-details .workflow-section .workflow-section-header .chat-header-loading,
      .function-modal .chat-details .workflow-section .prompt-section-header .portal-header-loading,
      .function-modal .chat-details .workflow-section .prompt-section-header .workflow-header-loading,
      .function-modal .chat-details .workflow-section .prompt-section-header .function-header-loading,
      .function-modal .chat-details .workflow-section .prompt-section-header .chat-header-loading,
      .function-modal .chat-details .workflow-section .function-section-header .portal-header-loading,
      .function-modal .chat-details .workflow-section .function-section-header .workflow-header-loading,
      .function-modal .chat-details .workflow-section .function-section-header .function-header-loading,
      .function-modal .chat-details .workflow-section .function-section-header .chat-header-loading,
      .function-modal .chat-details .workflow-section .chat-section-header .portal-header-loading,
      .function-modal .chat-details .workflow-section .chat-section-header .workflow-header-loading,
      .function-modal .chat-details .workflow-section .chat-section-header .function-header-loading,
      .function-modal .chat-details .workflow-section .chat-section-header .chat-header-loading,
      .function-modal .chat-details .prompt-section .portal-section-header .portal-header-loading,
      .function-modal .chat-details .prompt-section .portal-section-header .workflow-header-loading,
      .function-modal .chat-details .prompt-section .portal-section-header .function-header-loading,
      .function-modal .chat-details .prompt-section .portal-section-header .chat-header-loading,
      .function-modal .chat-details .prompt-section .workflow-section-header .portal-header-loading,
      .function-modal .chat-details .prompt-section .workflow-section-header .workflow-header-loading,
      .function-modal .chat-details .prompt-section .workflow-section-header .function-header-loading,
      .function-modal .chat-details .prompt-section .workflow-section-header .chat-header-loading,
      .function-modal .chat-details .prompt-section .prompt-section-header .portal-header-loading,
      .function-modal .chat-details .prompt-section .prompt-section-header .workflow-header-loading,
      .function-modal .chat-details .prompt-section .prompt-section-header .function-header-loading,
      .function-modal .chat-details .prompt-section .prompt-section-header .chat-header-loading,
      .function-modal .chat-details .prompt-section .function-section-header .portal-header-loading,
      .function-modal .chat-details .prompt-section .function-section-header .workflow-header-loading,
      .function-modal .chat-details .prompt-section .function-section-header .function-header-loading,
      .function-modal .chat-details .prompt-section .function-section-header .chat-header-loading,
      .function-modal .chat-details .prompt-section .chat-section-header .portal-header-loading,
      .function-modal .chat-details .prompt-section .chat-section-header .workflow-header-loading,
      .function-modal .chat-details .prompt-section .chat-section-header .function-header-loading,
      .function-modal .chat-details .prompt-section .chat-section-header .chat-header-loading,
      .function-modal .chat-details .function-section .portal-section-header .portal-header-loading,
      .function-modal .chat-details .function-section .portal-section-header .workflow-header-loading,
      .function-modal .chat-details .function-section .portal-section-header .function-header-loading,
      .function-modal .chat-details .function-section .portal-section-header .chat-header-loading,
      .function-modal .chat-details .function-section .workflow-section-header .portal-header-loading,
      .function-modal .chat-details .function-section .workflow-section-header .workflow-header-loading,
      .function-modal .chat-details .function-section .workflow-section-header .function-header-loading,
      .function-modal .chat-details .function-section .workflow-section-header .chat-header-loading,
      .function-modal .chat-details .function-section .prompt-section-header .portal-header-loading,
      .function-modal .chat-details .function-section .prompt-section-header .workflow-header-loading,
      .function-modal .chat-details .function-section .prompt-section-header .function-header-loading,
      .function-modal .chat-details .function-section .prompt-section-header .chat-header-loading,
      .function-modal .chat-details .function-section .function-section-header .portal-header-loading,
      .function-modal .chat-details .function-section .function-section-header .workflow-header-loading,
      .function-modal .chat-details .function-section .function-section-header .function-header-loading,
      .function-modal .chat-details .function-section .function-section-header .chat-header-loading,
      .function-modal .chat-details .function-section .chat-section-header .portal-header-loading,
      .function-modal .chat-details .function-section .chat-section-header .workflow-header-loading,
      .function-modal .chat-details .function-section .chat-section-header .function-header-loading,
      .function-modal .chat-details .function-section .chat-section-header .chat-header-loading,
      .function-modal .chat-details .chat-section .portal-section-header .portal-header-loading,
      .function-modal .chat-details .chat-section .portal-section-header .workflow-header-loading,
      .function-modal .chat-details .chat-section .portal-section-header .function-header-loading,
      .function-modal .chat-details .chat-section .portal-section-header .chat-header-loading,
      .function-modal .chat-details .chat-section .workflow-section-header .portal-header-loading,
      .function-modal .chat-details .chat-section .workflow-section-header .workflow-header-loading,
      .function-modal .chat-details .chat-section .workflow-section-header .function-header-loading,
      .function-modal .chat-details .chat-section .workflow-section-header .chat-header-loading,
      .function-modal .chat-details .chat-section .prompt-section-header .portal-header-loading,
      .function-modal .chat-details .chat-section .prompt-section-header .workflow-header-loading,
      .function-modal .chat-details .chat-section .prompt-section-header .function-header-loading,
      .function-modal .chat-details .chat-section .prompt-section-header .chat-header-loading,
      .function-modal .chat-details .chat-section .function-section-header .portal-header-loading,
      .function-modal .chat-details .chat-section .function-section-header .workflow-header-loading,
      .function-modal .chat-details .chat-section .function-section-header .function-header-loading,
      .function-modal .chat-details .chat-section .function-section-header .chat-header-loading,
      .function-modal .chat-details .chat-section .chat-section-header .portal-header-loading,
      .function-modal .chat-details .chat-section .chat-section-header .workflow-header-loading,
      .function-modal .chat-details .chat-section .chat-section-header .function-header-loading,
      .function-modal .chat-details .chat-section .chat-section-header .chat-header-loading,
      .portal-modal .portal-details .portal-section .portal-section-header .portal-header-loading,
      .portal-modal .portal-details .portal-section .portal-section-header .workflow-header-loading,
      .portal-modal .portal-details .portal-section .portal-section-header .function-header-loading,
      .portal-modal .portal-details .portal-section .portal-section-header .chat-header-loading,
      .portal-modal .portal-details .portal-section .workflow-section-header .portal-header-loading,
      .portal-modal .portal-details .portal-section .workflow-section-header .workflow-header-loading,
      .portal-modal .portal-details .portal-section .workflow-section-header .function-header-loading,
      .portal-modal .portal-details .portal-section .workflow-section-header .chat-header-loading,
      .portal-modal .portal-details .portal-section .prompt-section-header .portal-header-loading,
      .portal-modal .portal-details .portal-section .prompt-section-header .workflow-header-loading,
      .portal-modal .portal-details .portal-section .prompt-section-header .function-header-loading,
      .portal-modal .portal-details .portal-section .prompt-section-header .chat-header-loading,
      .portal-modal .portal-details .portal-section .function-section-header .portal-header-loading,
      .portal-modal .portal-details .portal-section .function-section-header .workflow-header-loading,
      .portal-modal .portal-details .portal-section .function-section-header .function-header-loading,
      .portal-modal .portal-details .portal-section .function-section-header .chat-header-loading,
      .portal-modal .portal-details .portal-section .chat-section-header .portal-header-loading,
      .portal-modal .portal-details .portal-section .chat-section-header .workflow-header-loading,
      .portal-modal .portal-details .portal-section .chat-section-header .function-header-loading,
      .portal-modal .portal-details .portal-section .chat-section-header .chat-header-loading,
      .portal-modal .portal-details .workflow-section .portal-section-header .portal-header-loading,
      .portal-modal .portal-details .workflow-section .portal-section-header .workflow-header-loading,
      .portal-modal .portal-details .workflow-section .portal-section-header .function-header-loading,
      .portal-modal .portal-details .workflow-section .portal-section-header .chat-header-loading,
      .portal-modal .portal-details .workflow-section .workflow-section-header .portal-header-loading,
      .portal-modal .portal-details .workflow-section .workflow-section-header .workflow-header-loading,
      .portal-modal .portal-details .workflow-section .workflow-section-header .function-header-loading,
      .portal-modal .portal-details .workflow-section .workflow-section-header .chat-header-loading,
      .portal-modal .portal-details .workflow-section .prompt-section-header .portal-header-loading,
      .portal-modal .portal-details .workflow-section .prompt-section-header .workflow-header-loading,
      .portal-modal .portal-details .workflow-section .prompt-section-header .function-header-loading,
      .portal-modal .portal-details .workflow-section .prompt-section-header .chat-header-loading,
      .portal-modal .portal-details .workflow-section .function-section-header .portal-header-loading,
      .portal-modal .portal-details .workflow-section .function-section-header .workflow-header-loading,
      .portal-modal .portal-details .workflow-section .function-section-header .function-header-loading,
      .portal-modal .portal-details .workflow-section .function-section-header .chat-header-loading,
      .portal-modal .portal-details .workflow-section .chat-section-header .portal-header-loading,
      .portal-modal .portal-details .workflow-section .chat-section-header .workflow-header-loading,
      .portal-modal .portal-details .workflow-section .chat-section-header .function-header-loading,
      .portal-modal .portal-details .workflow-section .chat-section-header .chat-header-loading,
      .portal-modal .portal-details .prompt-section .portal-section-header .portal-header-loading,
      .portal-modal .portal-details .prompt-section .portal-section-header .workflow-header-loading,
      .portal-modal .portal-details .prompt-section .portal-section-header .function-header-loading,
      .portal-modal .portal-details .prompt-section .portal-section-header .chat-header-loading,
      .portal-modal .portal-details .prompt-section .workflow-section-header .portal-header-loading,
      .portal-modal .portal-details .prompt-section .workflow-section-header .workflow-header-loading,
      .portal-modal .portal-details .prompt-section .workflow-section-header .function-header-loading,
      .portal-modal .portal-details .prompt-section .workflow-section-header .chat-header-loading,
      .portal-modal .portal-details .prompt-section .prompt-section-header .portal-header-loading,
      .portal-modal .portal-details .prompt-section .prompt-section-header .workflow-header-loading,
      .portal-modal .portal-details .prompt-section .prompt-section-header .function-header-loading,
      .portal-modal .portal-details .prompt-section .prompt-section-header .chat-header-loading,
      .portal-modal .portal-details .prompt-section .function-section-header .portal-header-loading,
      .portal-modal .portal-details .prompt-section .function-section-header .workflow-header-loading,
      .portal-modal .portal-details .prompt-section .function-section-header .function-header-loading,
      .portal-modal .portal-details .prompt-section .function-section-header .chat-header-loading,
      .portal-modal .portal-details .prompt-section .chat-section-header .portal-header-loading,
      .portal-modal .portal-details .prompt-section .chat-section-header .workflow-header-loading,
      .portal-modal .portal-details .prompt-section .chat-section-header .function-header-loading,
      .portal-modal .portal-details .prompt-section .chat-section-header .chat-header-loading,
      .portal-modal .portal-details .function-section .portal-section-header .portal-header-loading,
      .portal-modal .portal-details .function-section .portal-section-header .workflow-header-loading,
      .portal-modal .portal-details .function-section .portal-section-header .function-header-loading,
      .portal-modal .portal-details .function-section .portal-section-header .chat-header-loading,
      .portal-modal .portal-details .function-section .workflow-section-header .portal-header-loading,
      .portal-modal .portal-details .function-section .workflow-section-header .workflow-header-loading,
      .portal-modal .portal-details .function-section .workflow-section-header .function-header-loading,
      .portal-modal .portal-details .function-section .workflow-section-header .chat-header-loading,
      .portal-modal .portal-details .function-section .prompt-section-header .portal-header-loading,
      .portal-modal .portal-details .function-section .prompt-section-header .workflow-header-loading,
      .portal-modal .portal-details .function-section .prompt-section-header .function-header-loading,
      .portal-modal .portal-details .function-section .prompt-section-header .chat-header-loading,
      .portal-modal .portal-details .function-section .function-section-header .portal-header-loading,
      .portal-modal .portal-details .function-section .function-section-header .workflow-header-loading,
      .portal-modal .portal-details .function-section .function-section-header .function-header-loading,
      .portal-modal .portal-details .function-section .function-section-header .chat-header-loading,
      .portal-modal .portal-details .function-section .chat-section-header .portal-header-loading,
      .portal-modal .portal-details .function-section .chat-section-header .workflow-header-loading,
      .portal-modal .portal-details .function-section .chat-section-header .function-header-loading,
      .portal-modal .portal-details .function-section .chat-section-header .chat-header-loading,
      .portal-modal .portal-details .chat-section .portal-section-header .portal-header-loading,
      .portal-modal .portal-details .chat-section .portal-section-header .workflow-header-loading,
      .portal-modal .portal-details .chat-section .portal-section-header .function-header-loading,
      .portal-modal .portal-details .chat-section .portal-section-header .chat-header-loading,
      .portal-modal .portal-details .chat-section .workflow-section-header .portal-header-loading,
      .portal-modal .portal-details .chat-section .workflow-section-header .workflow-header-loading,
      .portal-modal .portal-details .chat-section .workflow-section-header .function-header-loading,
      .portal-modal .portal-details .chat-section .workflow-section-header .chat-header-loading,
      .portal-modal .portal-details .chat-section .prompt-section-header .portal-header-loading,
      .portal-modal .portal-details .chat-section .prompt-section-header .workflow-header-loading,
      .portal-modal .portal-details .chat-section .prompt-section-header .function-header-loading,
      .portal-modal .portal-details .chat-section .prompt-section-header .chat-header-loading,
      .portal-modal .portal-details .chat-section .function-section-header .portal-header-loading,
      .portal-modal .portal-details .chat-section .function-section-header .workflow-header-loading,
      .portal-modal .portal-details .chat-section .function-section-header .function-header-loading,
      .portal-modal .portal-details .chat-section .function-section-header .chat-header-loading,
      .portal-modal .portal-details .chat-section .chat-section-header .portal-header-loading,
      .portal-modal .portal-details .chat-section .chat-section-header .workflow-header-loading,
      .portal-modal .portal-details .chat-section .chat-section-header .function-header-loading,
      .portal-modal .portal-details .chat-section .chat-section-header .chat-header-loading,
      .portal-modal .workflow-details .portal-section .portal-section-header .portal-header-loading,
      .portal-modal .workflow-details .portal-section .portal-section-header .workflow-header-loading,
      .portal-modal .workflow-details .portal-section .portal-section-header .function-header-loading,
      .portal-modal .workflow-details .portal-section .portal-section-header .chat-header-loading,
      .portal-modal .workflow-details .portal-section .workflow-section-header .portal-header-loading,
      .portal-modal .workflow-details .portal-section .workflow-section-header .workflow-header-loading,
      .portal-modal .workflow-details .portal-section .workflow-section-header .function-header-loading,
      .portal-modal .workflow-details .portal-section .workflow-section-header .chat-header-loading,
      .portal-modal .workflow-details .portal-section .prompt-section-header .portal-header-loading,
      .portal-modal .workflow-details .portal-section .prompt-section-header .workflow-header-loading,
      .portal-modal .workflow-details .portal-section .prompt-section-header .function-header-loading,
      .portal-modal .workflow-details .portal-section .prompt-section-header .chat-header-loading,
      .portal-modal .workflow-details .portal-section .function-section-header .portal-header-loading,
      .portal-modal .workflow-details .portal-section .function-section-header .workflow-header-loading,
      .portal-modal .workflow-details .portal-section .function-section-header .function-header-loading,
      .portal-modal .workflow-details .portal-section .function-section-header .chat-header-loading,
      .portal-modal .workflow-details .portal-section .chat-section-header .portal-header-loading,
      .portal-modal .workflow-details .portal-section .chat-section-header .workflow-header-loading,
      .portal-modal .workflow-details .portal-section .chat-section-header .function-header-loading,
      .portal-modal .workflow-details .portal-section .chat-section-header .chat-header-loading,
      .portal-modal .workflow-details .workflow-section .portal-section-header .portal-header-loading,
      .portal-modal .workflow-details .workflow-section .portal-section-header .workflow-header-loading,
      .portal-modal .workflow-details .workflow-section .portal-section-header .function-header-loading,
      .portal-modal .workflow-details .workflow-section .portal-section-header .chat-header-loading,
      .portal-modal .workflow-details .workflow-section .workflow-section-header .portal-header-loading,
      .portal-modal .workflow-details .workflow-section .workflow-section-header .workflow-header-loading,
      .portal-modal .workflow-details .workflow-section .workflow-section-header .function-header-loading,
      .portal-modal .workflow-details .workflow-section .workflow-section-header .chat-header-loading,
      .portal-modal .workflow-details .workflow-section .prompt-section-header .portal-header-loading,
      .portal-modal .workflow-details .workflow-section .prompt-section-header .workflow-header-loading,
      .portal-modal .workflow-details .workflow-section .prompt-section-header .function-header-loading,
      .portal-modal .workflow-details .workflow-section .prompt-section-header .chat-header-loading,
      .portal-modal .workflow-details .workflow-section .function-section-header .portal-header-loading,
      .portal-modal .workflow-details .workflow-section .function-section-header .workflow-header-loading,
      .portal-modal .workflow-details .workflow-section .function-section-header .function-header-loading,
      .portal-modal .workflow-details .workflow-section .function-section-header .chat-header-loading,
      .portal-modal .workflow-details .workflow-section .chat-section-header .portal-header-loading,
      .portal-modal .workflow-details .workflow-section .chat-section-header .workflow-header-loading,
      .portal-modal .workflow-details .workflow-section .chat-section-header .function-header-loading,
      .portal-modal .workflow-details .workflow-section .chat-section-header .chat-header-loading,
      .portal-modal .workflow-details .prompt-section .portal-section-header .portal-header-loading,
      .portal-modal .workflow-details .prompt-section .portal-section-header .workflow-header-loading,
      .portal-modal .workflow-details .prompt-section .portal-section-header .function-header-loading,
      .portal-modal .workflow-details .prompt-section .portal-section-header .chat-header-loading,
      .portal-modal .workflow-details .prompt-section .workflow-section-header .portal-header-loading,
      .portal-modal .workflow-details .prompt-section .workflow-section-header .workflow-header-loading,
      .portal-modal .workflow-details .prompt-section .workflow-section-header .function-header-loading,
      .portal-modal .workflow-details .prompt-section .workflow-section-header .chat-header-loading,
      .portal-modal .workflow-details .prompt-section .prompt-section-header .portal-header-loading,
      .portal-modal .workflow-details .prompt-section .prompt-section-header .workflow-header-loading,
      .portal-modal .workflow-details .prompt-section .prompt-section-header .function-header-loading,
      .portal-modal .workflow-details .prompt-section .prompt-section-header .chat-header-loading,
      .portal-modal .workflow-details .prompt-section .function-section-header .portal-header-loading,
      .portal-modal .workflow-details .prompt-section .function-section-header .workflow-header-loading,
      .portal-modal .workflow-details .prompt-section .function-section-header .function-header-loading,
      .portal-modal .workflow-details .prompt-section .function-section-header .chat-header-loading,
      .portal-modal .workflow-details .prompt-section .chat-section-header .portal-header-loading,
      .portal-modal .workflow-details .prompt-section .chat-section-header .workflow-header-loading,
      .portal-modal .workflow-details .prompt-section .chat-section-header .function-header-loading,
      .portal-modal .workflow-details .prompt-section .chat-section-header .chat-header-loading,
      .portal-modal .workflow-details .function-section .portal-section-header .portal-header-loading,
      .portal-modal .workflow-details .function-section .portal-section-header .workflow-header-loading,
      .portal-modal .workflow-details .function-section .portal-section-header .function-header-loading,
      .portal-modal .workflow-details .function-section .portal-section-header .chat-header-loading,
      .portal-modal .workflow-details .function-section .workflow-section-header .portal-header-loading,
      .portal-modal .workflow-details .function-section .workflow-section-header .workflow-header-loading,
      .portal-modal .workflow-details .function-section .workflow-section-header .function-header-loading,
      .portal-modal .workflow-details .function-section .workflow-section-header .chat-header-loading,
      .portal-modal .workflow-details .function-section .prompt-section-header .portal-header-loading,
      .portal-modal .workflow-details .function-section .prompt-section-header .workflow-header-loading,
      .portal-modal .workflow-details .function-section .prompt-section-header .function-header-loading,
      .portal-modal .workflow-details .function-section .prompt-section-header .chat-header-loading,
      .portal-modal .workflow-details .function-section .function-section-header .portal-header-loading,
      .portal-modal .workflow-details .function-section .function-section-header .workflow-header-loading,
      .portal-modal .workflow-details .function-section .function-section-header .function-header-loading,
      .portal-modal .workflow-details .function-section .function-section-header .chat-header-loading,
      .portal-modal .workflow-details .function-section .chat-section-header .portal-header-loading,
      .portal-modal .workflow-details .function-section .chat-section-header .workflow-header-loading,
      .portal-modal .workflow-details .function-section .chat-section-header .function-header-loading,
      .portal-modal .workflow-details .function-section .chat-section-header .chat-header-loading,
      .portal-modal .workflow-details .chat-section .portal-section-header .portal-header-loading,
      .portal-modal .workflow-details .chat-section .portal-section-header .workflow-header-loading,
      .portal-modal .workflow-details .chat-section .portal-section-header .function-header-loading,
      .portal-modal .workflow-details .chat-section .portal-section-header .chat-header-loading,
      .portal-modal .workflow-details .chat-section .workflow-section-header .portal-header-loading,
      .portal-modal .workflow-details .chat-section .workflow-section-header .workflow-header-loading,
      .portal-modal .workflow-details .chat-section .workflow-section-header .function-header-loading,
      .portal-modal .workflow-details .chat-section .workflow-section-header .chat-header-loading,
      .portal-modal .workflow-details .chat-section .prompt-section-header .portal-header-loading,
      .portal-modal .workflow-details .chat-section .prompt-section-header .workflow-header-loading,
      .portal-modal .workflow-details .chat-section .prompt-section-header .function-header-loading,
      .portal-modal .workflow-details .chat-section .prompt-section-header .chat-header-loading,
      .portal-modal .workflow-details .chat-section .function-section-header .portal-header-loading,
      .portal-modal .workflow-details .chat-section .function-section-header .workflow-header-loading,
      .portal-modal .workflow-details .chat-section .function-section-header .function-header-loading,
      .portal-modal .workflow-details .chat-section .function-section-header .chat-header-loading,
      .portal-modal .workflow-details .chat-section .chat-section-header .portal-header-loading,
      .portal-modal .workflow-details .chat-section .chat-section-header .workflow-header-loading,
      .portal-modal .workflow-details .chat-section .chat-section-header .function-header-loading,
      .portal-modal .workflow-details .chat-section .chat-section-header .chat-header-loading,
      .portal-modal .function-details .portal-section .portal-section-header .portal-header-loading,
      .portal-modal .function-details .portal-section .portal-section-header .workflow-header-loading,
      .portal-modal .function-details .portal-section .portal-section-header .function-header-loading,
      .portal-modal .function-details .portal-section .portal-section-header .chat-header-loading,
      .portal-modal .function-details .portal-section .workflow-section-header .portal-header-loading,
      .portal-modal .function-details .portal-section .workflow-section-header .workflow-header-loading,
      .portal-modal .function-details .portal-section .workflow-section-header .function-header-loading,
      .portal-modal .function-details .portal-section .workflow-section-header .chat-header-loading,
      .portal-modal .function-details .portal-section .prompt-section-header .portal-header-loading,
      .portal-modal .function-details .portal-section .prompt-section-header .workflow-header-loading,
      .portal-modal .function-details .portal-section .prompt-section-header .function-header-loading,
      .portal-modal .function-details .portal-section .prompt-section-header .chat-header-loading,
      .portal-modal .function-details .portal-section .function-section-header .portal-header-loading,
      .portal-modal .function-details .portal-section .function-section-header .workflow-header-loading,
      .portal-modal .function-details .portal-section .function-section-header .function-header-loading,
      .portal-modal .function-details .portal-section .function-section-header .chat-header-loading,
      .portal-modal .function-details .portal-section .chat-section-header .portal-header-loading,
      .portal-modal .function-details .portal-section .chat-section-header .workflow-header-loading,
      .portal-modal .function-details .portal-section .chat-section-header .function-header-loading,
      .portal-modal .function-details .portal-section .chat-section-header .chat-header-loading,
      .portal-modal .function-details .workflow-section .portal-section-header .portal-header-loading,
      .portal-modal .function-details .workflow-section .portal-section-header .workflow-header-loading,
      .portal-modal .function-details .workflow-section .portal-section-header .function-header-loading,
      .portal-modal .function-details .workflow-section .portal-section-header .chat-header-loading,
      .portal-modal .function-details .workflow-section .workflow-section-header .portal-header-loading,
      .portal-modal .function-details .workflow-section .workflow-section-header .workflow-header-loading,
      .portal-modal .function-details .workflow-section .workflow-section-header .function-header-loading,
      .portal-modal .function-details .workflow-section .workflow-section-header .chat-header-loading,
      .portal-modal .function-details .workflow-section .prompt-section-header .portal-header-loading,
      .portal-modal .function-details .workflow-section .prompt-section-header .workflow-header-loading,
      .portal-modal .function-details .workflow-section .prompt-section-header .function-header-loading,
      .portal-modal .function-details .workflow-section .prompt-section-header .chat-header-loading,
      .portal-modal .function-details .workflow-section .function-section-header .portal-header-loading,
      .portal-modal .function-details .workflow-section .function-section-header .workflow-header-loading,
      .portal-modal .function-details .workflow-section .function-section-header .function-header-loading,
      .portal-modal .function-details .workflow-section .function-section-header .chat-header-loading,
      .portal-modal .function-details .workflow-section .chat-section-header .portal-header-loading,
      .portal-modal .function-details .workflow-section .chat-section-header .workflow-header-loading,
      .portal-modal .function-details .workflow-section .chat-section-header .function-header-loading,
      .portal-modal .function-details .workflow-section .chat-section-header .chat-header-loading,
      .portal-modal .function-details .prompt-section .portal-section-header .portal-header-loading,
      .portal-modal .function-details .prompt-section .portal-section-header .workflow-header-loading,
      .portal-modal .function-details .prompt-section .portal-section-header .function-header-loading,
      .portal-modal .function-details .prompt-section .portal-section-header .chat-header-loading,
      .portal-modal .function-details .prompt-section .workflow-section-header .portal-header-loading,
      .portal-modal .function-details .prompt-section .workflow-section-header .workflow-header-loading,
      .portal-modal .function-details .prompt-section .workflow-section-header .function-header-loading,
      .portal-modal .function-details .prompt-section .workflow-section-header .chat-header-loading,
      .portal-modal .function-details .prompt-section .prompt-section-header .portal-header-loading,
      .portal-modal .function-details .prompt-section .prompt-section-header .workflow-header-loading,
      .portal-modal .function-details .prompt-section .prompt-section-header .function-header-loading,
      .portal-modal .function-details .prompt-section .prompt-section-header .chat-header-loading,
      .portal-modal .function-details .prompt-section .function-section-header .portal-header-loading,
      .portal-modal .function-details .prompt-section .function-section-header .workflow-header-loading,
      .portal-modal .function-details .prompt-section .function-section-header .function-header-loading,
      .portal-modal .function-details .prompt-section .function-section-header .chat-header-loading,
      .portal-modal .function-details .prompt-section .chat-section-header .portal-header-loading,
      .portal-modal .function-details .prompt-section .chat-section-header .workflow-header-loading,
      .portal-modal .function-details .prompt-section .chat-section-header .function-header-loading,
      .portal-modal .function-details .prompt-section .chat-section-header .chat-header-loading,
      .portal-modal .function-details .function-section .portal-section-header .portal-header-loading,
      .portal-modal .function-details .function-section .portal-section-header .workflow-header-loading,
      .portal-modal .function-details .function-section .portal-section-header .function-header-loading,
      .portal-modal .function-details .function-section .portal-section-header .chat-header-loading,
      .portal-modal .function-details .function-section .workflow-section-header .portal-header-loading,
      .portal-modal .function-details .function-section .workflow-section-header .workflow-header-loading,
      .portal-modal .function-details .function-section .workflow-section-header .function-header-loading,
      .portal-modal .function-details .function-section .workflow-section-header .chat-header-loading,
      .portal-modal .function-details .function-section .prompt-section-header .portal-header-loading,
      .portal-modal .function-details .function-section .prompt-section-header .workflow-header-loading,
      .portal-modal .function-details .function-section .prompt-section-header .function-header-loading,
      .portal-modal .function-details .function-section .prompt-section-header .chat-header-loading,
      .portal-modal .function-details .function-section .function-section-header .portal-header-loading,
      .portal-modal .function-details .function-section .function-section-header .workflow-header-loading,
      .portal-modal .function-details .function-section .function-section-header .function-header-loading,
      .portal-modal .function-details .function-section .function-section-header .chat-header-loading,
      .portal-modal .function-details .function-section .chat-section-header .portal-header-loading,
      .portal-modal .function-details .function-section .chat-section-header .workflow-header-loading,
      .portal-modal .function-details .function-section .chat-section-header .function-header-loading,
      .portal-modal .function-details .function-section .chat-section-header .chat-header-loading,
      .portal-modal .function-details .chat-section .portal-section-header .portal-header-loading,
      .portal-modal .function-details .chat-section .portal-section-header .workflow-header-loading,
      .portal-modal .function-details .chat-section .portal-section-header .function-header-loading,
      .portal-modal .function-details .chat-section .portal-section-header .chat-header-loading,
      .portal-modal .function-details .chat-section .workflow-section-header .portal-header-loading,
      .portal-modal .function-details .chat-section .workflow-section-header .workflow-header-loading,
      .portal-modal .function-details .chat-section .workflow-section-header .function-header-loading,
      .portal-modal .function-details .chat-section .workflow-section-header .chat-header-loading,
      .portal-modal .function-details .chat-section .prompt-section-header .portal-header-loading,
      .portal-modal .function-details .chat-section .prompt-section-header .workflow-header-loading,
      .portal-modal .function-details .chat-section .prompt-section-header .function-header-loading,
      .portal-modal .function-details .chat-section .prompt-section-header .chat-header-loading,
      .portal-modal .function-details .chat-section .function-section-header .portal-header-loading,
      .portal-modal .function-details .chat-section .function-section-header .workflow-header-loading,
      .portal-modal .function-details .chat-section .function-section-header .function-header-loading,
      .portal-modal .function-details .chat-section .function-section-header .chat-header-loading,
      .portal-modal .function-details .chat-section .chat-section-header .portal-header-loading,
      .portal-modal .function-details .chat-section .chat-section-header .workflow-header-loading,
      .portal-modal .function-details .chat-section .chat-section-header .function-header-loading,
      .portal-modal .function-details .chat-section .chat-section-header .chat-header-loading,
      .portal-modal .chat-details .portal-section .portal-section-header .portal-header-loading,
      .portal-modal .chat-details .portal-section .portal-section-header .workflow-header-loading,
      .portal-modal .chat-details .portal-section .portal-section-header .function-header-loading,
      .portal-modal .chat-details .portal-section .portal-section-header .chat-header-loading,
      .portal-modal .chat-details .portal-section .workflow-section-header .portal-header-loading,
      .portal-modal .chat-details .portal-section .workflow-section-header .workflow-header-loading,
      .portal-modal .chat-details .portal-section .workflow-section-header .function-header-loading,
      .portal-modal .chat-details .portal-section .workflow-section-header .chat-header-loading,
      .portal-modal .chat-details .portal-section .prompt-section-header .portal-header-loading,
      .portal-modal .chat-details .portal-section .prompt-section-header .workflow-header-loading,
      .portal-modal .chat-details .portal-section .prompt-section-header .function-header-loading,
      .portal-modal .chat-details .portal-section .prompt-section-header .chat-header-loading,
      .portal-modal .chat-details .portal-section .function-section-header .portal-header-loading,
      .portal-modal .chat-details .portal-section .function-section-header .workflow-header-loading,
      .portal-modal .chat-details .portal-section .function-section-header .function-header-loading,
      .portal-modal .chat-details .portal-section .function-section-header .chat-header-loading,
      .portal-modal .chat-details .portal-section .chat-section-header .portal-header-loading,
      .portal-modal .chat-details .portal-section .chat-section-header .workflow-header-loading,
      .portal-modal .chat-details .portal-section .chat-section-header .function-header-loading,
      .portal-modal .chat-details .portal-section .chat-section-header .chat-header-loading,
      .portal-modal .chat-details .workflow-section .portal-section-header .portal-header-loading,
      .portal-modal .chat-details .workflow-section .portal-section-header .workflow-header-loading,
      .portal-modal .chat-details .workflow-section .portal-section-header .function-header-loading,
      .portal-modal .chat-details .workflow-section .portal-section-header .chat-header-loading,
      .portal-modal .chat-details .workflow-section .workflow-section-header .portal-header-loading,
      .portal-modal .chat-details .workflow-section .workflow-section-header .workflow-header-loading,
      .portal-modal .chat-details .workflow-section .workflow-section-header .function-header-loading,
      .portal-modal .chat-details .workflow-section .workflow-section-header .chat-header-loading,
      .portal-modal .chat-details .workflow-section .prompt-section-header .portal-header-loading,
      .portal-modal .chat-details .workflow-section .prompt-section-header .workflow-header-loading,
      .portal-modal .chat-details .workflow-section .prompt-section-header .function-header-loading,
      .portal-modal .chat-details .workflow-section .prompt-section-header .chat-header-loading,
      .portal-modal .chat-details .workflow-section .function-section-header .portal-header-loading,
      .portal-modal .chat-details .workflow-section .function-section-header .workflow-header-loading,
      .portal-modal .chat-details .workflow-section .function-section-header .function-header-loading,
      .portal-modal .chat-details .workflow-section .function-section-header .chat-header-loading,
      .portal-modal .chat-details .workflow-section .chat-section-header .portal-header-loading,
      .portal-modal .chat-details .workflow-section .chat-section-header .workflow-header-loading,
      .portal-modal .chat-details .workflow-section .chat-section-header .function-header-loading,
      .portal-modal .chat-details .workflow-section .chat-section-header .chat-header-loading,
      .portal-modal .chat-details .prompt-section .portal-section-header .portal-header-loading,
      .portal-modal .chat-details .prompt-section .portal-section-header .workflow-header-loading,
      .portal-modal .chat-details .prompt-section .portal-section-header .function-header-loading,
      .portal-modal .chat-details .prompt-section .portal-section-header .chat-header-loading,
      .portal-modal .chat-details .prompt-section .workflow-section-header .portal-header-loading,
      .portal-modal .chat-details .prompt-section .workflow-section-header .workflow-header-loading,
      .portal-modal .chat-details .prompt-section .workflow-section-header .function-header-loading,
      .portal-modal .chat-details .prompt-section .workflow-section-header .chat-header-loading,
      .portal-modal .chat-details .prompt-section .prompt-section-header .portal-header-loading,
      .portal-modal .chat-details .prompt-section .prompt-section-header .workflow-header-loading,
      .portal-modal .chat-details .prompt-section .prompt-section-header .function-header-loading,
      .portal-modal .chat-details .prompt-section .prompt-section-header .chat-header-loading,
      .portal-modal .chat-details .prompt-section .function-section-header .portal-header-loading,
      .portal-modal .chat-details .prompt-section .function-section-header .workflow-header-loading,
      .portal-modal .chat-details .prompt-section .function-section-header .function-header-loading,
      .portal-modal .chat-details .prompt-section .function-section-header .chat-header-loading,
      .portal-modal .chat-details .prompt-section .chat-section-header .portal-header-loading,
      .portal-modal .chat-details .prompt-section .chat-section-header .workflow-header-loading,
      .portal-modal .chat-details .prompt-section .chat-section-header .function-header-loading,
      .portal-modal .chat-details .prompt-section .chat-section-header .chat-header-loading,
      .portal-modal .chat-details .function-section .portal-section-header .portal-header-loading,
      .portal-modal .chat-details .function-section .portal-section-header .workflow-header-loading,
      .portal-modal .chat-details .function-section .portal-section-header .function-header-loading,
      .portal-modal .chat-details .function-section .portal-section-header .chat-header-loading,
      .portal-modal .chat-details .function-section .workflow-section-header .portal-header-loading,
      .portal-modal .chat-details .function-section .workflow-section-header .workflow-header-loading,
      .portal-modal .chat-details .function-section .workflow-section-header .function-header-loading,
      .portal-modal .chat-details .function-section .workflow-section-header .chat-header-loading,
      .portal-modal .chat-details .function-section .prompt-section-header .portal-header-loading,
      .portal-modal .chat-details .function-section .prompt-section-header .workflow-header-loading,
      .portal-modal .chat-details .function-section .prompt-section-header .function-header-loading,
      .portal-modal .chat-details .function-section .prompt-section-header .chat-header-loading,
      .portal-modal .chat-details .function-section .function-section-header .portal-header-loading,
      .portal-modal .chat-details .function-section .function-section-header .workflow-header-loading,
      .portal-modal .chat-details .function-section .function-section-header .function-header-loading,
      .portal-modal .chat-details .function-section .function-section-header .chat-header-loading,
      .portal-modal .chat-details .function-section .chat-section-header .portal-header-loading,
      .portal-modal .chat-details .function-section .chat-section-header .workflow-header-loading,
      .portal-modal .chat-details .function-section .chat-section-header .function-header-loading,
      .portal-modal .chat-details .function-section .chat-section-header .chat-header-loading,
      .portal-modal .chat-details .chat-section .portal-section-header .portal-header-loading,
      .portal-modal .chat-details .chat-section .portal-section-header .workflow-header-loading,
      .portal-modal .chat-details .chat-section .portal-section-header .function-header-loading,
      .portal-modal .chat-details .chat-section .portal-section-header .chat-header-loading,
      .portal-modal .chat-details .chat-section .workflow-section-header .portal-header-loading,
      .portal-modal .chat-details .chat-section .workflow-section-header .workflow-header-loading,
      .portal-modal .chat-details .chat-section .workflow-section-header .function-header-loading,
      .portal-modal .chat-details .chat-section .workflow-section-header .chat-header-loading,
      .portal-modal .chat-details .chat-section .prompt-section-header .portal-header-loading,
      .portal-modal .chat-details .chat-section .prompt-section-header .workflow-header-loading,
      .portal-modal .chat-details .chat-section .prompt-section-header .function-header-loading,
      .portal-modal .chat-details .chat-section .prompt-section-header .chat-header-loading,
      .portal-modal .chat-details .chat-section .function-section-header .portal-header-loading,
      .portal-modal .chat-details .chat-section .function-section-header .workflow-header-loading,
      .portal-modal .chat-details .chat-section .function-section-header .function-header-loading,
      .portal-modal .chat-details .chat-section .function-section-header .chat-header-loading,
      .portal-modal .chat-details .chat-section .chat-section-header .portal-header-loading,
      .portal-modal .chat-details .chat-section .chat-section-header .workflow-header-loading,
      .portal-modal .chat-details .chat-section .chat-section-header .function-header-loading,
      .portal-modal .chat-details .chat-section .chat-section-header .chat-header-loading,
      .chat-modal .portal-details .portal-section .portal-section-header .portal-header-loading,
      .chat-modal .portal-details .portal-section .portal-section-header .workflow-header-loading,
      .chat-modal .portal-details .portal-section .portal-section-header .function-header-loading,
      .chat-modal .portal-details .portal-section .portal-section-header .chat-header-loading,
      .chat-modal .portal-details .portal-section .workflow-section-header .portal-header-loading,
      .chat-modal .portal-details .portal-section .workflow-section-header .workflow-header-loading,
      .chat-modal .portal-details .portal-section .workflow-section-header .function-header-loading,
      .chat-modal .portal-details .portal-section .workflow-section-header .chat-header-loading,
      .chat-modal .portal-details .portal-section .prompt-section-header .portal-header-loading,
      .chat-modal .portal-details .portal-section .prompt-section-header .workflow-header-loading,
      .chat-modal .portal-details .portal-section .prompt-section-header .function-header-loading,
      .chat-modal .portal-details .portal-section .prompt-section-header .chat-header-loading,
      .chat-modal .portal-details .portal-section .function-section-header .portal-header-loading,
      .chat-modal .portal-details .portal-section .function-section-header .workflow-header-loading,
      .chat-modal .portal-details .portal-section .function-section-header .function-header-loading,
      .chat-modal .portal-details .portal-section .function-section-header .chat-header-loading,
      .chat-modal .portal-details .portal-section .chat-section-header .portal-header-loading,
      .chat-modal .portal-details .portal-section .chat-section-header .workflow-header-loading,
      .chat-modal .portal-details .portal-section .chat-section-header .function-header-loading,
      .chat-modal .portal-details .portal-section .chat-section-header .chat-header-loading,
      .chat-modal .portal-details .workflow-section .portal-section-header .portal-header-loading,
      .chat-modal .portal-details .workflow-section .portal-section-header .workflow-header-loading,
      .chat-modal .portal-details .workflow-section .portal-section-header .function-header-loading,
      .chat-modal .portal-details .workflow-section .portal-section-header .chat-header-loading,
      .chat-modal .portal-details .workflow-section .workflow-section-header .portal-header-loading,
      .chat-modal .portal-details .workflow-section .workflow-section-header .workflow-header-loading,
      .chat-modal .portal-details .workflow-section .workflow-section-header .function-header-loading,
      .chat-modal .portal-details .workflow-section .workflow-section-header .chat-header-loading,
      .chat-modal .portal-details .workflow-section .prompt-section-header .portal-header-loading,
      .chat-modal .portal-details .workflow-section .prompt-section-header .workflow-header-loading,
      .chat-modal .portal-details .workflow-section .prompt-section-header .function-header-loading,
      .chat-modal .portal-details .workflow-section .prompt-section-header .chat-header-loading,
      .chat-modal .portal-details .workflow-section .function-section-header .portal-header-loading,
      .chat-modal .portal-details .workflow-section .function-section-header .workflow-header-loading,
      .chat-modal .portal-details .workflow-section .function-section-header .function-header-loading,
      .chat-modal .portal-details .workflow-section .function-section-header .chat-header-loading,
      .chat-modal .portal-details .workflow-section .chat-section-header .portal-header-loading,
      .chat-modal .portal-details .workflow-section .chat-section-header .workflow-header-loading,
      .chat-modal .portal-details .workflow-section .chat-section-header .function-header-loading,
      .chat-modal .portal-details .workflow-section .chat-section-header .chat-header-loading,
      .chat-modal .portal-details .prompt-section .portal-section-header .portal-header-loading,
      .chat-modal .portal-details .prompt-section .portal-section-header .workflow-header-loading,
      .chat-modal .portal-details .prompt-section .portal-section-header .function-header-loading,
      .chat-modal .portal-details .prompt-section .portal-section-header .chat-header-loading,
      .chat-modal .portal-details .prompt-section .workflow-section-header .portal-header-loading,
      .chat-modal .portal-details .prompt-section .workflow-section-header .workflow-header-loading,
      .chat-modal .portal-details .prompt-section .workflow-section-header .function-header-loading,
      .chat-modal .portal-details .prompt-section .workflow-section-header .chat-header-loading,
      .chat-modal .portal-details .prompt-section .prompt-section-header .portal-header-loading,
      .chat-modal .portal-details .prompt-section .prompt-section-header .workflow-header-loading,
      .chat-modal .portal-details .prompt-section .prompt-section-header .function-header-loading,
      .chat-modal .portal-details .prompt-section .prompt-section-header .chat-header-loading,
      .chat-modal .portal-details .prompt-section .function-section-header .portal-header-loading,
      .chat-modal .portal-details .prompt-section .function-section-header .workflow-header-loading,
      .chat-modal .portal-details .prompt-section .function-section-header .function-header-loading,
      .chat-modal .portal-details .prompt-section .function-section-header .chat-header-loading,
      .chat-modal .portal-details .prompt-section .chat-section-header .portal-header-loading,
      .chat-modal .portal-details .prompt-section .chat-section-header .workflow-header-loading,
      .chat-modal .portal-details .prompt-section .chat-section-header .function-header-loading,
      .chat-modal .portal-details .prompt-section .chat-section-header .chat-header-loading,
      .chat-modal .portal-details .function-section .portal-section-header .portal-header-loading,
      .chat-modal .portal-details .function-section .portal-section-header .workflow-header-loading,
      .chat-modal .portal-details .function-section .portal-section-header .function-header-loading,
      .chat-modal .portal-details .function-section .portal-section-header .chat-header-loading,
      .chat-modal .portal-details .function-section .workflow-section-header .portal-header-loading,
      .chat-modal .portal-details .function-section .workflow-section-header .workflow-header-loading,
      .chat-modal .portal-details .function-section .workflow-section-header .function-header-loading,
      .chat-modal .portal-details .function-section .workflow-section-header .chat-header-loading,
      .chat-modal .portal-details .function-section .prompt-section-header .portal-header-loading,
      .chat-modal .portal-details .function-section .prompt-section-header .workflow-header-loading,
      .chat-modal .portal-details .function-section .prompt-section-header .function-header-loading,
      .chat-modal .portal-details .function-section .prompt-section-header .chat-header-loading,
      .chat-modal .portal-details .function-section .function-section-header .portal-header-loading,
      .chat-modal .portal-details .function-section .function-section-header .workflow-header-loading,
      .chat-modal .portal-details .function-section .function-section-header .function-header-loading,
      .chat-modal .portal-details .function-section .function-section-header .chat-header-loading,
      .chat-modal .portal-details .function-section .chat-section-header .portal-header-loading,
      .chat-modal .portal-details .function-section .chat-section-header .workflow-header-loading,
      .chat-modal .portal-details .function-section .chat-section-header .function-header-loading,
      .chat-modal .portal-details .function-section .chat-section-header .chat-header-loading,
      .chat-modal .portal-details .chat-section .portal-section-header .portal-header-loading,
      .chat-modal .portal-details .chat-section .portal-section-header .workflow-header-loading,
      .chat-modal .portal-details .chat-section .portal-section-header .function-header-loading,
      .chat-modal .portal-details .chat-section .portal-section-header .chat-header-loading,
      .chat-modal .portal-details .chat-section .workflow-section-header .portal-header-loading,
      .chat-modal .portal-details .chat-section .workflow-section-header .workflow-header-loading,
      .chat-modal .portal-details .chat-section .workflow-section-header .function-header-loading,
      .chat-modal .portal-details .chat-section .workflow-section-header .chat-header-loading,
      .chat-modal .portal-details .chat-section .prompt-section-header .portal-header-loading,
      .chat-modal .portal-details .chat-section .prompt-section-header .workflow-header-loading,
      .chat-modal .portal-details .chat-section .prompt-section-header .function-header-loading,
      .chat-modal .portal-details .chat-section .prompt-section-header .chat-header-loading,
      .chat-modal .portal-details .chat-section .function-section-header .portal-header-loading,
      .chat-modal .portal-details .chat-section .function-section-header .workflow-header-loading,
      .chat-modal .portal-details .chat-section .function-section-header .function-header-loading,
      .chat-modal .portal-details .chat-section .function-section-header .chat-header-loading,
      .chat-modal .portal-details .chat-section .chat-section-header .portal-header-loading,
      .chat-modal .portal-details .chat-section .chat-section-header .workflow-header-loading,
      .chat-modal .portal-details .chat-section .chat-section-header .function-header-loading,
      .chat-modal .portal-details .chat-section .chat-section-header .chat-header-loading,
      .chat-modal .workflow-details .portal-section .portal-section-header .portal-header-loading,
      .chat-modal .workflow-details .portal-section .portal-section-header .workflow-header-loading,
      .chat-modal .workflow-details .portal-section .portal-section-header .function-header-loading,
      .chat-modal .workflow-details .portal-section .portal-section-header .chat-header-loading,
      .chat-modal .workflow-details .portal-section .workflow-section-header .portal-header-loading,
      .chat-modal .workflow-details .portal-section .workflow-section-header .workflow-header-loading,
      .chat-modal .workflow-details .portal-section .workflow-section-header .function-header-loading,
      .chat-modal .workflow-details .portal-section .workflow-section-header .chat-header-loading,
      .chat-modal .workflow-details .portal-section .prompt-section-header .portal-header-loading,
      .chat-modal .workflow-details .portal-section .prompt-section-header .workflow-header-loading,
      .chat-modal .workflow-details .portal-section .prompt-section-header .function-header-loading,
      .chat-modal .workflow-details .portal-section .prompt-section-header .chat-header-loading,
      .chat-modal .workflow-details .portal-section .function-section-header .portal-header-loading,
      .chat-modal .workflow-details .portal-section .function-section-header .workflow-header-loading,
      .chat-modal .workflow-details .portal-section .function-section-header .function-header-loading,
      .chat-modal .workflow-details .portal-section .function-section-header .chat-header-loading,
      .chat-modal .workflow-details .portal-section .chat-section-header .portal-header-loading,
      .chat-modal .workflow-details .portal-section .chat-section-header .workflow-header-loading,
      .chat-modal .workflow-details .portal-section .chat-section-header .function-header-loading,
      .chat-modal .workflow-details .portal-section .chat-section-header .chat-header-loading,
      .chat-modal .workflow-details .workflow-section .portal-section-header .portal-header-loading,
      .chat-modal .workflow-details .workflow-section .portal-section-header .workflow-header-loading,
      .chat-modal .workflow-details .workflow-section .portal-section-header .function-header-loading,
      .chat-modal .workflow-details .workflow-section .portal-section-header .chat-header-loading,
      .chat-modal .workflow-details .workflow-section .workflow-section-header .portal-header-loading,
      .chat-modal .workflow-details .workflow-section .workflow-section-header .workflow-header-loading,
      .chat-modal .workflow-details .workflow-section .workflow-section-header .function-header-loading,
      .chat-modal .workflow-details .workflow-section .workflow-section-header .chat-header-loading,
      .chat-modal .workflow-details .workflow-section .prompt-section-header .portal-header-loading,
      .chat-modal .workflow-details .workflow-section .prompt-section-header .workflow-header-loading,
      .chat-modal .workflow-details .workflow-section .prompt-section-header .function-header-loading,
      .chat-modal .workflow-details .workflow-section .prompt-section-header .chat-header-loading,
      .chat-modal .workflow-details .workflow-section .function-section-header .portal-header-loading,
      .chat-modal .workflow-details .workflow-section .function-section-header .workflow-header-loading,
      .chat-modal .workflow-details .workflow-section .function-section-header .function-header-loading,
      .chat-modal .workflow-details .workflow-section .function-section-header .chat-header-loading,
      .chat-modal .workflow-details .workflow-section .chat-section-header .portal-header-loading,
      .chat-modal .workflow-details .workflow-section .chat-section-header .workflow-header-loading,
      .chat-modal .workflow-details .workflow-section .chat-section-header .function-header-loading,
      .chat-modal .workflow-details .workflow-section .chat-section-header .chat-header-loading,
      .chat-modal .workflow-details .prompt-section .portal-section-header .portal-header-loading,
      .chat-modal .workflow-details .prompt-section .portal-section-header .workflow-header-loading,
      .chat-modal .workflow-details .prompt-section .portal-section-header .function-header-loading,
      .chat-modal .workflow-details .prompt-section .portal-section-header .chat-header-loading,
      .chat-modal .workflow-details .prompt-section .workflow-section-header .portal-header-loading,
      .chat-modal .workflow-details .prompt-section .workflow-section-header .workflow-header-loading,
      .chat-modal .workflow-details .prompt-section .workflow-section-header .function-header-loading,
      .chat-modal .workflow-details .prompt-section .workflow-section-header .chat-header-loading,
      .chat-modal .workflow-details .prompt-section .prompt-section-header .portal-header-loading,
      .chat-modal .workflow-details .prompt-section .prompt-section-header .workflow-header-loading,
      .chat-modal .workflow-details .prompt-section .prompt-section-header .function-header-loading,
      .chat-modal .workflow-details .prompt-section .prompt-section-header .chat-header-loading,
      .chat-modal .workflow-details .prompt-section .function-section-header .portal-header-loading,
      .chat-modal .workflow-details .prompt-section .function-section-header .workflow-header-loading,
      .chat-modal .workflow-details .prompt-section .function-section-header .function-header-loading,
      .chat-modal .workflow-details .prompt-section .function-section-header .chat-header-loading,
      .chat-modal .workflow-details .prompt-section .chat-section-header .portal-header-loading,
      .chat-modal .workflow-details .prompt-section .chat-section-header .workflow-header-loading,
      .chat-modal .workflow-details .prompt-section .chat-section-header .function-header-loading,
      .chat-modal .workflow-details .prompt-section .chat-section-header .chat-header-loading,
      .chat-modal .workflow-details .function-section .portal-section-header .portal-header-loading,
      .chat-modal .workflow-details .function-section .portal-section-header .workflow-header-loading,
      .chat-modal .workflow-details .function-section .portal-section-header .function-header-loading,
      .chat-modal .workflow-details .function-section .portal-section-header .chat-header-loading,
      .chat-modal .workflow-details .function-section .workflow-section-header .portal-header-loading,
      .chat-modal .workflow-details .function-section .workflow-section-header .workflow-header-loading,
      .chat-modal .workflow-details .function-section .workflow-section-header .function-header-loading,
      .chat-modal .workflow-details .function-section .workflow-section-header .chat-header-loading,
      .chat-modal .workflow-details .function-section .prompt-section-header .portal-header-loading,
      .chat-modal .workflow-details .function-section .prompt-section-header .workflow-header-loading,
      .chat-modal .workflow-details .function-section .prompt-section-header .function-header-loading,
      .chat-modal .workflow-details .function-section .prompt-section-header .chat-header-loading,
      .chat-modal .workflow-details .function-section .function-section-header .portal-header-loading,
      .chat-modal .workflow-details .function-section .function-section-header .workflow-header-loading,
      .chat-modal .workflow-details .function-section .function-section-header .function-header-loading,
      .chat-modal .workflow-details .function-section .function-section-header .chat-header-loading,
      .chat-modal .workflow-details .function-section .chat-section-header .portal-header-loading,
      .chat-modal .workflow-details .function-section .chat-section-header .workflow-header-loading,
      .chat-modal .workflow-details .function-section .chat-section-header .function-header-loading,
      .chat-modal .workflow-details .function-section .chat-section-header .chat-header-loading,
      .chat-modal .workflow-details .chat-section .portal-section-header .portal-header-loading,
      .chat-modal .workflow-details .chat-section .portal-section-header .workflow-header-loading,
      .chat-modal .workflow-details .chat-section .portal-section-header .function-header-loading,
      .chat-modal .workflow-details .chat-section .portal-section-header .chat-header-loading,
      .chat-modal .workflow-details .chat-section .workflow-section-header .portal-header-loading,
      .chat-modal .workflow-details .chat-section .workflow-section-header .workflow-header-loading,
      .chat-modal .workflow-details .chat-section .workflow-section-header .function-header-loading,
      .chat-modal .workflow-details .chat-section .workflow-section-header .chat-header-loading,
      .chat-modal .workflow-details .chat-section .prompt-section-header .portal-header-loading,
      .chat-modal .workflow-details .chat-section .prompt-section-header .workflow-header-loading,
      .chat-modal .workflow-details .chat-section .prompt-section-header .function-header-loading,
      .chat-modal .workflow-details .chat-section .prompt-section-header .chat-header-loading,
      .chat-modal .workflow-details .chat-section .function-section-header .portal-header-loading,
      .chat-modal .workflow-details .chat-section .function-section-header .workflow-header-loading,
      .chat-modal .workflow-details .chat-section .function-section-header .function-header-loading,
      .chat-modal .workflow-details .chat-section .function-section-header .chat-header-loading,
      .chat-modal .workflow-details .chat-section .chat-section-header .portal-header-loading,
      .chat-modal .workflow-details .chat-section .chat-section-header .workflow-header-loading,
      .chat-modal .workflow-details .chat-section .chat-section-header .function-header-loading,
      .chat-modal .workflow-details .chat-section .chat-section-header .chat-header-loading,
      .chat-modal .function-details .portal-section .portal-section-header .portal-header-loading,
      .chat-modal .function-details .portal-section .portal-section-header .workflow-header-loading,
      .chat-modal .function-details .portal-section .portal-section-header .function-header-loading,
      .chat-modal .function-details .portal-section .portal-section-header .chat-header-loading,
      .chat-modal .function-details .portal-section .workflow-section-header .portal-header-loading,
      .chat-modal .function-details .portal-section .workflow-section-header .workflow-header-loading,
      .chat-modal .function-details .portal-section .workflow-section-header .function-header-loading,
      .chat-modal .function-details .portal-section .workflow-section-header .chat-header-loading,
      .chat-modal .function-details .portal-section .prompt-section-header .portal-header-loading,
      .chat-modal .function-details .portal-section .prompt-section-header .workflow-header-loading,
      .chat-modal .function-details .portal-section .prompt-section-header .function-header-loading,
      .chat-modal .function-details .portal-section .prompt-section-header .chat-header-loading,
      .chat-modal .function-details .portal-section .function-section-header .portal-header-loading,
      .chat-modal .function-details .portal-section .function-section-header .workflow-header-loading,
      .chat-modal .function-details .portal-section .function-section-header .function-header-loading,
      .chat-modal .function-details .portal-section .function-section-header .chat-header-loading,
      .chat-modal .function-details .portal-section .chat-section-header .portal-header-loading,
      .chat-modal .function-details .portal-section .chat-section-header .workflow-header-loading,
      .chat-modal .function-details .portal-section .chat-section-header .function-header-loading,
      .chat-modal .function-details .portal-section .chat-section-header .chat-header-loading,
      .chat-modal .function-details .workflow-section .portal-section-header .portal-header-loading,
      .chat-modal .function-details .workflow-section .portal-section-header .workflow-header-loading,
      .chat-modal .function-details .workflow-section .portal-section-header .function-header-loading,
      .chat-modal .function-details .workflow-section .portal-section-header .chat-header-loading,
      .chat-modal .function-details .workflow-section .workflow-section-header .portal-header-loading,
      .chat-modal .function-details .workflow-section .workflow-section-header .workflow-header-loading,
      .chat-modal .function-details .workflow-section .workflow-section-header .function-header-loading,
      .chat-modal .function-details .workflow-section .workflow-section-header .chat-header-loading,
      .chat-modal .function-details .workflow-section .prompt-section-header .portal-header-loading,
      .chat-modal .function-details .workflow-section .prompt-section-header .workflow-header-loading,
      .chat-modal .function-details .workflow-section .prompt-section-header .function-header-loading,
      .chat-modal .function-details .workflow-section .prompt-section-header .chat-header-loading,
      .chat-modal .function-details .workflow-section .function-section-header .portal-header-loading,
      .chat-modal .function-details .workflow-section .function-section-header .workflow-header-loading,
      .chat-modal .function-details .workflow-section .function-section-header .function-header-loading,
      .chat-modal .function-details .workflow-section .function-section-header .chat-header-loading,
      .chat-modal .function-details .workflow-section .chat-section-header .portal-header-loading,
      .chat-modal .function-details .workflow-section .chat-section-header .workflow-header-loading,
      .chat-modal .function-details .workflow-section .chat-section-header .function-header-loading,
      .chat-modal .function-details .workflow-section .chat-section-header .chat-header-loading,
      .chat-modal .function-details .prompt-section .portal-section-header .portal-header-loading,
      .chat-modal .function-details .prompt-section .portal-section-header .workflow-header-loading,
      .chat-modal .function-details .prompt-section .portal-section-header .function-header-loading,
      .chat-modal .function-details .prompt-section .portal-section-header .chat-header-loading,
      .chat-modal .function-details .prompt-section .workflow-section-header .portal-header-loading,
      .chat-modal .function-details .prompt-section .workflow-section-header .workflow-header-loading,
      .chat-modal .function-details .prompt-section .workflow-section-header .function-header-loading,
      .chat-modal .function-details .prompt-section .workflow-section-header .chat-header-loading,
      .chat-modal .function-details .prompt-section .prompt-section-header .portal-header-loading,
      .chat-modal .function-details .prompt-section .prompt-section-header .workflow-header-loading,
      .chat-modal .function-details .prompt-section .prompt-section-header .function-header-loading,
      .chat-modal .function-details .prompt-section .prompt-section-header .chat-header-loading,
      .chat-modal .function-details .prompt-section .function-section-header .portal-header-loading,
      .chat-modal .function-details .prompt-section .function-section-header .workflow-header-loading,
      .chat-modal .function-details .prompt-section .function-section-header .function-header-loading,
      .chat-modal .function-details .prompt-section .function-section-header .chat-header-loading,
      .chat-modal .function-details .prompt-section .chat-section-header .portal-header-loading,
      .chat-modal .function-details .prompt-section .chat-section-header .workflow-header-loading,
      .chat-modal .function-details .prompt-section .chat-section-header .function-header-loading,
      .chat-modal .function-details .prompt-section .chat-section-header .chat-header-loading,
      .chat-modal .function-details .function-section .portal-section-header .portal-header-loading,
      .chat-modal .function-details .function-section .portal-section-header .workflow-header-loading,
      .chat-modal .function-details .function-section .portal-section-header .function-header-loading,
      .chat-modal .function-details .function-section .portal-section-header .chat-header-loading,
      .chat-modal .function-details .function-section .workflow-section-header .portal-header-loading,
      .chat-modal .function-details .function-section .workflow-section-header .workflow-header-loading,
      .chat-modal .function-details .function-section .workflow-section-header .function-header-loading,
      .chat-modal .function-details .function-section .workflow-section-header .chat-header-loading,
      .chat-modal .function-details .function-section .prompt-section-header .portal-header-loading,
      .chat-modal .function-details .function-section .prompt-section-header .workflow-header-loading,
      .chat-modal .function-details .function-section .prompt-section-header .function-header-loading,
      .chat-modal .function-details .function-section .prompt-section-header .chat-header-loading,
      .chat-modal .function-details .function-section .function-section-header .portal-header-loading,
      .chat-modal .function-details .function-section .function-section-header .workflow-header-loading,
      .chat-modal .function-details .function-section .function-section-header .function-header-loading,
      .chat-modal .function-details .function-section .function-section-header .chat-header-loading,
      .chat-modal .function-details .function-section .chat-section-header .portal-header-loading,
      .chat-modal .function-details .function-section .chat-section-header .workflow-header-loading,
      .chat-modal .function-details .function-section .chat-section-header .function-header-loading,
      .chat-modal .function-details .function-section .chat-section-header .chat-header-loading,
      .chat-modal .function-details .chat-section .portal-section-header .portal-header-loading,
      .chat-modal .function-details .chat-section .portal-section-header .workflow-header-loading,
      .chat-modal .function-details .chat-section .portal-section-header .function-header-loading,
      .chat-modal .function-details .chat-section .portal-section-header .chat-header-loading,
      .chat-modal .function-details .chat-section .workflow-section-header .portal-header-loading,
      .chat-modal .function-details .chat-section .workflow-section-header .workflow-header-loading,
      .chat-modal .function-details .chat-section .workflow-section-header .function-header-loading,
      .chat-modal .function-details .chat-section .workflow-section-header .chat-header-loading,
      .chat-modal .function-details .chat-section .prompt-section-header .portal-header-loading,
      .chat-modal .function-details .chat-section .prompt-section-header .workflow-header-loading,
      .chat-modal .function-details .chat-section .prompt-section-header .function-header-loading,
      .chat-modal .function-details .chat-section .prompt-section-header .chat-header-loading,
      .chat-modal .function-details .chat-section .function-section-header .portal-header-loading,
      .chat-modal .function-details .chat-section .function-section-header .workflow-header-loading,
      .chat-modal .function-details .chat-section .function-section-header .function-header-loading,
      .chat-modal .function-details .chat-section .function-section-header .chat-header-loading,
      .chat-modal .function-details .chat-section .chat-section-header .portal-header-loading,
      .chat-modal .function-details .chat-section .chat-section-header .workflow-header-loading,
      .chat-modal .function-details .chat-section .chat-section-header .function-header-loading,
      .chat-modal .function-details .chat-section .chat-section-header .chat-header-loading,
      .chat-modal .chat-details .portal-section .portal-section-header .portal-header-loading,
      .chat-modal .chat-details .portal-section .portal-section-header .workflow-header-loading,
      .chat-modal .chat-details .portal-section .portal-section-header .function-header-loading,
      .chat-modal .chat-details .portal-section .portal-section-header .chat-header-loading,
      .chat-modal .chat-details .portal-section .workflow-section-header .portal-header-loading,
      .chat-modal .chat-details .portal-section .workflow-section-header .workflow-header-loading,
      .chat-modal .chat-details .portal-section .workflow-section-header .function-header-loading,
      .chat-modal .chat-details .portal-section .workflow-section-header .chat-header-loading,
      .chat-modal .chat-details .portal-section .prompt-section-header .portal-header-loading,
      .chat-modal .chat-details .portal-section .prompt-section-header .workflow-header-loading,
      .chat-modal .chat-details .portal-section .prompt-section-header .function-header-loading,
      .chat-modal .chat-details .portal-section .prompt-section-header .chat-header-loading,
      .chat-modal .chat-details .portal-section .function-section-header .portal-header-loading,
      .chat-modal .chat-details .portal-section .function-section-header .workflow-header-loading,
      .chat-modal .chat-details .portal-section .function-section-header .function-header-loading,
      .chat-modal .chat-details .portal-section .function-section-header .chat-header-loading,
      .chat-modal .chat-details .portal-section .chat-section-header .portal-header-loading,
      .chat-modal .chat-details .portal-section .chat-section-header .workflow-header-loading,
      .chat-modal .chat-details .portal-section .chat-section-header .function-header-loading,
      .chat-modal .chat-details .portal-section .chat-section-header .chat-header-loading,
      .chat-modal .chat-details .workflow-section .portal-section-header .portal-header-loading,
      .chat-modal .chat-details .workflow-section .portal-section-header .workflow-header-loading,
      .chat-modal .chat-details .workflow-section .portal-section-header .function-header-loading,
      .chat-modal .chat-details .workflow-section .portal-section-header .chat-header-loading,
      .chat-modal .chat-details .workflow-section .workflow-section-header .portal-header-loading,
      .chat-modal .chat-details .workflow-section .workflow-section-header .workflow-header-loading,
      .chat-modal .chat-details .workflow-section .workflow-section-header .function-header-loading,
      .chat-modal .chat-details .workflow-section .workflow-section-header .chat-header-loading,
      .chat-modal .chat-details .workflow-section .prompt-section-header .portal-header-loading,
      .chat-modal .chat-details .workflow-section .prompt-section-header .workflow-header-loading,
      .chat-modal .chat-details .workflow-section .prompt-section-header .function-header-loading,
      .chat-modal .chat-details .workflow-section .prompt-section-header .chat-header-loading,
      .chat-modal .chat-details .workflow-section .function-section-header .portal-header-loading,
      .chat-modal .chat-details .workflow-section .function-section-header .workflow-header-loading,
      .chat-modal .chat-details .workflow-section .function-section-header .function-header-loading,
      .chat-modal .chat-details .workflow-section .function-section-header .chat-header-loading,
      .chat-modal .chat-details .workflow-section .chat-section-header .portal-header-loading,
      .chat-modal .chat-details .workflow-section .chat-section-header .workflow-header-loading,
      .chat-modal .chat-details .workflow-section .chat-section-header .function-header-loading,
      .chat-modal .chat-details .workflow-section .chat-section-header .chat-header-loading,
      .chat-modal .chat-details .prompt-section .portal-section-header .portal-header-loading,
      .chat-modal .chat-details .prompt-section .portal-section-header .workflow-header-loading,
      .chat-modal .chat-details .prompt-section .portal-section-header .function-header-loading,
      .chat-modal .chat-details .prompt-section .portal-section-header .chat-header-loading,
      .chat-modal .chat-details .prompt-section .workflow-section-header .portal-header-loading,
      .chat-modal .chat-details .prompt-section .workflow-section-header .workflow-header-loading,
      .chat-modal .chat-details .prompt-section .workflow-section-header .function-header-loading,
      .chat-modal .chat-details .prompt-section .workflow-section-header .chat-header-loading,
      .chat-modal .chat-details .prompt-section .prompt-section-header .portal-header-loading,
      .chat-modal .chat-details .prompt-section .prompt-section-header .workflow-header-loading,
      .chat-modal .chat-details .prompt-section .prompt-section-header .function-header-loading,
      .chat-modal .chat-details .prompt-section .prompt-section-header .chat-header-loading,
      .chat-modal .chat-details .prompt-section .function-section-header .portal-header-loading,
      .chat-modal .chat-details .prompt-section .function-section-header .workflow-header-loading,
      .chat-modal .chat-details .prompt-section .function-section-header .function-header-loading,
      .chat-modal .chat-details .prompt-section .function-section-header .chat-header-loading,
      .chat-modal .chat-details .prompt-section .chat-section-header .portal-header-loading,
      .chat-modal .chat-details .prompt-section .chat-section-header .workflow-header-loading,
      .chat-modal .chat-details .prompt-section .chat-section-header .function-header-loading,
      .chat-modal .chat-details .prompt-section .chat-section-header .chat-header-loading,
      .chat-modal .chat-details .function-section .portal-section-header .portal-header-loading,
      .chat-modal .chat-details .function-section .portal-section-header .workflow-header-loading,
      .chat-modal .chat-details .function-section .portal-section-header .function-header-loading,
      .chat-modal .chat-details .function-section .portal-section-header .chat-header-loading,
      .chat-modal .chat-details .function-section .workflow-section-header .portal-header-loading,
      .chat-modal .chat-details .function-section .workflow-section-header .workflow-header-loading,
      .chat-modal .chat-details .function-section .workflow-section-header .function-header-loading,
      .chat-modal .chat-details .function-section .workflow-section-header .chat-header-loading,
      .chat-modal .chat-details .function-section .prompt-section-header .portal-header-loading,
      .chat-modal .chat-details .function-section .prompt-section-header .workflow-header-loading,
      .chat-modal .chat-details .function-section .prompt-section-header .function-header-loading,
      .chat-modal .chat-details .function-section .prompt-section-header .chat-header-loading,
      .chat-modal .chat-details .function-section .function-section-header .portal-header-loading,
      .chat-modal .chat-details .function-section .function-section-header .workflow-header-loading,
      .chat-modal .chat-details .function-section .function-section-header .function-header-loading,
      .chat-modal .chat-details .function-section .function-section-header .chat-header-loading,
      .chat-modal .chat-details .function-section .chat-section-header .portal-header-loading,
      .chat-modal .chat-details .function-section .chat-section-header .workflow-header-loading,
      .chat-modal .chat-details .function-section .chat-section-header .function-header-loading,
      .chat-modal .chat-details .function-section .chat-section-header .chat-header-loading,
      .chat-modal .chat-details .chat-section .portal-section-header .portal-header-loading,
      .chat-modal .chat-details .chat-section .portal-section-header .workflow-header-loading,
      .chat-modal .chat-details .chat-section .portal-section-header .function-header-loading,
      .chat-modal .chat-details .chat-section .portal-section-header .chat-header-loading,
      .chat-modal .chat-details .chat-section .workflow-section-header .portal-header-loading,
      .chat-modal .chat-details .chat-section .workflow-section-header .workflow-header-loading,
      .chat-modal .chat-details .chat-section .workflow-section-header .function-header-loading,
      .chat-modal .chat-details .chat-section .workflow-section-header .chat-header-loading,
      .chat-modal .chat-details .chat-section .prompt-section-header .portal-header-loading,
      .chat-modal .chat-details .chat-section .prompt-section-header .workflow-header-loading,
      .chat-modal .chat-details .chat-section .prompt-section-header .function-header-loading,
      .chat-modal .chat-details .chat-section .prompt-section-header .chat-header-loading,
      .chat-modal .chat-details .chat-section .function-section-header .portal-header-loading,
      .chat-modal .chat-details .chat-section .function-section-header .workflow-header-loading,
      .chat-modal .chat-details .chat-section .function-section-header .function-header-loading,
      .chat-modal .chat-details .chat-section .function-section-header .chat-header-loading,
      .chat-modal .chat-details .chat-section .chat-section-header .portal-header-loading,
      .chat-modal .chat-details .chat-section .chat-section-header .workflow-header-loading,
      .chat-modal .chat-details .chat-section .chat-section-header .function-header-loading,
      .chat-modal .chat-details .chat-section .chat-section-header .chat-header-loading {
        padding: 8px 0; }
      .workflow-modal .portal-details .portal-section .portal-section-header label,
      .workflow-modal .portal-details .portal-section .workflow-section-header label,
      .workflow-modal .portal-details .portal-section .prompt-section-header label,
      .workflow-modal .portal-details .portal-section .function-section-header label,
      .workflow-modal .portal-details .portal-section .chat-section-header label,
      .workflow-modal .portal-details .workflow-section .portal-section-header label,
      .workflow-modal .portal-details .workflow-section .workflow-section-header label,
      .workflow-modal .portal-details .workflow-section .prompt-section-header label,
      .workflow-modal .portal-details .workflow-section .function-section-header label,
      .workflow-modal .portal-details .workflow-section .chat-section-header label,
      .workflow-modal .portal-details .prompt-section .portal-section-header label,
      .workflow-modal .portal-details .prompt-section .workflow-section-header label,
      .workflow-modal .portal-details .prompt-section .prompt-section-header label,
      .workflow-modal .portal-details .prompt-section .function-section-header label,
      .workflow-modal .portal-details .prompt-section .chat-section-header label,
      .workflow-modal .portal-details .function-section .portal-section-header label,
      .workflow-modal .portal-details .function-section .workflow-section-header label,
      .workflow-modal .portal-details .function-section .prompt-section-header label,
      .workflow-modal .portal-details .function-section .function-section-header label,
      .workflow-modal .portal-details .function-section .chat-section-header label,
      .workflow-modal .portal-details .chat-section .portal-section-header label,
      .workflow-modal .portal-details .chat-section .workflow-section-header label,
      .workflow-modal .portal-details .chat-section .prompt-section-header label,
      .workflow-modal .portal-details .chat-section .function-section-header label,
      .workflow-modal .portal-details .chat-section .chat-section-header label,
      .workflow-modal .workflow-details .portal-section .portal-section-header label,
      .workflow-modal .workflow-details .portal-section .workflow-section-header label,
      .workflow-modal .workflow-details .portal-section .prompt-section-header label,
      .workflow-modal .workflow-details .portal-section .function-section-header label,
      .workflow-modal .workflow-details .portal-section .chat-section-header label,
      .workflow-modal .workflow-details .workflow-section .portal-section-header label,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header label,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header label,
      .workflow-modal .workflow-details .workflow-section .function-section-header label,
      .workflow-modal .workflow-details .workflow-section .chat-section-header label,
      .workflow-modal .workflow-details .prompt-section .portal-section-header label,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header label,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header label,
      .workflow-modal .workflow-details .prompt-section .function-section-header label,
      .workflow-modal .workflow-details .prompt-section .chat-section-header label,
      .workflow-modal .workflow-details .function-section .portal-section-header label,
      .workflow-modal .workflow-details .function-section .workflow-section-header label,
      .workflow-modal .workflow-details .function-section .prompt-section-header label,
      .workflow-modal .workflow-details .function-section .function-section-header label,
      .workflow-modal .workflow-details .function-section .chat-section-header label,
      .workflow-modal .workflow-details .chat-section .portal-section-header label,
      .workflow-modal .workflow-details .chat-section .workflow-section-header label,
      .workflow-modal .workflow-details .chat-section .prompt-section-header label,
      .workflow-modal .workflow-details .chat-section .function-section-header label,
      .workflow-modal .workflow-details .chat-section .chat-section-header label,
      .workflow-modal .function-details .portal-section .portal-section-header label,
      .workflow-modal .function-details .portal-section .workflow-section-header label,
      .workflow-modal .function-details .portal-section .prompt-section-header label,
      .workflow-modal .function-details .portal-section .function-section-header label,
      .workflow-modal .function-details .portal-section .chat-section-header label,
      .workflow-modal .function-details .workflow-section .portal-section-header label,
      .workflow-modal .function-details .workflow-section .workflow-section-header label,
      .workflow-modal .function-details .workflow-section .prompt-section-header label,
      .workflow-modal .function-details .workflow-section .function-section-header label,
      .workflow-modal .function-details .workflow-section .chat-section-header label,
      .workflow-modal .function-details .prompt-section .portal-section-header label,
      .workflow-modal .function-details .prompt-section .workflow-section-header label,
      .workflow-modal .function-details .prompt-section .prompt-section-header label,
      .workflow-modal .function-details .prompt-section .function-section-header label,
      .workflow-modal .function-details .prompt-section .chat-section-header label,
      .workflow-modal .function-details .function-section .portal-section-header label,
      .workflow-modal .function-details .function-section .workflow-section-header label,
      .workflow-modal .function-details .function-section .prompt-section-header label,
      .workflow-modal .function-details .function-section .function-section-header label,
      .workflow-modal .function-details .function-section .chat-section-header label,
      .workflow-modal .function-details .chat-section .portal-section-header label,
      .workflow-modal .function-details .chat-section .workflow-section-header label,
      .workflow-modal .function-details .chat-section .prompt-section-header label,
      .workflow-modal .function-details .chat-section .function-section-header label,
      .workflow-modal .function-details .chat-section .chat-section-header label,
      .workflow-modal .chat-details .portal-section .portal-section-header label,
      .workflow-modal .chat-details .portal-section .workflow-section-header label,
      .workflow-modal .chat-details .portal-section .prompt-section-header label,
      .workflow-modal .chat-details .portal-section .function-section-header label,
      .workflow-modal .chat-details .portal-section .chat-section-header label,
      .workflow-modal .chat-details .workflow-section .portal-section-header label,
      .workflow-modal .chat-details .workflow-section .workflow-section-header label,
      .workflow-modal .chat-details .workflow-section .prompt-section-header label,
      .workflow-modal .chat-details .workflow-section .function-section-header label,
      .workflow-modal .chat-details .workflow-section .chat-section-header label,
      .workflow-modal .chat-details .prompt-section .portal-section-header label,
      .workflow-modal .chat-details .prompt-section .workflow-section-header label,
      .workflow-modal .chat-details .prompt-section .prompt-section-header label,
      .workflow-modal .chat-details .prompt-section .function-section-header label,
      .workflow-modal .chat-details .prompt-section .chat-section-header label,
      .workflow-modal .chat-details .function-section .portal-section-header label,
      .workflow-modal .chat-details .function-section .workflow-section-header label,
      .workflow-modal .chat-details .function-section .prompt-section-header label,
      .workflow-modal .chat-details .function-section .function-section-header label,
      .workflow-modal .chat-details .function-section .chat-section-header label,
      .workflow-modal .chat-details .chat-section .portal-section-header label,
      .workflow-modal .chat-details .chat-section .workflow-section-header label,
      .workflow-modal .chat-details .chat-section .prompt-section-header label,
      .workflow-modal .chat-details .chat-section .function-section-header label,
      .workflow-modal .chat-details .chat-section .chat-section-header label,
      .function-modal .portal-details .portal-section .portal-section-header label,
      .function-modal .portal-details .portal-section .workflow-section-header label,
      .function-modal .portal-details .portal-section .prompt-section-header label,
      .function-modal .portal-details .portal-section .function-section-header label,
      .function-modal .portal-details .portal-section .chat-section-header label,
      .function-modal .portal-details .workflow-section .portal-section-header label,
      .function-modal .portal-details .workflow-section .workflow-section-header label,
      .function-modal .portal-details .workflow-section .prompt-section-header label,
      .function-modal .portal-details .workflow-section .function-section-header label,
      .function-modal .portal-details .workflow-section .chat-section-header label,
      .function-modal .portal-details .prompt-section .portal-section-header label,
      .function-modal .portal-details .prompt-section .workflow-section-header label,
      .function-modal .portal-details .prompt-section .prompt-section-header label,
      .function-modal .portal-details .prompt-section .function-section-header label,
      .function-modal .portal-details .prompt-section .chat-section-header label,
      .function-modal .portal-details .function-section .portal-section-header label,
      .function-modal .portal-details .function-section .workflow-section-header label,
      .function-modal .portal-details .function-section .prompt-section-header label,
      .function-modal .portal-details .function-section .function-section-header label,
      .function-modal .portal-details .function-section .chat-section-header label,
      .function-modal .portal-details .chat-section .portal-section-header label,
      .function-modal .portal-details .chat-section .workflow-section-header label,
      .function-modal .portal-details .chat-section .prompt-section-header label,
      .function-modal .portal-details .chat-section .function-section-header label,
      .function-modal .portal-details .chat-section .chat-section-header label,
      .function-modal .workflow-details .portal-section .portal-section-header label,
      .function-modal .workflow-details .portal-section .workflow-section-header label,
      .function-modal .workflow-details .portal-section .prompt-section-header label,
      .function-modal .workflow-details .portal-section .function-section-header label,
      .function-modal .workflow-details .portal-section .chat-section-header label,
      .function-modal .workflow-details .workflow-section .portal-section-header label,
      .function-modal .workflow-details .workflow-section .workflow-section-header label,
      .function-modal .workflow-details .workflow-section .prompt-section-header label,
      .function-modal .workflow-details .workflow-section .function-section-header label,
      .function-modal .workflow-details .workflow-section .chat-section-header label,
      .function-modal .workflow-details .prompt-section .portal-section-header label,
      .function-modal .workflow-details .prompt-section .workflow-section-header label,
      .function-modal .workflow-details .prompt-section .prompt-section-header label,
      .function-modal .workflow-details .prompt-section .function-section-header label,
      .function-modal .workflow-details .prompt-section .chat-section-header label,
      .function-modal .workflow-details .function-section .portal-section-header label,
      .function-modal .workflow-details .function-section .workflow-section-header label,
      .function-modal .workflow-details .function-section .prompt-section-header label,
      .function-modal .workflow-details .function-section .function-section-header label,
      .function-modal .workflow-details .function-section .chat-section-header label,
      .function-modal .workflow-details .chat-section .portal-section-header label,
      .function-modal .workflow-details .chat-section .workflow-section-header label,
      .function-modal .workflow-details .chat-section .prompt-section-header label,
      .function-modal .workflow-details .chat-section .function-section-header label,
      .function-modal .workflow-details .chat-section .chat-section-header label,
      .function-modal .function-details .portal-section .portal-section-header label,
      .function-modal .function-details .portal-section .workflow-section-header label,
      .function-modal .function-details .portal-section .prompt-section-header label,
      .function-modal .function-details .portal-section .function-section-header label,
      .function-modal .function-details .portal-section .chat-section-header label,
      .function-modal .function-details .workflow-section .portal-section-header label,
      .function-modal .function-details .workflow-section .workflow-section-header label,
      .function-modal .function-details .workflow-section .prompt-section-header label,
      .function-modal .function-details .workflow-section .function-section-header label,
      .function-modal .function-details .workflow-section .chat-section-header label,
      .function-modal .function-details .prompt-section .portal-section-header label,
      .function-modal .function-details .prompt-section .workflow-section-header label,
      .function-modal .function-details .prompt-section .prompt-section-header label,
      .function-modal .function-details .prompt-section .function-section-header label,
      .function-modal .function-details .prompt-section .chat-section-header label,
      .function-modal .function-details .function-section .portal-section-header label,
      .function-modal .function-details .function-section .workflow-section-header label,
      .function-modal .function-details .function-section .prompt-section-header label,
      .function-modal .function-details .function-section .function-section-header label,
      .function-modal .function-details .function-section .chat-section-header label,
      .function-modal .function-details .chat-section .portal-section-header label,
      .function-modal .function-details .chat-section .workflow-section-header label,
      .function-modal .function-details .chat-section .prompt-section-header label,
      .function-modal .function-details .chat-section .function-section-header label,
      .function-modal .function-details .chat-section .chat-section-header label,
      .function-modal .chat-details .portal-section .portal-section-header label,
      .function-modal .chat-details .portal-section .workflow-section-header label,
      .function-modal .chat-details .portal-section .prompt-section-header label,
      .function-modal .chat-details .portal-section .function-section-header label,
      .function-modal .chat-details .portal-section .chat-section-header label,
      .function-modal .chat-details .workflow-section .portal-section-header label,
      .function-modal .chat-details .workflow-section .workflow-section-header label,
      .function-modal .chat-details .workflow-section .prompt-section-header label,
      .function-modal .chat-details .workflow-section .function-section-header label,
      .function-modal .chat-details .workflow-section .chat-section-header label,
      .function-modal .chat-details .prompt-section .portal-section-header label,
      .function-modal .chat-details .prompt-section .workflow-section-header label,
      .function-modal .chat-details .prompt-section .prompt-section-header label,
      .function-modal .chat-details .prompt-section .function-section-header label,
      .function-modal .chat-details .prompt-section .chat-section-header label,
      .function-modal .chat-details .function-section .portal-section-header label,
      .function-modal .chat-details .function-section .workflow-section-header label,
      .function-modal .chat-details .function-section .prompt-section-header label,
      .function-modal .chat-details .function-section .function-section-header label,
      .function-modal .chat-details .function-section .chat-section-header label,
      .function-modal .chat-details .chat-section .portal-section-header label,
      .function-modal .chat-details .chat-section .workflow-section-header label,
      .function-modal .chat-details .chat-section .prompt-section-header label,
      .function-modal .chat-details .chat-section .function-section-header label,
      .function-modal .chat-details .chat-section .chat-section-header label,
      .portal-modal .portal-details .portal-section .portal-section-header label,
      .portal-modal .portal-details .portal-section .workflow-section-header label,
      .portal-modal .portal-details .portal-section .prompt-section-header label,
      .portal-modal .portal-details .portal-section .function-section-header label,
      .portal-modal .portal-details .portal-section .chat-section-header label,
      .portal-modal .portal-details .workflow-section .portal-section-header label,
      .portal-modal .portal-details .workflow-section .workflow-section-header label,
      .portal-modal .portal-details .workflow-section .prompt-section-header label,
      .portal-modal .portal-details .workflow-section .function-section-header label,
      .portal-modal .portal-details .workflow-section .chat-section-header label,
      .portal-modal .portal-details .prompt-section .portal-section-header label,
      .portal-modal .portal-details .prompt-section .workflow-section-header label,
      .portal-modal .portal-details .prompt-section .prompt-section-header label,
      .portal-modal .portal-details .prompt-section .function-section-header label,
      .portal-modal .portal-details .prompt-section .chat-section-header label,
      .portal-modal .portal-details .function-section .portal-section-header label,
      .portal-modal .portal-details .function-section .workflow-section-header label,
      .portal-modal .portal-details .function-section .prompt-section-header label,
      .portal-modal .portal-details .function-section .function-section-header label,
      .portal-modal .portal-details .function-section .chat-section-header label,
      .portal-modal .portal-details .chat-section .portal-section-header label,
      .portal-modal .portal-details .chat-section .workflow-section-header label,
      .portal-modal .portal-details .chat-section .prompt-section-header label,
      .portal-modal .portal-details .chat-section .function-section-header label,
      .portal-modal .portal-details .chat-section .chat-section-header label,
      .portal-modal .workflow-details .portal-section .portal-section-header label,
      .portal-modal .workflow-details .portal-section .workflow-section-header label,
      .portal-modal .workflow-details .portal-section .prompt-section-header label,
      .portal-modal .workflow-details .portal-section .function-section-header label,
      .portal-modal .workflow-details .portal-section .chat-section-header label,
      .portal-modal .workflow-details .workflow-section .portal-section-header label,
      .portal-modal .workflow-details .workflow-section .workflow-section-header label,
      .portal-modal .workflow-details .workflow-section .prompt-section-header label,
      .portal-modal .workflow-details .workflow-section .function-section-header label,
      .portal-modal .workflow-details .workflow-section .chat-section-header label,
      .portal-modal .workflow-details .prompt-section .portal-section-header label,
      .portal-modal .workflow-details .prompt-section .workflow-section-header label,
      .portal-modal .workflow-details .prompt-section .prompt-section-header label,
      .portal-modal .workflow-details .prompt-section .function-section-header label,
      .portal-modal .workflow-details .prompt-section .chat-section-header label,
      .portal-modal .workflow-details .function-section .portal-section-header label,
      .portal-modal .workflow-details .function-section .workflow-section-header label,
      .portal-modal .workflow-details .function-section .prompt-section-header label,
      .portal-modal .workflow-details .function-section .function-section-header label,
      .portal-modal .workflow-details .function-section .chat-section-header label,
      .portal-modal .workflow-details .chat-section .portal-section-header label,
      .portal-modal .workflow-details .chat-section .workflow-section-header label,
      .portal-modal .workflow-details .chat-section .prompt-section-header label,
      .portal-modal .workflow-details .chat-section .function-section-header label,
      .portal-modal .workflow-details .chat-section .chat-section-header label,
      .portal-modal .function-details .portal-section .portal-section-header label,
      .portal-modal .function-details .portal-section .workflow-section-header label,
      .portal-modal .function-details .portal-section .prompt-section-header label,
      .portal-modal .function-details .portal-section .function-section-header label,
      .portal-modal .function-details .portal-section .chat-section-header label,
      .portal-modal .function-details .workflow-section .portal-section-header label,
      .portal-modal .function-details .workflow-section .workflow-section-header label,
      .portal-modal .function-details .workflow-section .prompt-section-header label,
      .portal-modal .function-details .workflow-section .function-section-header label,
      .portal-modal .function-details .workflow-section .chat-section-header label,
      .portal-modal .function-details .prompt-section .portal-section-header label,
      .portal-modal .function-details .prompt-section .workflow-section-header label,
      .portal-modal .function-details .prompt-section .prompt-section-header label,
      .portal-modal .function-details .prompt-section .function-section-header label,
      .portal-modal .function-details .prompt-section .chat-section-header label,
      .portal-modal .function-details .function-section .portal-section-header label,
      .portal-modal .function-details .function-section .workflow-section-header label,
      .portal-modal .function-details .function-section .prompt-section-header label,
      .portal-modal .function-details .function-section .function-section-header label,
      .portal-modal .function-details .function-section .chat-section-header label,
      .portal-modal .function-details .chat-section .portal-section-header label,
      .portal-modal .function-details .chat-section .workflow-section-header label,
      .portal-modal .function-details .chat-section .prompt-section-header label,
      .portal-modal .function-details .chat-section .function-section-header label,
      .portal-modal .function-details .chat-section .chat-section-header label,
      .portal-modal .chat-details .portal-section .portal-section-header label,
      .portal-modal .chat-details .portal-section .workflow-section-header label,
      .portal-modal .chat-details .portal-section .prompt-section-header label,
      .portal-modal .chat-details .portal-section .function-section-header label,
      .portal-modal .chat-details .portal-section .chat-section-header label,
      .portal-modal .chat-details .workflow-section .portal-section-header label,
      .portal-modal .chat-details .workflow-section .workflow-section-header label,
      .portal-modal .chat-details .workflow-section .prompt-section-header label,
      .portal-modal .chat-details .workflow-section .function-section-header label,
      .portal-modal .chat-details .workflow-section .chat-section-header label,
      .portal-modal .chat-details .prompt-section .portal-section-header label,
      .portal-modal .chat-details .prompt-section .workflow-section-header label,
      .portal-modal .chat-details .prompt-section .prompt-section-header label,
      .portal-modal .chat-details .prompt-section .function-section-header label,
      .portal-modal .chat-details .prompt-section .chat-section-header label,
      .portal-modal .chat-details .function-section .portal-section-header label,
      .portal-modal .chat-details .function-section .workflow-section-header label,
      .portal-modal .chat-details .function-section .prompt-section-header label,
      .portal-modal .chat-details .function-section .function-section-header label,
      .portal-modal .chat-details .function-section .chat-section-header label,
      .portal-modal .chat-details .chat-section .portal-section-header label,
      .portal-modal .chat-details .chat-section .workflow-section-header label,
      .portal-modal .chat-details .chat-section .prompt-section-header label,
      .portal-modal .chat-details .chat-section .function-section-header label,
      .portal-modal .chat-details .chat-section .chat-section-header label,
      .chat-modal .portal-details .portal-section .portal-section-header label,
      .chat-modal .portal-details .portal-section .workflow-section-header label,
      .chat-modal .portal-details .portal-section .prompt-section-header label,
      .chat-modal .portal-details .portal-section .function-section-header label,
      .chat-modal .portal-details .portal-section .chat-section-header label,
      .chat-modal .portal-details .workflow-section .portal-section-header label,
      .chat-modal .portal-details .workflow-section .workflow-section-header label,
      .chat-modal .portal-details .workflow-section .prompt-section-header label,
      .chat-modal .portal-details .workflow-section .function-section-header label,
      .chat-modal .portal-details .workflow-section .chat-section-header label,
      .chat-modal .portal-details .prompt-section .portal-section-header label,
      .chat-modal .portal-details .prompt-section .workflow-section-header label,
      .chat-modal .portal-details .prompt-section .prompt-section-header label,
      .chat-modal .portal-details .prompt-section .function-section-header label,
      .chat-modal .portal-details .prompt-section .chat-section-header label,
      .chat-modal .portal-details .function-section .portal-section-header label,
      .chat-modal .portal-details .function-section .workflow-section-header label,
      .chat-modal .portal-details .function-section .prompt-section-header label,
      .chat-modal .portal-details .function-section .function-section-header label,
      .chat-modal .portal-details .function-section .chat-section-header label,
      .chat-modal .portal-details .chat-section .portal-section-header label,
      .chat-modal .portal-details .chat-section .workflow-section-header label,
      .chat-modal .portal-details .chat-section .prompt-section-header label,
      .chat-modal .portal-details .chat-section .function-section-header label,
      .chat-modal .portal-details .chat-section .chat-section-header label,
      .chat-modal .workflow-details .portal-section .portal-section-header label,
      .chat-modal .workflow-details .portal-section .workflow-section-header label,
      .chat-modal .workflow-details .portal-section .prompt-section-header label,
      .chat-modal .workflow-details .portal-section .function-section-header label,
      .chat-modal .workflow-details .portal-section .chat-section-header label,
      .chat-modal .workflow-details .workflow-section .portal-section-header label,
      .chat-modal .workflow-details .workflow-section .workflow-section-header label,
      .chat-modal .workflow-details .workflow-section .prompt-section-header label,
      .chat-modal .workflow-details .workflow-section .function-section-header label,
      .chat-modal .workflow-details .workflow-section .chat-section-header label,
      .chat-modal .workflow-details .prompt-section .portal-section-header label,
      .chat-modal .workflow-details .prompt-section .workflow-section-header label,
      .chat-modal .workflow-details .prompt-section .prompt-section-header label,
      .chat-modal .workflow-details .prompt-section .function-section-header label,
      .chat-modal .workflow-details .prompt-section .chat-section-header label,
      .chat-modal .workflow-details .function-section .portal-section-header label,
      .chat-modal .workflow-details .function-section .workflow-section-header label,
      .chat-modal .workflow-details .function-section .prompt-section-header label,
      .chat-modal .workflow-details .function-section .function-section-header label,
      .chat-modal .workflow-details .function-section .chat-section-header label,
      .chat-modal .workflow-details .chat-section .portal-section-header label,
      .chat-modal .workflow-details .chat-section .workflow-section-header label,
      .chat-modal .workflow-details .chat-section .prompt-section-header label,
      .chat-modal .workflow-details .chat-section .function-section-header label,
      .chat-modal .workflow-details .chat-section .chat-section-header label,
      .chat-modal .function-details .portal-section .portal-section-header label,
      .chat-modal .function-details .portal-section .workflow-section-header label,
      .chat-modal .function-details .portal-section .prompt-section-header label,
      .chat-modal .function-details .portal-section .function-section-header label,
      .chat-modal .function-details .portal-section .chat-section-header label,
      .chat-modal .function-details .workflow-section .portal-section-header label,
      .chat-modal .function-details .workflow-section .workflow-section-header label,
      .chat-modal .function-details .workflow-section .prompt-section-header label,
      .chat-modal .function-details .workflow-section .function-section-header label,
      .chat-modal .function-details .workflow-section .chat-section-header label,
      .chat-modal .function-details .prompt-section .portal-section-header label,
      .chat-modal .function-details .prompt-section .workflow-section-header label,
      .chat-modal .function-details .prompt-section .prompt-section-header label,
      .chat-modal .function-details .prompt-section .function-section-header label,
      .chat-modal .function-details .prompt-section .chat-section-header label,
      .chat-modal .function-details .function-section .portal-section-header label,
      .chat-modal .function-details .function-section .workflow-section-header label,
      .chat-modal .function-details .function-section .prompt-section-header label,
      .chat-modal .function-details .function-section .function-section-header label,
      .chat-modal .function-details .function-section .chat-section-header label,
      .chat-modal .function-details .chat-section .portal-section-header label,
      .chat-modal .function-details .chat-section .workflow-section-header label,
      .chat-modal .function-details .chat-section .prompt-section-header label,
      .chat-modal .function-details .chat-section .function-section-header label,
      .chat-modal .function-details .chat-section .chat-section-header label,
      .chat-modal .chat-details .portal-section .portal-section-header label,
      .chat-modal .chat-details .portal-section .workflow-section-header label,
      .chat-modal .chat-details .portal-section .prompt-section-header label,
      .chat-modal .chat-details .portal-section .function-section-header label,
      .chat-modal .chat-details .portal-section .chat-section-header label,
      .chat-modal .chat-details .workflow-section .portal-section-header label,
      .chat-modal .chat-details .workflow-section .workflow-section-header label,
      .chat-modal .chat-details .workflow-section .prompt-section-header label,
      .chat-modal .chat-details .workflow-section .function-section-header label,
      .chat-modal .chat-details .workflow-section .chat-section-header label,
      .chat-modal .chat-details .prompt-section .portal-section-header label,
      .chat-modal .chat-details .prompt-section .workflow-section-header label,
      .chat-modal .chat-details .prompt-section .prompt-section-header label,
      .chat-modal .chat-details .prompt-section .function-section-header label,
      .chat-modal .chat-details .prompt-section .chat-section-header label,
      .chat-modal .chat-details .function-section .portal-section-header label,
      .chat-modal .chat-details .function-section .workflow-section-header label,
      .chat-modal .chat-details .function-section .prompt-section-header label,
      .chat-modal .chat-details .function-section .function-section-header label,
      .chat-modal .chat-details .function-section .chat-section-header label,
      .chat-modal .chat-details .chat-section .portal-section-header label,
      .chat-modal .chat-details .chat-section .workflow-section-header label,
      .chat-modal .chat-details .chat-section .prompt-section-header label,
      .chat-modal .chat-details .chat-section .function-section-header label,
      .chat-modal .chat-details .chat-section .chat-section-header label {
        margin: 6px 0 0;
        font-weight: 600;
        padding: 0 0 0 8px;
        color: #86909A; }
        .workflow-modal .portal-details .portal-section .portal-section-header label.outcomes,
        .workflow-modal .portal-details .portal-section .workflow-section-header label.outcomes,
        .workflow-modal .portal-details .portal-section .prompt-section-header label.outcomes,
        .workflow-modal .portal-details .portal-section .function-section-header label.outcomes,
        .workflow-modal .portal-details .portal-section .chat-section-header label.outcomes,
        .workflow-modal .portal-details .workflow-section .portal-section-header label.outcomes,
        .workflow-modal .portal-details .workflow-section .workflow-section-header label.outcomes,
        .workflow-modal .portal-details .workflow-section .prompt-section-header label.outcomes,
        .workflow-modal .portal-details .workflow-section .function-section-header label.outcomes,
        .workflow-modal .portal-details .workflow-section .chat-section-header label.outcomes,
        .workflow-modal .portal-details .prompt-section .portal-section-header label.outcomes,
        .workflow-modal .portal-details .prompt-section .workflow-section-header label.outcomes,
        .workflow-modal .portal-details .prompt-section .prompt-section-header label.outcomes,
        .workflow-modal .portal-details .prompt-section .function-section-header label.outcomes,
        .workflow-modal .portal-details .prompt-section .chat-section-header label.outcomes,
        .workflow-modal .portal-details .function-section .portal-section-header label.outcomes,
        .workflow-modal .portal-details .function-section .workflow-section-header label.outcomes,
        .workflow-modal .portal-details .function-section .prompt-section-header label.outcomes,
        .workflow-modal .portal-details .function-section .function-section-header label.outcomes,
        .workflow-modal .portal-details .function-section .chat-section-header label.outcomes,
        .workflow-modal .portal-details .chat-section .portal-section-header label.outcomes,
        .workflow-modal .portal-details .chat-section .workflow-section-header label.outcomes,
        .workflow-modal .portal-details .chat-section .prompt-section-header label.outcomes,
        .workflow-modal .portal-details .chat-section .function-section-header label.outcomes,
        .workflow-modal .portal-details .chat-section .chat-section-header label.outcomes,
        .workflow-modal .workflow-details .portal-section .portal-section-header label.outcomes,
        .workflow-modal .workflow-details .portal-section .workflow-section-header label.outcomes,
        .workflow-modal .workflow-details .portal-section .prompt-section-header label.outcomes,
        .workflow-modal .workflow-details .portal-section .function-section-header label.outcomes,
        .workflow-modal .workflow-details .portal-section .chat-section-header label.outcomes,
        .workflow-modal .workflow-details .workflow-section .portal-section-header label.outcomes,
        .workflow-modal .workflow-details .workflow-section .workflow-section-header label.outcomes,
        .workflow-modal .workflow-details .workflow-section .prompt-section-header label.outcomes,
        .workflow-modal .workflow-details .workflow-section .function-section-header label.outcomes,
        .workflow-modal .workflow-details .workflow-section .chat-section-header label.outcomes,
        .workflow-modal .workflow-details .prompt-section .portal-section-header label.outcomes,
        .workflow-modal .workflow-details .prompt-section .workflow-section-header label.outcomes,
        .workflow-modal .workflow-details .prompt-section .prompt-section-header label.outcomes,
        .workflow-modal .workflow-details .prompt-section .function-section-header label.outcomes,
        .workflow-modal .workflow-details .prompt-section .chat-section-header label.outcomes,
        .workflow-modal .workflow-details .function-section .portal-section-header label.outcomes,
        .workflow-modal .workflow-details .function-section .workflow-section-header label.outcomes,
        .workflow-modal .workflow-details .function-section .prompt-section-header label.outcomes,
        .workflow-modal .workflow-details .function-section .function-section-header label.outcomes,
        .workflow-modal .workflow-details .function-section .chat-section-header label.outcomes,
        .workflow-modal .workflow-details .chat-section .portal-section-header label.outcomes,
        .workflow-modal .workflow-details .chat-section .workflow-section-header label.outcomes,
        .workflow-modal .workflow-details .chat-section .prompt-section-header label.outcomes,
        .workflow-modal .workflow-details .chat-section .function-section-header label.outcomes,
        .workflow-modal .workflow-details .chat-section .chat-section-header label.outcomes,
        .workflow-modal .function-details .portal-section .portal-section-header label.outcomes,
        .workflow-modal .function-details .portal-section .workflow-section-header label.outcomes,
        .workflow-modal .function-details .portal-section .prompt-section-header label.outcomes,
        .workflow-modal .function-details .portal-section .function-section-header label.outcomes,
        .workflow-modal .function-details .portal-section .chat-section-header label.outcomes,
        .workflow-modal .function-details .workflow-section .portal-section-header label.outcomes,
        .workflow-modal .function-details .workflow-section .workflow-section-header label.outcomes,
        .workflow-modal .function-details .workflow-section .prompt-section-header label.outcomes,
        .workflow-modal .function-details .workflow-section .function-section-header label.outcomes,
        .workflow-modal .function-details .workflow-section .chat-section-header label.outcomes,
        .workflow-modal .function-details .prompt-section .portal-section-header label.outcomes,
        .workflow-modal .function-details .prompt-section .workflow-section-header label.outcomes,
        .workflow-modal .function-details .prompt-section .prompt-section-header label.outcomes,
        .workflow-modal .function-details .prompt-section .function-section-header label.outcomes,
        .workflow-modal .function-details .prompt-section .chat-section-header label.outcomes,
        .workflow-modal .function-details .function-section .portal-section-header label.outcomes,
        .workflow-modal .function-details .function-section .workflow-section-header label.outcomes,
        .workflow-modal .function-details .function-section .prompt-section-header label.outcomes,
        .workflow-modal .function-details .function-section .function-section-header label.outcomes,
        .workflow-modal .function-details .function-section .chat-section-header label.outcomes,
        .workflow-modal .function-details .chat-section .portal-section-header label.outcomes,
        .workflow-modal .function-details .chat-section .workflow-section-header label.outcomes,
        .workflow-modal .function-details .chat-section .prompt-section-header label.outcomes,
        .workflow-modal .function-details .chat-section .function-section-header label.outcomes,
        .workflow-modal .function-details .chat-section .chat-section-header label.outcomes,
        .workflow-modal .chat-details .portal-section .portal-section-header label.outcomes,
        .workflow-modal .chat-details .portal-section .workflow-section-header label.outcomes,
        .workflow-modal .chat-details .portal-section .prompt-section-header label.outcomes,
        .workflow-modal .chat-details .portal-section .function-section-header label.outcomes,
        .workflow-modal .chat-details .portal-section .chat-section-header label.outcomes,
        .workflow-modal .chat-details .workflow-section .portal-section-header label.outcomes,
        .workflow-modal .chat-details .workflow-section .workflow-section-header label.outcomes,
        .workflow-modal .chat-details .workflow-section .prompt-section-header label.outcomes,
        .workflow-modal .chat-details .workflow-section .function-section-header label.outcomes,
        .workflow-modal .chat-details .workflow-section .chat-section-header label.outcomes,
        .workflow-modal .chat-details .prompt-section .portal-section-header label.outcomes,
        .workflow-modal .chat-details .prompt-section .workflow-section-header label.outcomes,
        .workflow-modal .chat-details .prompt-section .prompt-section-header label.outcomes,
        .workflow-modal .chat-details .prompt-section .function-section-header label.outcomes,
        .workflow-modal .chat-details .prompt-section .chat-section-header label.outcomes,
        .workflow-modal .chat-details .function-section .portal-section-header label.outcomes,
        .workflow-modal .chat-details .function-section .workflow-section-header label.outcomes,
        .workflow-modal .chat-details .function-section .prompt-section-header label.outcomes,
        .workflow-modal .chat-details .function-section .function-section-header label.outcomes,
        .workflow-modal .chat-details .function-section .chat-section-header label.outcomes,
        .workflow-modal .chat-details .chat-section .portal-section-header label.outcomes,
        .workflow-modal .chat-details .chat-section .workflow-section-header label.outcomes,
        .workflow-modal .chat-details .chat-section .prompt-section-header label.outcomes,
        .workflow-modal .chat-details .chat-section .function-section-header label.outcomes,
        .workflow-modal .chat-details .chat-section .chat-section-header label.outcomes,
        .function-modal .portal-details .portal-section .portal-section-header label.outcomes,
        .function-modal .portal-details .portal-section .workflow-section-header label.outcomes,
        .function-modal .portal-details .portal-section .prompt-section-header label.outcomes,
        .function-modal .portal-details .portal-section .function-section-header label.outcomes,
        .function-modal .portal-details .portal-section .chat-section-header label.outcomes,
        .function-modal .portal-details .workflow-section .portal-section-header label.outcomes,
        .function-modal .portal-details .workflow-section .workflow-section-header label.outcomes,
        .function-modal .portal-details .workflow-section .prompt-section-header label.outcomes,
        .function-modal .portal-details .workflow-section .function-section-header label.outcomes,
        .function-modal .portal-details .workflow-section .chat-section-header label.outcomes,
        .function-modal .portal-details .prompt-section .portal-section-header label.outcomes,
        .function-modal .portal-details .prompt-section .workflow-section-header label.outcomes,
        .function-modal .portal-details .prompt-section .prompt-section-header label.outcomes,
        .function-modal .portal-details .prompt-section .function-section-header label.outcomes,
        .function-modal .portal-details .prompt-section .chat-section-header label.outcomes,
        .function-modal .portal-details .function-section .portal-section-header label.outcomes,
        .function-modal .portal-details .function-section .workflow-section-header label.outcomes,
        .function-modal .portal-details .function-section .prompt-section-header label.outcomes,
        .function-modal .portal-details .function-section .function-section-header label.outcomes,
        .function-modal .portal-details .function-section .chat-section-header label.outcomes,
        .function-modal .portal-details .chat-section .portal-section-header label.outcomes,
        .function-modal .portal-details .chat-section .workflow-section-header label.outcomes,
        .function-modal .portal-details .chat-section .prompt-section-header label.outcomes,
        .function-modal .portal-details .chat-section .function-section-header label.outcomes,
        .function-modal .portal-details .chat-section .chat-section-header label.outcomes,
        .function-modal .workflow-details .portal-section .portal-section-header label.outcomes,
        .function-modal .workflow-details .portal-section .workflow-section-header label.outcomes,
        .function-modal .workflow-details .portal-section .prompt-section-header label.outcomes,
        .function-modal .workflow-details .portal-section .function-section-header label.outcomes,
        .function-modal .workflow-details .portal-section .chat-section-header label.outcomes,
        .function-modal .workflow-details .workflow-section .portal-section-header label.outcomes,
        .function-modal .workflow-details .workflow-section .workflow-section-header label.outcomes,
        .function-modal .workflow-details .workflow-section .prompt-section-header label.outcomes,
        .function-modal .workflow-details .workflow-section .function-section-header label.outcomes,
        .function-modal .workflow-details .workflow-section .chat-section-header label.outcomes,
        .function-modal .workflow-details .prompt-section .portal-section-header label.outcomes,
        .function-modal .workflow-details .prompt-section .workflow-section-header label.outcomes,
        .function-modal .workflow-details .prompt-section .prompt-section-header label.outcomes,
        .function-modal .workflow-details .prompt-section .function-section-header label.outcomes,
        .function-modal .workflow-details .prompt-section .chat-section-header label.outcomes,
        .function-modal .workflow-details .function-section .portal-section-header label.outcomes,
        .function-modal .workflow-details .function-section .workflow-section-header label.outcomes,
        .function-modal .workflow-details .function-section .prompt-section-header label.outcomes,
        .function-modal .workflow-details .function-section .function-section-header label.outcomes,
        .function-modal .workflow-details .function-section .chat-section-header label.outcomes,
        .function-modal .workflow-details .chat-section .portal-section-header label.outcomes,
        .function-modal .workflow-details .chat-section .workflow-section-header label.outcomes,
        .function-modal .workflow-details .chat-section .prompt-section-header label.outcomes,
        .function-modal .workflow-details .chat-section .function-section-header label.outcomes,
        .function-modal .workflow-details .chat-section .chat-section-header label.outcomes,
        .function-modal .function-details .portal-section .portal-section-header label.outcomes,
        .function-modal .function-details .portal-section .workflow-section-header label.outcomes,
        .function-modal .function-details .portal-section .prompt-section-header label.outcomes,
        .function-modal .function-details .portal-section .function-section-header label.outcomes,
        .function-modal .function-details .portal-section .chat-section-header label.outcomes,
        .function-modal .function-details .workflow-section .portal-section-header label.outcomes,
        .function-modal .function-details .workflow-section .workflow-section-header label.outcomes,
        .function-modal .function-details .workflow-section .prompt-section-header label.outcomes,
        .function-modal .function-details .workflow-section .function-section-header label.outcomes,
        .function-modal .function-details .workflow-section .chat-section-header label.outcomes,
        .function-modal .function-details .prompt-section .portal-section-header label.outcomes,
        .function-modal .function-details .prompt-section .workflow-section-header label.outcomes,
        .function-modal .function-details .prompt-section .prompt-section-header label.outcomes,
        .function-modal .function-details .prompt-section .function-section-header label.outcomes,
        .function-modal .function-details .prompt-section .chat-section-header label.outcomes,
        .function-modal .function-details .function-section .portal-section-header label.outcomes,
        .function-modal .function-details .function-section .workflow-section-header label.outcomes,
        .function-modal .function-details .function-section .prompt-section-header label.outcomes,
        .function-modal .function-details .function-section .function-section-header label.outcomes,
        .function-modal .function-details .function-section .chat-section-header label.outcomes,
        .function-modal .function-details .chat-section .portal-section-header label.outcomes,
        .function-modal .function-details .chat-section .workflow-section-header label.outcomes,
        .function-modal .function-details .chat-section .prompt-section-header label.outcomes,
        .function-modal .function-details .chat-section .function-section-header label.outcomes,
        .function-modal .function-details .chat-section .chat-section-header label.outcomes,
        .function-modal .chat-details .portal-section .portal-section-header label.outcomes,
        .function-modal .chat-details .portal-section .workflow-section-header label.outcomes,
        .function-modal .chat-details .portal-section .prompt-section-header label.outcomes,
        .function-modal .chat-details .portal-section .function-section-header label.outcomes,
        .function-modal .chat-details .portal-section .chat-section-header label.outcomes,
        .function-modal .chat-details .workflow-section .portal-section-header label.outcomes,
        .function-modal .chat-details .workflow-section .workflow-section-header label.outcomes,
        .function-modal .chat-details .workflow-section .prompt-section-header label.outcomes,
        .function-modal .chat-details .workflow-section .function-section-header label.outcomes,
        .function-modal .chat-details .workflow-section .chat-section-header label.outcomes,
        .function-modal .chat-details .prompt-section .portal-section-header label.outcomes,
        .function-modal .chat-details .prompt-section .workflow-section-header label.outcomes,
        .function-modal .chat-details .prompt-section .prompt-section-header label.outcomes,
        .function-modal .chat-details .prompt-section .function-section-header label.outcomes,
        .function-modal .chat-details .prompt-section .chat-section-header label.outcomes,
        .function-modal .chat-details .function-section .portal-section-header label.outcomes,
        .function-modal .chat-details .function-section .workflow-section-header label.outcomes,
        .function-modal .chat-details .function-section .prompt-section-header label.outcomes,
        .function-modal .chat-details .function-section .function-section-header label.outcomes,
        .function-modal .chat-details .function-section .chat-section-header label.outcomes,
        .function-modal .chat-details .chat-section .portal-section-header label.outcomes,
        .function-modal .chat-details .chat-section .workflow-section-header label.outcomes,
        .function-modal .chat-details .chat-section .prompt-section-header label.outcomes,
        .function-modal .chat-details .chat-section .function-section-header label.outcomes,
        .function-modal .chat-details .chat-section .chat-section-header label.outcomes,
        .portal-modal .portal-details .portal-section .portal-section-header label.outcomes,
        .portal-modal .portal-details .portal-section .workflow-section-header label.outcomes,
        .portal-modal .portal-details .portal-section .prompt-section-header label.outcomes,
        .portal-modal .portal-details .portal-section .function-section-header label.outcomes,
        .portal-modal .portal-details .portal-section .chat-section-header label.outcomes,
        .portal-modal .portal-details .workflow-section .portal-section-header label.outcomes,
        .portal-modal .portal-details .workflow-section .workflow-section-header label.outcomes,
        .portal-modal .portal-details .workflow-section .prompt-section-header label.outcomes,
        .portal-modal .portal-details .workflow-section .function-section-header label.outcomes,
        .portal-modal .portal-details .workflow-section .chat-section-header label.outcomes,
        .portal-modal .portal-details .prompt-section .portal-section-header label.outcomes,
        .portal-modal .portal-details .prompt-section .workflow-section-header label.outcomes,
        .portal-modal .portal-details .prompt-section .prompt-section-header label.outcomes,
        .portal-modal .portal-details .prompt-section .function-section-header label.outcomes,
        .portal-modal .portal-details .prompt-section .chat-section-header label.outcomes,
        .portal-modal .portal-details .function-section .portal-section-header label.outcomes,
        .portal-modal .portal-details .function-section .workflow-section-header label.outcomes,
        .portal-modal .portal-details .function-section .prompt-section-header label.outcomes,
        .portal-modal .portal-details .function-section .function-section-header label.outcomes,
        .portal-modal .portal-details .function-section .chat-section-header label.outcomes,
        .portal-modal .portal-details .chat-section .portal-section-header label.outcomes,
        .portal-modal .portal-details .chat-section .workflow-section-header label.outcomes,
        .portal-modal .portal-details .chat-section .prompt-section-header label.outcomes,
        .portal-modal .portal-details .chat-section .function-section-header label.outcomes,
        .portal-modal .portal-details .chat-section .chat-section-header label.outcomes,
        .portal-modal .workflow-details .portal-section .portal-section-header label.outcomes,
        .portal-modal .workflow-details .portal-section .workflow-section-header label.outcomes,
        .portal-modal .workflow-details .portal-section .prompt-section-header label.outcomes,
        .portal-modal .workflow-details .portal-section .function-section-header label.outcomes,
        .portal-modal .workflow-details .portal-section .chat-section-header label.outcomes,
        .portal-modal .workflow-details .workflow-section .portal-section-header label.outcomes,
        .portal-modal .workflow-details .workflow-section .workflow-section-header label.outcomes,
        .portal-modal .workflow-details .workflow-section .prompt-section-header label.outcomes,
        .portal-modal .workflow-details .workflow-section .function-section-header label.outcomes,
        .portal-modal .workflow-details .workflow-section .chat-section-header label.outcomes,
        .portal-modal .workflow-details .prompt-section .portal-section-header label.outcomes,
        .portal-modal .workflow-details .prompt-section .workflow-section-header label.outcomes,
        .portal-modal .workflow-details .prompt-section .prompt-section-header label.outcomes,
        .portal-modal .workflow-details .prompt-section .function-section-header label.outcomes,
        .portal-modal .workflow-details .prompt-section .chat-section-header label.outcomes,
        .portal-modal .workflow-details .function-section .portal-section-header label.outcomes,
        .portal-modal .workflow-details .function-section .workflow-section-header label.outcomes,
        .portal-modal .workflow-details .function-section .prompt-section-header label.outcomes,
        .portal-modal .workflow-details .function-section .function-section-header label.outcomes,
        .portal-modal .workflow-details .function-section .chat-section-header label.outcomes,
        .portal-modal .workflow-details .chat-section .portal-section-header label.outcomes,
        .portal-modal .workflow-details .chat-section .workflow-section-header label.outcomes,
        .portal-modal .workflow-details .chat-section .prompt-section-header label.outcomes,
        .portal-modal .workflow-details .chat-section .function-section-header label.outcomes,
        .portal-modal .workflow-details .chat-section .chat-section-header label.outcomes,
        .portal-modal .function-details .portal-section .portal-section-header label.outcomes,
        .portal-modal .function-details .portal-section .workflow-section-header label.outcomes,
        .portal-modal .function-details .portal-section .prompt-section-header label.outcomes,
        .portal-modal .function-details .portal-section .function-section-header label.outcomes,
        .portal-modal .function-details .portal-section .chat-section-header label.outcomes,
        .portal-modal .function-details .workflow-section .portal-section-header label.outcomes,
        .portal-modal .function-details .workflow-section .workflow-section-header label.outcomes,
        .portal-modal .function-details .workflow-section .prompt-section-header label.outcomes,
        .portal-modal .function-details .workflow-section .function-section-header label.outcomes,
        .portal-modal .function-details .workflow-section .chat-section-header label.outcomes,
        .portal-modal .function-details .prompt-section .portal-section-header label.outcomes,
        .portal-modal .function-details .prompt-section .workflow-section-header label.outcomes,
        .portal-modal .function-details .prompt-section .prompt-section-header label.outcomes,
        .portal-modal .function-details .prompt-section .function-section-header label.outcomes,
        .portal-modal .function-details .prompt-section .chat-section-header label.outcomes,
        .portal-modal .function-details .function-section .portal-section-header label.outcomes,
        .portal-modal .function-details .function-section .workflow-section-header label.outcomes,
        .portal-modal .function-details .function-section .prompt-section-header label.outcomes,
        .portal-modal .function-details .function-section .function-section-header label.outcomes,
        .portal-modal .function-details .function-section .chat-section-header label.outcomes,
        .portal-modal .function-details .chat-section .portal-section-header label.outcomes,
        .portal-modal .function-details .chat-section .workflow-section-header label.outcomes,
        .portal-modal .function-details .chat-section .prompt-section-header label.outcomes,
        .portal-modal .function-details .chat-section .function-section-header label.outcomes,
        .portal-modal .function-details .chat-section .chat-section-header label.outcomes,
        .portal-modal .chat-details .portal-section .portal-section-header label.outcomes,
        .portal-modal .chat-details .portal-section .workflow-section-header label.outcomes,
        .portal-modal .chat-details .portal-section .prompt-section-header label.outcomes,
        .portal-modal .chat-details .portal-section .function-section-header label.outcomes,
        .portal-modal .chat-details .portal-section .chat-section-header label.outcomes,
        .portal-modal .chat-details .workflow-section .portal-section-header label.outcomes,
        .portal-modal .chat-details .workflow-section .workflow-section-header label.outcomes,
        .portal-modal .chat-details .workflow-section .prompt-section-header label.outcomes,
        .portal-modal .chat-details .workflow-section .function-section-header label.outcomes,
        .portal-modal .chat-details .workflow-section .chat-section-header label.outcomes,
        .portal-modal .chat-details .prompt-section .portal-section-header label.outcomes,
        .portal-modal .chat-details .prompt-section .workflow-section-header label.outcomes,
        .portal-modal .chat-details .prompt-section .prompt-section-header label.outcomes,
        .portal-modal .chat-details .prompt-section .function-section-header label.outcomes,
        .portal-modal .chat-details .prompt-section .chat-section-header label.outcomes,
        .portal-modal .chat-details .function-section .portal-section-header label.outcomes,
        .portal-modal .chat-details .function-section .workflow-section-header label.outcomes,
        .portal-modal .chat-details .function-section .prompt-section-header label.outcomes,
        .portal-modal .chat-details .function-section .function-section-header label.outcomes,
        .portal-modal .chat-details .function-section .chat-section-header label.outcomes,
        .portal-modal .chat-details .chat-section .portal-section-header label.outcomes,
        .portal-modal .chat-details .chat-section .workflow-section-header label.outcomes,
        .portal-modal .chat-details .chat-section .prompt-section-header label.outcomes,
        .portal-modal .chat-details .chat-section .function-section-header label.outcomes,
        .portal-modal .chat-details .chat-section .chat-section-header label.outcomes,
        .chat-modal .portal-details .portal-section .portal-section-header label.outcomes,
        .chat-modal .portal-details .portal-section .workflow-section-header label.outcomes,
        .chat-modal .portal-details .portal-section .prompt-section-header label.outcomes,
        .chat-modal .portal-details .portal-section .function-section-header label.outcomes,
        .chat-modal .portal-details .portal-section .chat-section-header label.outcomes,
        .chat-modal .portal-details .workflow-section .portal-section-header label.outcomes,
        .chat-modal .portal-details .workflow-section .workflow-section-header label.outcomes,
        .chat-modal .portal-details .workflow-section .prompt-section-header label.outcomes,
        .chat-modal .portal-details .workflow-section .function-section-header label.outcomes,
        .chat-modal .portal-details .workflow-section .chat-section-header label.outcomes,
        .chat-modal .portal-details .prompt-section .portal-section-header label.outcomes,
        .chat-modal .portal-details .prompt-section .workflow-section-header label.outcomes,
        .chat-modal .portal-details .prompt-section .prompt-section-header label.outcomes,
        .chat-modal .portal-details .prompt-section .function-section-header label.outcomes,
        .chat-modal .portal-details .prompt-section .chat-section-header label.outcomes,
        .chat-modal .portal-details .function-section .portal-section-header label.outcomes,
        .chat-modal .portal-details .function-section .workflow-section-header label.outcomes,
        .chat-modal .portal-details .function-section .prompt-section-header label.outcomes,
        .chat-modal .portal-details .function-section .function-section-header label.outcomes,
        .chat-modal .portal-details .function-section .chat-section-header label.outcomes,
        .chat-modal .portal-details .chat-section .portal-section-header label.outcomes,
        .chat-modal .portal-details .chat-section .workflow-section-header label.outcomes,
        .chat-modal .portal-details .chat-section .prompt-section-header label.outcomes,
        .chat-modal .portal-details .chat-section .function-section-header label.outcomes,
        .chat-modal .portal-details .chat-section .chat-section-header label.outcomes,
        .chat-modal .workflow-details .portal-section .portal-section-header label.outcomes,
        .chat-modal .workflow-details .portal-section .workflow-section-header label.outcomes,
        .chat-modal .workflow-details .portal-section .prompt-section-header label.outcomes,
        .chat-modal .workflow-details .portal-section .function-section-header label.outcomes,
        .chat-modal .workflow-details .portal-section .chat-section-header label.outcomes,
        .chat-modal .workflow-details .workflow-section .portal-section-header label.outcomes,
        .chat-modal .workflow-details .workflow-section .workflow-section-header label.outcomes,
        .chat-modal .workflow-details .workflow-section .prompt-section-header label.outcomes,
        .chat-modal .workflow-details .workflow-section .function-section-header label.outcomes,
        .chat-modal .workflow-details .workflow-section .chat-section-header label.outcomes,
        .chat-modal .workflow-details .prompt-section .portal-section-header label.outcomes,
        .chat-modal .workflow-details .prompt-section .workflow-section-header label.outcomes,
        .chat-modal .workflow-details .prompt-section .prompt-section-header label.outcomes,
        .chat-modal .workflow-details .prompt-section .function-section-header label.outcomes,
        .chat-modal .workflow-details .prompt-section .chat-section-header label.outcomes,
        .chat-modal .workflow-details .function-section .portal-section-header label.outcomes,
        .chat-modal .workflow-details .function-section .workflow-section-header label.outcomes,
        .chat-modal .workflow-details .function-section .prompt-section-header label.outcomes,
        .chat-modal .workflow-details .function-section .function-section-header label.outcomes,
        .chat-modal .workflow-details .function-section .chat-section-header label.outcomes,
        .chat-modal .workflow-details .chat-section .portal-section-header label.outcomes,
        .chat-modal .workflow-details .chat-section .workflow-section-header label.outcomes,
        .chat-modal .workflow-details .chat-section .prompt-section-header label.outcomes,
        .chat-modal .workflow-details .chat-section .function-section-header label.outcomes,
        .chat-modal .workflow-details .chat-section .chat-section-header label.outcomes,
        .chat-modal .function-details .portal-section .portal-section-header label.outcomes,
        .chat-modal .function-details .portal-section .workflow-section-header label.outcomes,
        .chat-modal .function-details .portal-section .prompt-section-header label.outcomes,
        .chat-modal .function-details .portal-section .function-section-header label.outcomes,
        .chat-modal .function-details .portal-section .chat-section-header label.outcomes,
        .chat-modal .function-details .workflow-section .portal-section-header label.outcomes,
        .chat-modal .function-details .workflow-section .workflow-section-header label.outcomes,
        .chat-modal .function-details .workflow-section .prompt-section-header label.outcomes,
        .chat-modal .function-details .workflow-section .function-section-header label.outcomes,
        .chat-modal .function-details .workflow-section .chat-section-header label.outcomes,
        .chat-modal .function-details .prompt-section .portal-section-header label.outcomes,
        .chat-modal .function-details .prompt-section .workflow-section-header label.outcomes,
        .chat-modal .function-details .prompt-section .prompt-section-header label.outcomes,
        .chat-modal .function-details .prompt-section .function-section-header label.outcomes,
        .chat-modal .function-details .prompt-section .chat-section-header label.outcomes,
        .chat-modal .function-details .function-section .portal-section-header label.outcomes,
        .chat-modal .function-details .function-section .workflow-section-header label.outcomes,
        .chat-modal .function-details .function-section .prompt-section-header label.outcomes,
        .chat-modal .function-details .function-section .function-section-header label.outcomes,
        .chat-modal .function-details .function-section .chat-section-header label.outcomes,
        .chat-modal .function-details .chat-section .portal-section-header label.outcomes,
        .chat-modal .function-details .chat-section .workflow-section-header label.outcomes,
        .chat-modal .function-details .chat-section .prompt-section-header label.outcomes,
        .chat-modal .function-details .chat-section .function-section-header label.outcomes,
        .chat-modal .function-details .chat-section .chat-section-header label.outcomes,
        .chat-modal .chat-details .portal-section .portal-section-header label.outcomes,
        .chat-modal .chat-details .portal-section .workflow-section-header label.outcomes,
        .chat-modal .chat-details .portal-section .prompt-section-header label.outcomes,
        .chat-modal .chat-details .portal-section .function-section-header label.outcomes,
        .chat-modal .chat-details .portal-section .chat-section-header label.outcomes,
        .chat-modal .chat-details .workflow-section .portal-section-header label.outcomes,
        .chat-modal .chat-details .workflow-section .workflow-section-header label.outcomes,
        .chat-modal .chat-details .workflow-section .prompt-section-header label.outcomes,
        .chat-modal .chat-details .workflow-section .function-section-header label.outcomes,
        .chat-modal .chat-details .workflow-section .chat-section-header label.outcomes,
        .chat-modal .chat-details .prompt-section .portal-section-header label.outcomes,
        .chat-modal .chat-details .prompt-section .workflow-section-header label.outcomes,
        .chat-modal .chat-details .prompt-section .prompt-section-header label.outcomes,
        .chat-modal .chat-details .prompt-section .function-section-header label.outcomes,
        .chat-modal .chat-details .prompt-section .chat-section-header label.outcomes,
        .chat-modal .chat-details .function-section .portal-section-header label.outcomes,
        .chat-modal .chat-details .function-section .workflow-section-header label.outcomes,
        .chat-modal .chat-details .function-section .prompt-section-header label.outcomes,
        .chat-modal .chat-details .function-section .function-section-header label.outcomes,
        .chat-modal .chat-details .function-section .chat-section-header label.outcomes,
        .chat-modal .chat-details .chat-section .portal-section-header label.outcomes,
        .chat-modal .chat-details .chat-section .workflow-section-header label.outcomes,
        .chat-modal .chat-details .chat-section .prompt-section-header label.outcomes,
        .chat-modal .chat-details .chat-section .function-section-header label.outcomes,
        .chat-modal .chat-details .chat-section .chat-section-header label.outcomes {
          color: #008AFF; }
        .workflow-modal .portal-details .portal-section .portal-section-header label.tasks,
        .workflow-modal .portal-details .portal-section .workflow-section-header label.tasks,
        .workflow-modal .portal-details .portal-section .prompt-section-header label.tasks,
        .workflow-modal .portal-details .portal-section .function-section-header label.tasks,
        .workflow-modal .portal-details .portal-section .chat-section-header label.tasks,
        .workflow-modal .portal-details .workflow-section .portal-section-header label.tasks,
        .workflow-modal .portal-details .workflow-section .workflow-section-header label.tasks,
        .workflow-modal .portal-details .workflow-section .prompt-section-header label.tasks,
        .workflow-modal .portal-details .workflow-section .function-section-header label.tasks,
        .workflow-modal .portal-details .workflow-section .chat-section-header label.tasks,
        .workflow-modal .portal-details .prompt-section .portal-section-header label.tasks,
        .workflow-modal .portal-details .prompt-section .workflow-section-header label.tasks,
        .workflow-modal .portal-details .prompt-section .prompt-section-header label.tasks,
        .workflow-modal .portal-details .prompt-section .function-section-header label.tasks,
        .workflow-modal .portal-details .prompt-section .chat-section-header label.tasks,
        .workflow-modal .portal-details .function-section .portal-section-header label.tasks,
        .workflow-modal .portal-details .function-section .workflow-section-header label.tasks,
        .workflow-modal .portal-details .function-section .prompt-section-header label.tasks,
        .workflow-modal .portal-details .function-section .function-section-header label.tasks,
        .workflow-modal .portal-details .function-section .chat-section-header label.tasks,
        .workflow-modal .portal-details .chat-section .portal-section-header label.tasks,
        .workflow-modal .portal-details .chat-section .workflow-section-header label.tasks,
        .workflow-modal .portal-details .chat-section .prompt-section-header label.tasks,
        .workflow-modal .portal-details .chat-section .function-section-header label.tasks,
        .workflow-modal .portal-details .chat-section .chat-section-header label.tasks,
        .workflow-modal .workflow-details .portal-section .portal-section-header label.tasks,
        .workflow-modal .workflow-details .portal-section .workflow-section-header label.tasks,
        .workflow-modal .workflow-details .portal-section .prompt-section-header label.tasks,
        .workflow-modal .workflow-details .portal-section .function-section-header label.tasks,
        .workflow-modal .workflow-details .portal-section .chat-section-header label.tasks,
        .workflow-modal .workflow-details .workflow-section .portal-section-header label.tasks,
        .workflow-modal .workflow-details .workflow-section .workflow-section-header label.tasks,
        .workflow-modal .workflow-details .workflow-section .prompt-section-header label.tasks,
        .workflow-modal .workflow-details .workflow-section .function-section-header label.tasks,
        .workflow-modal .workflow-details .workflow-section .chat-section-header label.tasks,
        .workflow-modal .workflow-details .prompt-section .portal-section-header label.tasks,
        .workflow-modal .workflow-details .prompt-section .workflow-section-header label.tasks,
        .workflow-modal .workflow-details .prompt-section .prompt-section-header label.tasks,
        .workflow-modal .workflow-details .prompt-section .function-section-header label.tasks,
        .workflow-modal .workflow-details .prompt-section .chat-section-header label.tasks,
        .workflow-modal .workflow-details .function-section .portal-section-header label.tasks,
        .workflow-modal .workflow-details .function-section .workflow-section-header label.tasks,
        .workflow-modal .workflow-details .function-section .prompt-section-header label.tasks,
        .workflow-modal .workflow-details .function-section .function-section-header label.tasks,
        .workflow-modal .workflow-details .function-section .chat-section-header label.tasks,
        .workflow-modal .workflow-details .chat-section .portal-section-header label.tasks,
        .workflow-modal .workflow-details .chat-section .workflow-section-header label.tasks,
        .workflow-modal .workflow-details .chat-section .prompt-section-header label.tasks,
        .workflow-modal .workflow-details .chat-section .function-section-header label.tasks,
        .workflow-modal .workflow-details .chat-section .chat-section-header label.tasks,
        .workflow-modal .function-details .portal-section .portal-section-header label.tasks,
        .workflow-modal .function-details .portal-section .workflow-section-header label.tasks,
        .workflow-modal .function-details .portal-section .prompt-section-header label.tasks,
        .workflow-modal .function-details .portal-section .function-section-header label.tasks,
        .workflow-modal .function-details .portal-section .chat-section-header label.tasks,
        .workflow-modal .function-details .workflow-section .portal-section-header label.tasks,
        .workflow-modal .function-details .workflow-section .workflow-section-header label.tasks,
        .workflow-modal .function-details .workflow-section .prompt-section-header label.tasks,
        .workflow-modal .function-details .workflow-section .function-section-header label.tasks,
        .workflow-modal .function-details .workflow-section .chat-section-header label.tasks,
        .workflow-modal .function-details .prompt-section .portal-section-header label.tasks,
        .workflow-modal .function-details .prompt-section .workflow-section-header label.tasks,
        .workflow-modal .function-details .prompt-section .prompt-section-header label.tasks,
        .workflow-modal .function-details .prompt-section .function-section-header label.tasks,
        .workflow-modal .function-details .prompt-section .chat-section-header label.tasks,
        .workflow-modal .function-details .function-section .portal-section-header label.tasks,
        .workflow-modal .function-details .function-section .workflow-section-header label.tasks,
        .workflow-modal .function-details .function-section .prompt-section-header label.tasks,
        .workflow-modal .function-details .function-section .function-section-header label.tasks,
        .workflow-modal .function-details .function-section .chat-section-header label.tasks,
        .workflow-modal .function-details .chat-section .portal-section-header label.tasks,
        .workflow-modal .function-details .chat-section .workflow-section-header label.tasks,
        .workflow-modal .function-details .chat-section .prompt-section-header label.tasks,
        .workflow-modal .function-details .chat-section .function-section-header label.tasks,
        .workflow-modal .function-details .chat-section .chat-section-header label.tasks,
        .workflow-modal .chat-details .portal-section .portal-section-header label.tasks,
        .workflow-modal .chat-details .portal-section .workflow-section-header label.tasks,
        .workflow-modal .chat-details .portal-section .prompt-section-header label.tasks,
        .workflow-modal .chat-details .portal-section .function-section-header label.tasks,
        .workflow-modal .chat-details .portal-section .chat-section-header label.tasks,
        .workflow-modal .chat-details .workflow-section .portal-section-header label.tasks,
        .workflow-modal .chat-details .workflow-section .workflow-section-header label.tasks,
        .workflow-modal .chat-details .workflow-section .prompt-section-header label.tasks,
        .workflow-modal .chat-details .workflow-section .function-section-header label.tasks,
        .workflow-modal .chat-details .workflow-section .chat-section-header label.tasks,
        .workflow-modal .chat-details .prompt-section .portal-section-header label.tasks,
        .workflow-modal .chat-details .prompt-section .workflow-section-header label.tasks,
        .workflow-modal .chat-details .prompt-section .prompt-section-header label.tasks,
        .workflow-modal .chat-details .prompt-section .function-section-header label.tasks,
        .workflow-modal .chat-details .prompt-section .chat-section-header label.tasks,
        .workflow-modal .chat-details .function-section .portal-section-header label.tasks,
        .workflow-modal .chat-details .function-section .workflow-section-header label.tasks,
        .workflow-modal .chat-details .function-section .prompt-section-header label.tasks,
        .workflow-modal .chat-details .function-section .function-section-header label.tasks,
        .workflow-modal .chat-details .function-section .chat-section-header label.tasks,
        .workflow-modal .chat-details .chat-section .portal-section-header label.tasks,
        .workflow-modal .chat-details .chat-section .workflow-section-header label.tasks,
        .workflow-modal .chat-details .chat-section .prompt-section-header label.tasks,
        .workflow-modal .chat-details .chat-section .function-section-header label.tasks,
        .workflow-modal .chat-details .chat-section .chat-section-header label.tasks,
        .function-modal .portal-details .portal-section .portal-section-header label.tasks,
        .function-modal .portal-details .portal-section .workflow-section-header label.tasks,
        .function-modal .portal-details .portal-section .prompt-section-header label.tasks,
        .function-modal .portal-details .portal-section .function-section-header label.tasks,
        .function-modal .portal-details .portal-section .chat-section-header label.tasks,
        .function-modal .portal-details .workflow-section .portal-section-header label.tasks,
        .function-modal .portal-details .workflow-section .workflow-section-header label.tasks,
        .function-modal .portal-details .workflow-section .prompt-section-header label.tasks,
        .function-modal .portal-details .workflow-section .function-section-header label.tasks,
        .function-modal .portal-details .workflow-section .chat-section-header label.tasks,
        .function-modal .portal-details .prompt-section .portal-section-header label.tasks,
        .function-modal .portal-details .prompt-section .workflow-section-header label.tasks,
        .function-modal .portal-details .prompt-section .prompt-section-header label.tasks,
        .function-modal .portal-details .prompt-section .function-section-header label.tasks,
        .function-modal .portal-details .prompt-section .chat-section-header label.tasks,
        .function-modal .portal-details .function-section .portal-section-header label.tasks,
        .function-modal .portal-details .function-section .workflow-section-header label.tasks,
        .function-modal .portal-details .function-section .prompt-section-header label.tasks,
        .function-modal .portal-details .function-section .function-section-header label.tasks,
        .function-modal .portal-details .function-section .chat-section-header label.tasks,
        .function-modal .portal-details .chat-section .portal-section-header label.tasks,
        .function-modal .portal-details .chat-section .workflow-section-header label.tasks,
        .function-modal .portal-details .chat-section .prompt-section-header label.tasks,
        .function-modal .portal-details .chat-section .function-section-header label.tasks,
        .function-modal .portal-details .chat-section .chat-section-header label.tasks,
        .function-modal .workflow-details .portal-section .portal-section-header label.tasks,
        .function-modal .workflow-details .portal-section .workflow-section-header label.tasks,
        .function-modal .workflow-details .portal-section .prompt-section-header label.tasks,
        .function-modal .workflow-details .portal-section .function-section-header label.tasks,
        .function-modal .workflow-details .portal-section .chat-section-header label.tasks,
        .function-modal .workflow-details .workflow-section .portal-section-header label.tasks,
        .function-modal .workflow-details .workflow-section .workflow-section-header label.tasks,
        .function-modal .workflow-details .workflow-section .prompt-section-header label.tasks,
        .function-modal .workflow-details .workflow-section .function-section-header label.tasks,
        .function-modal .workflow-details .workflow-section .chat-section-header label.tasks,
        .function-modal .workflow-details .prompt-section .portal-section-header label.tasks,
        .function-modal .workflow-details .prompt-section .workflow-section-header label.tasks,
        .function-modal .workflow-details .prompt-section .prompt-section-header label.tasks,
        .function-modal .workflow-details .prompt-section .function-section-header label.tasks,
        .function-modal .workflow-details .prompt-section .chat-section-header label.tasks,
        .function-modal .workflow-details .function-section .portal-section-header label.tasks,
        .function-modal .workflow-details .function-section .workflow-section-header label.tasks,
        .function-modal .workflow-details .function-section .prompt-section-header label.tasks,
        .function-modal .workflow-details .function-section .function-section-header label.tasks,
        .function-modal .workflow-details .function-section .chat-section-header label.tasks,
        .function-modal .workflow-details .chat-section .portal-section-header label.tasks,
        .function-modal .workflow-details .chat-section .workflow-section-header label.tasks,
        .function-modal .workflow-details .chat-section .prompt-section-header label.tasks,
        .function-modal .workflow-details .chat-section .function-section-header label.tasks,
        .function-modal .workflow-details .chat-section .chat-section-header label.tasks,
        .function-modal .function-details .portal-section .portal-section-header label.tasks,
        .function-modal .function-details .portal-section .workflow-section-header label.tasks,
        .function-modal .function-details .portal-section .prompt-section-header label.tasks,
        .function-modal .function-details .portal-section .function-section-header label.tasks,
        .function-modal .function-details .portal-section .chat-section-header label.tasks,
        .function-modal .function-details .workflow-section .portal-section-header label.tasks,
        .function-modal .function-details .workflow-section .workflow-section-header label.tasks,
        .function-modal .function-details .workflow-section .prompt-section-header label.tasks,
        .function-modal .function-details .workflow-section .function-section-header label.tasks,
        .function-modal .function-details .workflow-section .chat-section-header label.tasks,
        .function-modal .function-details .prompt-section .portal-section-header label.tasks,
        .function-modal .function-details .prompt-section .workflow-section-header label.tasks,
        .function-modal .function-details .prompt-section .prompt-section-header label.tasks,
        .function-modal .function-details .prompt-section .function-section-header label.tasks,
        .function-modal .function-details .prompt-section .chat-section-header label.tasks,
        .function-modal .function-details .function-section .portal-section-header label.tasks,
        .function-modal .function-details .function-section .workflow-section-header label.tasks,
        .function-modal .function-details .function-section .prompt-section-header label.tasks,
        .function-modal .function-details .function-section .function-section-header label.tasks,
        .function-modal .function-details .function-section .chat-section-header label.tasks,
        .function-modal .function-details .chat-section .portal-section-header label.tasks,
        .function-modal .function-details .chat-section .workflow-section-header label.tasks,
        .function-modal .function-details .chat-section .prompt-section-header label.tasks,
        .function-modal .function-details .chat-section .function-section-header label.tasks,
        .function-modal .function-details .chat-section .chat-section-header label.tasks,
        .function-modal .chat-details .portal-section .portal-section-header label.tasks,
        .function-modal .chat-details .portal-section .workflow-section-header label.tasks,
        .function-modal .chat-details .portal-section .prompt-section-header label.tasks,
        .function-modal .chat-details .portal-section .function-section-header label.tasks,
        .function-modal .chat-details .portal-section .chat-section-header label.tasks,
        .function-modal .chat-details .workflow-section .portal-section-header label.tasks,
        .function-modal .chat-details .workflow-section .workflow-section-header label.tasks,
        .function-modal .chat-details .workflow-section .prompt-section-header label.tasks,
        .function-modal .chat-details .workflow-section .function-section-header label.tasks,
        .function-modal .chat-details .workflow-section .chat-section-header label.tasks,
        .function-modal .chat-details .prompt-section .portal-section-header label.tasks,
        .function-modal .chat-details .prompt-section .workflow-section-header label.tasks,
        .function-modal .chat-details .prompt-section .prompt-section-header label.tasks,
        .function-modal .chat-details .prompt-section .function-section-header label.tasks,
        .function-modal .chat-details .prompt-section .chat-section-header label.tasks,
        .function-modal .chat-details .function-section .portal-section-header label.tasks,
        .function-modal .chat-details .function-section .workflow-section-header label.tasks,
        .function-modal .chat-details .function-section .prompt-section-header label.tasks,
        .function-modal .chat-details .function-section .function-section-header label.tasks,
        .function-modal .chat-details .function-section .chat-section-header label.tasks,
        .function-modal .chat-details .chat-section .portal-section-header label.tasks,
        .function-modal .chat-details .chat-section .workflow-section-header label.tasks,
        .function-modal .chat-details .chat-section .prompt-section-header label.tasks,
        .function-modal .chat-details .chat-section .function-section-header label.tasks,
        .function-modal .chat-details .chat-section .chat-section-header label.tasks,
        .portal-modal .portal-details .portal-section .portal-section-header label.tasks,
        .portal-modal .portal-details .portal-section .workflow-section-header label.tasks,
        .portal-modal .portal-details .portal-section .prompt-section-header label.tasks,
        .portal-modal .portal-details .portal-section .function-section-header label.tasks,
        .portal-modal .portal-details .portal-section .chat-section-header label.tasks,
        .portal-modal .portal-details .workflow-section .portal-section-header label.tasks,
        .portal-modal .portal-details .workflow-section .workflow-section-header label.tasks,
        .portal-modal .portal-details .workflow-section .prompt-section-header label.tasks,
        .portal-modal .portal-details .workflow-section .function-section-header label.tasks,
        .portal-modal .portal-details .workflow-section .chat-section-header label.tasks,
        .portal-modal .portal-details .prompt-section .portal-section-header label.tasks,
        .portal-modal .portal-details .prompt-section .workflow-section-header label.tasks,
        .portal-modal .portal-details .prompt-section .prompt-section-header label.tasks,
        .portal-modal .portal-details .prompt-section .function-section-header label.tasks,
        .portal-modal .portal-details .prompt-section .chat-section-header label.tasks,
        .portal-modal .portal-details .function-section .portal-section-header label.tasks,
        .portal-modal .portal-details .function-section .workflow-section-header label.tasks,
        .portal-modal .portal-details .function-section .prompt-section-header label.tasks,
        .portal-modal .portal-details .function-section .function-section-header label.tasks,
        .portal-modal .portal-details .function-section .chat-section-header label.tasks,
        .portal-modal .portal-details .chat-section .portal-section-header label.tasks,
        .portal-modal .portal-details .chat-section .workflow-section-header label.tasks,
        .portal-modal .portal-details .chat-section .prompt-section-header label.tasks,
        .portal-modal .portal-details .chat-section .function-section-header label.tasks,
        .portal-modal .portal-details .chat-section .chat-section-header label.tasks,
        .portal-modal .workflow-details .portal-section .portal-section-header label.tasks,
        .portal-modal .workflow-details .portal-section .workflow-section-header label.tasks,
        .portal-modal .workflow-details .portal-section .prompt-section-header label.tasks,
        .portal-modal .workflow-details .portal-section .function-section-header label.tasks,
        .portal-modal .workflow-details .portal-section .chat-section-header label.tasks,
        .portal-modal .workflow-details .workflow-section .portal-section-header label.tasks,
        .portal-modal .workflow-details .workflow-section .workflow-section-header label.tasks,
        .portal-modal .workflow-details .workflow-section .prompt-section-header label.tasks,
        .portal-modal .workflow-details .workflow-section .function-section-header label.tasks,
        .portal-modal .workflow-details .workflow-section .chat-section-header label.tasks,
        .portal-modal .workflow-details .prompt-section .portal-section-header label.tasks,
        .portal-modal .workflow-details .prompt-section .workflow-section-header label.tasks,
        .portal-modal .workflow-details .prompt-section .prompt-section-header label.tasks,
        .portal-modal .workflow-details .prompt-section .function-section-header label.tasks,
        .portal-modal .workflow-details .prompt-section .chat-section-header label.tasks,
        .portal-modal .workflow-details .function-section .portal-section-header label.tasks,
        .portal-modal .workflow-details .function-section .workflow-section-header label.tasks,
        .portal-modal .workflow-details .function-section .prompt-section-header label.tasks,
        .portal-modal .workflow-details .function-section .function-section-header label.tasks,
        .portal-modal .workflow-details .function-section .chat-section-header label.tasks,
        .portal-modal .workflow-details .chat-section .portal-section-header label.tasks,
        .portal-modal .workflow-details .chat-section .workflow-section-header label.tasks,
        .portal-modal .workflow-details .chat-section .prompt-section-header label.tasks,
        .portal-modal .workflow-details .chat-section .function-section-header label.tasks,
        .portal-modal .workflow-details .chat-section .chat-section-header label.tasks,
        .portal-modal .function-details .portal-section .portal-section-header label.tasks,
        .portal-modal .function-details .portal-section .workflow-section-header label.tasks,
        .portal-modal .function-details .portal-section .prompt-section-header label.tasks,
        .portal-modal .function-details .portal-section .function-section-header label.tasks,
        .portal-modal .function-details .portal-section .chat-section-header label.tasks,
        .portal-modal .function-details .workflow-section .portal-section-header label.tasks,
        .portal-modal .function-details .workflow-section .workflow-section-header label.tasks,
        .portal-modal .function-details .workflow-section .prompt-section-header label.tasks,
        .portal-modal .function-details .workflow-section .function-section-header label.tasks,
        .portal-modal .function-details .workflow-section .chat-section-header label.tasks,
        .portal-modal .function-details .prompt-section .portal-section-header label.tasks,
        .portal-modal .function-details .prompt-section .workflow-section-header label.tasks,
        .portal-modal .function-details .prompt-section .prompt-section-header label.tasks,
        .portal-modal .function-details .prompt-section .function-section-header label.tasks,
        .portal-modal .function-details .prompt-section .chat-section-header label.tasks,
        .portal-modal .function-details .function-section .portal-section-header label.tasks,
        .portal-modal .function-details .function-section .workflow-section-header label.tasks,
        .portal-modal .function-details .function-section .prompt-section-header label.tasks,
        .portal-modal .function-details .function-section .function-section-header label.tasks,
        .portal-modal .function-details .function-section .chat-section-header label.tasks,
        .portal-modal .function-details .chat-section .portal-section-header label.tasks,
        .portal-modal .function-details .chat-section .workflow-section-header label.tasks,
        .portal-modal .function-details .chat-section .prompt-section-header label.tasks,
        .portal-modal .function-details .chat-section .function-section-header label.tasks,
        .portal-modal .function-details .chat-section .chat-section-header label.tasks,
        .portal-modal .chat-details .portal-section .portal-section-header label.tasks,
        .portal-modal .chat-details .portal-section .workflow-section-header label.tasks,
        .portal-modal .chat-details .portal-section .prompt-section-header label.tasks,
        .portal-modal .chat-details .portal-section .function-section-header label.tasks,
        .portal-modal .chat-details .portal-section .chat-section-header label.tasks,
        .portal-modal .chat-details .workflow-section .portal-section-header label.tasks,
        .portal-modal .chat-details .workflow-section .workflow-section-header label.tasks,
        .portal-modal .chat-details .workflow-section .prompt-section-header label.tasks,
        .portal-modal .chat-details .workflow-section .function-section-header label.tasks,
        .portal-modal .chat-details .workflow-section .chat-section-header label.tasks,
        .portal-modal .chat-details .prompt-section .portal-section-header label.tasks,
        .portal-modal .chat-details .prompt-section .workflow-section-header label.tasks,
        .portal-modal .chat-details .prompt-section .prompt-section-header label.tasks,
        .portal-modal .chat-details .prompt-section .function-section-header label.tasks,
        .portal-modal .chat-details .prompt-section .chat-section-header label.tasks,
        .portal-modal .chat-details .function-section .portal-section-header label.tasks,
        .portal-modal .chat-details .function-section .workflow-section-header label.tasks,
        .portal-modal .chat-details .function-section .prompt-section-header label.tasks,
        .portal-modal .chat-details .function-section .function-section-header label.tasks,
        .portal-modal .chat-details .function-section .chat-section-header label.tasks,
        .portal-modal .chat-details .chat-section .portal-section-header label.tasks,
        .portal-modal .chat-details .chat-section .workflow-section-header label.tasks,
        .portal-modal .chat-details .chat-section .prompt-section-header label.tasks,
        .portal-modal .chat-details .chat-section .function-section-header label.tasks,
        .portal-modal .chat-details .chat-section .chat-section-header label.tasks,
        .chat-modal .portal-details .portal-section .portal-section-header label.tasks,
        .chat-modal .portal-details .portal-section .workflow-section-header label.tasks,
        .chat-modal .portal-details .portal-section .prompt-section-header label.tasks,
        .chat-modal .portal-details .portal-section .function-section-header label.tasks,
        .chat-modal .portal-details .portal-section .chat-section-header label.tasks,
        .chat-modal .portal-details .workflow-section .portal-section-header label.tasks,
        .chat-modal .portal-details .workflow-section .workflow-section-header label.tasks,
        .chat-modal .portal-details .workflow-section .prompt-section-header label.tasks,
        .chat-modal .portal-details .workflow-section .function-section-header label.tasks,
        .chat-modal .portal-details .workflow-section .chat-section-header label.tasks,
        .chat-modal .portal-details .prompt-section .portal-section-header label.tasks,
        .chat-modal .portal-details .prompt-section .workflow-section-header label.tasks,
        .chat-modal .portal-details .prompt-section .prompt-section-header label.tasks,
        .chat-modal .portal-details .prompt-section .function-section-header label.tasks,
        .chat-modal .portal-details .prompt-section .chat-section-header label.tasks,
        .chat-modal .portal-details .function-section .portal-section-header label.tasks,
        .chat-modal .portal-details .function-section .workflow-section-header label.tasks,
        .chat-modal .portal-details .function-section .prompt-section-header label.tasks,
        .chat-modal .portal-details .function-section .function-section-header label.tasks,
        .chat-modal .portal-details .function-section .chat-section-header label.tasks,
        .chat-modal .portal-details .chat-section .portal-section-header label.tasks,
        .chat-modal .portal-details .chat-section .workflow-section-header label.tasks,
        .chat-modal .portal-details .chat-section .prompt-section-header label.tasks,
        .chat-modal .portal-details .chat-section .function-section-header label.tasks,
        .chat-modal .portal-details .chat-section .chat-section-header label.tasks,
        .chat-modal .workflow-details .portal-section .portal-section-header label.tasks,
        .chat-modal .workflow-details .portal-section .workflow-section-header label.tasks,
        .chat-modal .workflow-details .portal-section .prompt-section-header label.tasks,
        .chat-modal .workflow-details .portal-section .function-section-header label.tasks,
        .chat-modal .workflow-details .portal-section .chat-section-header label.tasks,
        .chat-modal .workflow-details .workflow-section .portal-section-header label.tasks,
        .chat-modal .workflow-details .workflow-section .workflow-section-header label.tasks,
        .chat-modal .workflow-details .workflow-section .prompt-section-header label.tasks,
        .chat-modal .workflow-details .workflow-section .function-section-header label.tasks,
        .chat-modal .workflow-details .workflow-section .chat-section-header label.tasks,
        .chat-modal .workflow-details .prompt-section .portal-section-header label.tasks,
        .chat-modal .workflow-details .prompt-section .workflow-section-header label.tasks,
        .chat-modal .workflow-details .prompt-section .prompt-section-header label.tasks,
        .chat-modal .workflow-details .prompt-section .function-section-header label.tasks,
        .chat-modal .workflow-details .prompt-section .chat-section-header label.tasks,
        .chat-modal .workflow-details .function-section .portal-section-header label.tasks,
        .chat-modal .workflow-details .function-section .workflow-section-header label.tasks,
        .chat-modal .workflow-details .function-section .prompt-section-header label.tasks,
        .chat-modal .workflow-details .function-section .function-section-header label.tasks,
        .chat-modal .workflow-details .function-section .chat-section-header label.tasks,
        .chat-modal .workflow-details .chat-section .portal-section-header label.tasks,
        .chat-modal .workflow-details .chat-section .workflow-section-header label.tasks,
        .chat-modal .workflow-details .chat-section .prompt-section-header label.tasks,
        .chat-modal .workflow-details .chat-section .function-section-header label.tasks,
        .chat-modal .workflow-details .chat-section .chat-section-header label.tasks,
        .chat-modal .function-details .portal-section .portal-section-header label.tasks,
        .chat-modal .function-details .portal-section .workflow-section-header label.tasks,
        .chat-modal .function-details .portal-section .prompt-section-header label.tasks,
        .chat-modal .function-details .portal-section .function-section-header label.tasks,
        .chat-modal .function-details .portal-section .chat-section-header label.tasks,
        .chat-modal .function-details .workflow-section .portal-section-header label.tasks,
        .chat-modal .function-details .workflow-section .workflow-section-header label.tasks,
        .chat-modal .function-details .workflow-section .prompt-section-header label.tasks,
        .chat-modal .function-details .workflow-section .function-section-header label.tasks,
        .chat-modal .function-details .workflow-section .chat-section-header label.tasks,
        .chat-modal .function-details .prompt-section .portal-section-header label.tasks,
        .chat-modal .function-details .prompt-section .workflow-section-header label.tasks,
        .chat-modal .function-details .prompt-section .prompt-section-header label.tasks,
        .chat-modal .function-details .prompt-section .function-section-header label.tasks,
        .chat-modal .function-details .prompt-section .chat-section-header label.tasks,
        .chat-modal .function-details .function-section .portal-section-header label.tasks,
        .chat-modal .function-details .function-section .workflow-section-header label.tasks,
        .chat-modal .function-details .function-section .prompt-section-header label.tasks,
        .chat-modal .function-details .function-section .function-section-header label.tasks,
        .chat-modal .function-details .function-section .chat-section-header label.tasks,
        .chat-modal .function-details .chat-section .portal-section-header label.tasks,
        .chat-modal .function-details .chat-section .workflow-section-header label.tasks,
        .chat-modal .function-details .chat-section .prompt-section-header label.tasks,
        .chat-modal .function-details .chat-section .function-section-header label.tasks,
        .chat-modal .function-details .chat-section .chat-section-header label.tasks,
        .chat-modal .chat-details .portal-section .portal-section-header label.tasks,
        .chat-modal .chat-details .portal-section .workflow-section-header label.tasks,
        .chat-modal .chat-details .portal-section .prompt-section-header label.tasks,
        .chat-modal .chat-details .portal-section .function-section-header label.tasks,
        .chat-modal .chat-details .portal-section .chat-section-header label.tasks,
        .chat-modal .chat-details .workflow-section .portal-section-header label.tasks,
        .chat-modal .chat-details .workflow-section .workflow-section-header label.tasks,
        .chat-modal .chat-details .workflow-section .prompt-section-header label.tasks,
        .chat-modal .chat-details .workflow-section .function-section-header label.tasks,
        .chat-modal .chat-details .workflow-section .chat-section-header label.tasks,
        .chat-modal .chat-details .prompt-section .portal-section-header label.tasks,
        .chat-modal .chat-details .prompt-section .workflow-section-header label.tasks,
        .chat-modal .chat-details .prompt-section .prompt-section-header label.tasks,
        .chat-modal .chat-details .prompt-section .function-section-header label.tasks,
        .chat-modal .chat-details .prompt-section .chat-section-header label.tasks,
        .chat-modal .chat-details .function-section .portal-section-header label.tasks,
        .chat-modal .chat-details .function-section .workflow-section-header label.tasks,
        .chat-modal .chat-details .function-section .prompt-section-header label.tasks,
        .chat-modal .chat-details .function-section .function-section-header label.tasks,
        .chat-modal .chat-details .function-section .chat-section-header label.tasks,
        .chat-modal .chat-details .chat-section .portal-section-header label.tasks,
        .chat-modal .chat-details .chat-section .workflow-section-header label.tasks,
        .chat-modal .chat-details .chat-section .prompt-section-header label.tasks,
        .chat-modal .chat-details .chat-section .function-section-header label.tasks,
        .chat-modal .chat-details .chat-section .chat-section-header label.tasks {
          color: #008AFF; }
      .workflow-modal .portal-details .portal-section .portal-section-header.with-icon,
      .workflow-modal .portal-details .portal-section .workflow-section-header.with-icon,
      .workflow-modal .portal-details .portal-section .prompt-section-header.with-icon,
      .workflow-modal .portal-details .portal-section .function-section-header.with-icon,
      .workflow-modal .portal-details .portal-section .chat-section-header.with-icon,
      .workflow-modal .portal-details .workflow-section .portal-section-header.with-icon,
      .workflow-modal .portal-details .workflow-section .workflow-section-header.with-icon,
      .workflow-modal .portal-details .workflow-section .prompt-section-header.with-icon,
      .workflow-modal .portal-details .workflow-section .function-section-header.with-icon,
      .workflow-modal .portal-details .workflow-section .chat-section-header.with-icon,
      .workflow-modal .portal-details .prompt-section .portal-section-header.with-icon,
      .workflow-modal .portal-details .prompt-section .workflow-section-header.with-icon,
      .workflow-modal .portal-details .prompt-section .prompt-section-header.with-icon,
      .workflow-modal .portal-details .prompt-section .function-section-header.with-icon,
      .workflow-modal .portal-details .prompt-section .chat-section-header.with-icon,
      .workflow-modal .portal-details .function-section .portal-section-header.with-icon,
      .workflow-modal .portal-details .function-section .workflow-section-header.with-icon,
      .workflow-modal .portal-details .function-section .prompt-section-header.with-icon,
      .workflow-modal .portal-details .function-section .function-section-header.with-icon,
      .workflow-modal .portal-details .function-section .chat-section-header.with-icon,
      .workflow-modal .portal-details .chat-section .portal-section-header.with-icon,
      .workflow-modal .portal-details .chat-section .workflow-section-header.with-icon,
      .workflow-modal .portal-details .chat-section .prompt-section-header.with-icon,
      .workflow-modal .portal-details .chat-section .function-section-header.with-icon,
      .workflow-modal .portal-details .chat-section .chat-section-header.with-icon,
      .workflow-modal .workflow-details .portal-section .portal-section-header.with-icon,
      .workflow-modal .workflow-details .portal-section .workflow-section-header.with-icon,
      .workflow-modal .workflow-details .portal-section .prompt-section-header.with-icon,
      .workflow-modal .workflow-details .portal-section .function-section-header.with-icon,
      .workflow-modal .workflow-details .portal-section .chat-section-header.with-icon,
      .workflow-modal .workflow-details .workflow-section .portal-section-header.with-icon,
      .workflow-modal .workflow-details .workflow-section .workflow-section-header.with-icon,
      .workflow-modal .workflow-details .workflow-section .prompt-section-header.with-icon,
      .workflow-modal .workflow-details .workflow-section .function-section-header.with-icon,
      .workflow-modal .workflow-details .workflow-section .chat-section-header.with-icon,
      .workflow-modal .workflow-details .prompt-section .portal-section-header.with-icon,
      .workflow-modal .workflow-details .prompt-section .workflow-section-header.with-icon,
      .workflow-modal .workflow-details .prompt-section .prompt-section-header.with-icon,
      .workflow-modal .workflow-details .prompt-section .function-section-header.with-icon,
      .workflow-modal .workflow-details .prompt-section .chat-section-header.with-icon,
      .workflow-modal .workflow-details .function-section .portal-section-header.with-icon,
      .workflow-modal .workflow-details .function-section .workflow-section-header.with-icon,
      .workflow-modal .workflow-details .function-section .prompt-section-header.with-icon,
      .workflow-modal .workflow-details .function-section .function-section-header.with-icon,
      .workflow-modal .workflow-details .function-section .chat-section-header.with-icon,
      .workflow-modal .workflow-details .chat-section .portal-section-header.with-icon,
      .workflow-modal .workflow-details .chat-section .workflow-section-header.with-icon,
      .workflow-modal .workflow-details .chat-section .prompt-section-header.with-icon,
      .workflow-modal .workflow-details .chat-section .function-section-header.with-icon,
      .workflow-modal .workflow-details .chat-section .chat-section-header.with-icon,
      .workflow-modal .function-details .portal-section .portal-section-header.with-icon,
      .workflow-modal .function-details .portal-section .workflow-section-header.with-icon,
      .workflow-modal .function-details .portal-section .prompt-section-header.with-icon,
      .workflow-modal .function-details .portal-section .function-section-header.with-icon,
      .workflow-modal .function-details .portal-section .chat-section-header.with-icon,
      .workflow-modal .function-details .workflow-section .portal-section-header.with-icon,
      .workflow-modal .function-details .workflow-section .workflow-section-header.with-icon,
      .workflow-modal .function-details .workflow-section .prompt-section-header.with-icon,
      .workflow-modal .function-details .workflow-section .function-section-header.with-icon,
      .workflow-modal .function-details .workflow-section .chat-section-header.with-icon,
      .workflow-modal .function-details .prompt-section .portal-section-header.with-icon,
      .workflow-modal .function-details .prompt-section .workflow-section-header.with-icon,
      .workflow-modal .function-details .prompt-section .prompt-section-header.with-icon,
      .workflow-modal .function-details .prompt-section .function-section-header.with-icon,
      .workflow-modal .function-details .prompt-section .chat-section-header.with-icon,
      .workflow-modal .function-details .function-section .portal-section-header.with-icon,
      .workflow-modal .function-details .function-section .workflow-section-header.with-icon,
      .workflow-modal .function-details .function-section .prompt-section-header.with-icon,
      .workflow-modal .function-details .function-section .function-section-header.with-icon,
      .workflow-modal .function-details .function-section .chat-section-header.with-icon,
      .workflow-modal .function-details .chat-section .portal-section-header.with-icon,
      .workflow-modal .function-details .chat-section .workflow-section-header.with-icon,
      .workflow-modal .function-details .chat-section .prompt-section-header.with-icon,
      .workflow-modal .function-details .chat-section .function-section-header.with-icon,
      .workflow-modal .function-details .chat-section .chat-section-header.with-icon,
      .workflow-modal .chat-details .portal-section .portal-section-header.with-icon,
      .workflow-modal .chat-details .portal-section .workflow-section-header.with-icon,
      .workflow-modal .chat-details .portal-section .prompt-section-header.with-icon,
      .workflow-modal .chat-details .portal-section .function-section-header.with-icon,
      .workflow-modal .chat-details .portal-section .chat-section-header.with-icon,
      .workflow-modal .chat-details .workflow-section .portal-section-header.with-icon,
      .workflow-modal .chat-details .workflow-section .workflow-section-header.with-icon,
      .workflow-modal .chat-details .workflow-section .prompt-section-header.with-icon,
      .workflow-modal .chat-details .workflow-section .function-section-header.with-icon,
      .workflow-modal .chat-details .workflow-section .chat-section-header.with-icon,
      .workflow-modal .chat-details .prompt-section .portal-section-header.with-icon,
      .workflow-modal .chat-details .prompt-section .workflow-section-header.with-icon,
      .workflow-modal .chat-details .prompt-section .prompt-section-header.with-icon,
      .workflow-modal .chat-details .prompt-section .function-section-header.with-icon,
      .workflow-modal .chat-details .prompt-section .chat-section-header.with-icon,
      .workflow-modal .chat-details .function-section .portal-section-header.with-icon,
      .workflow-modal .chat-details .function-section .workflow-section-header.with-icon,
      .workflow-modal .chat-details .function-section .prompt-section-header.with-icon,
      .workflow-modal .chat-details .function-section .function-section-header.with-icon,
      .workflow-modal .chat-details .function-section .chat-section-header.with-icon,
      .workflow-modal .chat-details .chat-section .portal-section-header.with-icon,
      .workflow-modal .chat-details .chat-section .workflow-section-header.with-icon,
      .workflow-modal .chat-details .chat-section .prompt-section-header.with-icon,
      .workflow-modal .chat-details .chat-section .function-section-header.with-icon,
      .workflow-modal .chat-details .chat-section .chat-section-header.with-icon,
      .function-modal .portal-details .portal-section .portal-section-header.with-icon,
      .function-modal .portal-details .portal-section .workflow-section-header.with-icon,
      .function-modal .portal-details .portal-section .prompt-section-header.with-icon,
      .function-modal .portal-details .portal-section .function-section-header.with-icon,
      .function-modal .portal-details .portal-section .chat-section-header.with-icon,
      .function-modal .portal-details .workflow-section .portal-section-header.with-icon,
      .function-modal .portal-details .workflow-section .workflow-section-header.with-icon,
      .function-modal .portal-details .workflow-section .prompt-section-header.with-icon,
      .function-modal .portal-details .workflow-section .function-section-header.with-icon,
      .function-modal .portal-details .workflow-section .chat-section-header.with-icon,
      .function-modal .portal-details .prompt-section .portal-section-header.with-icon,
      .function-modal .portal-details .prompt-section .workflow-section-header.with-icon,
      .function-modal .portal-details .prompt-section .prompt-section-header.with-icon,
      .function-modal .portal-details .prompt-section .function-section-header.with-icon,
      .function-modal .portal-details .prompt-section .chat-section-header.with-icon,
      .function-modal .portal-details .function-section .portal-section-header.with-icon,
      .function-modal .portal-details .function-section .workflow-section-header.with-icon,
      .function-modal .portal-details .function-section .prompt-section-header.with-icon,
      .function-modal .portal-details .function-section .function-section-header.with-icon,
      .function-modal .portal-details .function-section .chat-section-header.with-icon,
      .function-modal .portal-details .chat-section .portal-section-header.with-icon,
      .function-modal .portal-details .chat-section .workflow-section-header.with-icon,
      .function-modal .portal-details .chat-section .prompt-section-header.with-icon,
      .function-modal .portal-details .chat-section .function-section-header.with-icon,
      .function-modal .portal-details .chat-section .chat-section-header.with-icon,
      .function-modal .workflow-details .portal-section .portal-section-header.with-icon,
      .function-modal .workflow-details .portal-section .workflow-section-header.with-icon,
      .function-modal .workflow-details .portal-section .prompt-section-header.with-icon,
      .function-modal .workflow-details .portal-section .function-section-header.with-icon,
      .function-modal .workflow-details .portal-section .chat-section-header.with-icon,
      .function-modal .workflow-details .workflow-section .portal-section-header.with-icon,
      .function-modal .workflow-details .workflow-section .workflow-section-header.with-icon,
      .function-modal .workflow-details .workflow-section .prompt-section-header.with-icon,
      .function-modal .workflow-details .workflow-section .function-section-header.with-icon,
      .function-modal .workflow-details .workflow-section .chat-section-header.with-icon,
      .function-modal .workflow-details .prompt-section .portal-section-header.with-icon,
      .function-modal .workflow-details .prompt-section .workflow-section-header.with-icon,
      .function-modal .workflow-details .prompt-section .prompt-section-header.with-icon,
      .function-modal .workflow-details .prompt-section .function-section-header.with-icon,
      .function-modal .workflow-details .prompt-section .chat-section-header.with-icon,
      .function-modal .workflow-details .function-section .portal-section-header.with-icon,
      .function-modal .workflow-details .function-section .workflow-section-header.with-icon,
      .function-modal .workflow-details .function-section .prompt-section-header.with-icon,
      .function-modal .workflow-details .function-section .function-section-header.with-icon,
      .function-modal .workflow-details .function-section .chat-section-header.with-icon,
      .function-modal .workflow-details .chat-section .portal-section-header.with-icon,
      .function-modal .workflow-details .chat-section .workflow-section-header.with-icon,
      .function-modal .workflow-details .chat-section .prompt-section-header.with-icon,
      .function-modal .workflow-details .chat-section .function-section-header.with-icon,
      .function-modal .workflow-details .chat-section .chat-section-header.with-icon,
      .function-modal .function-details .portal-section .portal-section-header.with-icon,
      .function-modal .function-details .portal-section .workflow-section-header.with-icon,
      .function-modal .function-details .portal-section .prompt-section-header.with-icon,
      .function-modal .function-details .portal-section .function-section-header.with-icon,
      .function-modal .function-details .portal-section .chat-section-header.with-icon,
      .function-modal .function-details .workflow-section .portal-section-header.with-icon,
      .function-modal .function-details .workflow-section .workflow-section-header.with-icon,
      .function-modal .function-details .workflow-section .prompt-section-header.with-icon,
      .function-modal .function-details .workflow-section .function-section-header.with-icon,
      .function-modal .function-details .workflow-section .chat-section-header.with-icon,
      .function-modal .function-details .prompt-section .portal-section-header.with-icon,
      .function-modal .function-details .prompt-section .workflow-section-header.with-icon,
      .function-modal .function-details .prompt-section .prompt-section-header.with-icon,
      .function-modal .function-details .prompt-section .function-section-header.with-icon,
      .function-modal .function-details .prompt-section .chat-section-header.with-icon,
      .function-modal .function-details .function-section .portal-section-header.with-icon,
      .function-modal .function-details .function-section .workflow-section-header.with-icon,
      .function-modal .function-details .function-section .prompt-section-header.with-icon,
      .function-modal .function-details .function-section .function-section-header.with-icon,
      .function-modal .function-details .function-section .chat-section-header.with-icon,
      .function-modal .function-details .chat-section .portal-section-header.with-icon,
      .function-modal .function-details .chat-section .workflow-section-header.with-icon,
      .function-modal .function-details .chat-section .prompt-section-header.with-icon,
      .function-modal .function-details .chat-section .function-section-header.with-icon,
      .function-modal .function-details .chat-section .chat-section-header.with-icon,
      .function-modal .chat-details .portal-section .portal-section-header.with-icon,
      .function-modal .chat-details .portal-section .workflow-section-header.with-icon,
      .function-modal .chat-details .portal-section .prompt-section-header.with-icon,
      .function-modal .chat-details .portal-section .function-section-header.with-icon,
      .function-modal .chat-details .portal-section .chat-section-header.with-icon,
      .function-modal .chat-details .workflow-section .portal-section-header.with-icon,
      .function-modal .chat-details .workflow-section .workflow-section-header.with-icon,
      .function-modal .chat-details .workflow-section .prompt-section-header.with-icon,
      .function-modal .chat-details .workflow-section .function-section-header.with-icon,
      .function-modal .chat-details .workflow-section .chat-section-header.with-icon,
      .function-modal .chat-details .prompt-section .portal-section-header.with-icon,
      .function-modal .chat-details .prompt-section .workflow-section-header.with-icon,
      .function-modal .chat-details .prompt-section .prompt-section-header.with-icon,
      .function-modal .chat-details .prompt-section .function-section-header.with-icon,
      .function-modal .chat-details .prompt-section .chat-section-header.with-icon,
      .function-modal .chat-details .function-section .portal-section-header.with-icon,
      .function-modal .chat-details .function-section .workflow-section-header.with-icon,
      .function-modal .chat-details .function-section .prompt-section-header.with-icon,
      .function-modal .chat-details .function-section .function-section-header.with-icon,
      .function-modal .chat-details .function-section .chat-section-header.with-icon,
      .function-modal .chat-details .chat-section .portal-section-header.with-icon,
      .function-modal .chat-details .chat-section .workflow-section-header.with-icon,
      .function-modal .chat-details .chat-section .prompt-section-header.with-icon,
      .function-modal .chat-details .chat-section .function-section-header.with-icon,
      .function-modal .chat-details .chat-section .chat-section-header.with-icon,
      .portal-modal .portal-details .portal-section .portal-section-header.with-icon,
      .portal-modal .portal-details .portal-section .workflow-section-header.with-icon,
      .portal-modal .portal-details .portal-section .prompt-section-header.with-icon,
      .portal-modal .portal-details .portal-section .function-section-header.with-icon,
      .portal-modal .portal-details .portal-section .chat-section-header.with-icon,
      .portal-modal .portal-details .workflow-section .portal-section-header.with-icon,
      .portal-modal .portal-details .workflow-section .workflow-section-header.with-icon,
      .portal-modal .portal-details .workflow-section .prompt-section-header.with-icon,
      .portal-modal .portal-details .workflow-section .function-section-header.with-icon,
      .portal-modal .portal-details .workflow-section .chat-section-header.with-icon,
      .portal-modal .portal-details .prompt-section .portal-section-header.with-icon,
      .portal-modal .portal-details .prompt-section .workflow-section-header.with-icon,
      .portal-modal .portal-details .prompt-section .prompt-section-header.with-icon,
      .portal-modal .portal-details .prompt-section .function-section-header.with-icon,
      .portal-modal .portal-details .prompt-section .chat-section-header.with-icon,
      .portal-modal .portal-details .function-section .portal-section-header.with-icon,
      .portal-modal .portal-details .function-section .workflow-section-header.with-icon,
      .portal-modal .portal-details .function-section .prompt-section-header.with-icon,
      .portal-modal .portal-details .function-section .function-section-header.with-icon,
      .portal-modal .portal-details .function-section .chat-section-header.with-icon,
      .portal-modal .portal-details .chat-section .portal-section-header.with-icon,
      .portal-modal .portal-details .chat-section .workflow-section-header.with-icon,
      .portal-modal .portal-details .chat-section .prompt-section-header.with-icon,
      .portal-modal .portal-details .chat-section .function-section-header.with-icon,
      .portal-modal .portal-details .chat-section .chat-section-header.with-icon,
      .portal-modal .workflow-details .portal-section .portal-section-header.with-icon,
      .portal-modal .workflow-details .portal-section .workflow-section-header.with-icon,
      .portal-modal .workflow-details .portal-section .prompt-section-header.with-icon,
      .portal-modal .workflow-details .portal-section .function-section-header.with-icon,
      .portal-modal .workflow-details .portal-section .chat-section-header.with-icon,
      .portal-modal .workflow-details .workflow-section .portal-section-header.with-icon,
      .portal-modal .workflow-details .workflow-section .workflow-section-header.with-icon,
      .portal-modal .workflow-details .workflow-section .prompt-section-header.with-icon,
      .portal-modal .workflow-details .workflow-section .function-section-header.with-icon,
      .portal-modal .workflow-details .workflow-section .chat-section-header.with-icon,
      .portal-modal .workflow-details .prompt-section .portal-section-header.with-icon,
      .portal-modal .workflow-details .prompt-section .workflow-section-header.with-icon,
      .portal-modal .workflow-details .prompt-section .prompt-section-header.with-icon,
      .portal-modal .workflow-details .prompt-section .function-section-header.with-icon,
      .portal-modal .workflow-details .prompt-section .chat-section-header.with-icon,
      .portal-modal .workflow-details .function-section .portal-section-header.with-icon,
      .portal-modal .workflow-details .function-section .workflow-section-header.with-icon,
      .portal-modal .workflow-details .function-section .prompt-section-header.with-icon,
      .portal-modal .workflow-details .function-section .function-section-header.with-icon,
      .portal-modal .workflow-details .function-section .chat-section-header.with-icon,
      .portal-modal .workflow-details .chat-section .portal-section-header.with-icon,
      .portal-modal .workflow-details .chat-section .workflow-section-header.with-icon,
      .portal-modal .workflow-details .chat-section .prompt-section-header.with-icon,
      .portal-modal .workflow-details .chat-section .function-section-header.with-icon,
      .portal-modal .workflow-details .chat-section .chat-section-header.with-icon,
      .portal-modal .function-details .portal-section .portal-section-header.with-icon,
      .portal-modal .function-details .portal-section .workflow-section-header.with-icon,
      .portal-modal .function-details .portal-section .prompt-section-header.with-icon,
      .portal-modal .function-details .portal-section .function-section-header.with-icon,
      .portal-modal .function-details .portal-section .chat-section-header.with-icon,
      .portal-modal .function-details .workflow-section .portal-section-header.with-icon,
      .portal-modal .function-details .workflow-section .workflow-section-header.with-icon,
      .portal-modal .function-details .workflow-section .prompt-section-header.with-icon,
      .portal-modal .function-details .workflow-section .function-section-header.with-icon,
      .portal-modal .function-details .workflow-section .chat-section-header.with-icon,
      .portal-modal .function-details .prompt-section .portal-section-header.with-icon,
      .portal-modal .function-details .prompt-section .workflow-section-header.with-icon,
      .portal-modal .function-details .prompt-section .prompt-section-header.with-icon,
      .portal-modal .function-details .prompt-section .function-section-header.with-icon,
      .portal-modal .function-details .prompt-section .chat-section-header.with-icon,
      .portal-modal .function-details .function-section .portal-section-header.with-icon,
      .portal-modal .function-details .function-section .workflow-section-header.with-icon,
      .portal-modal .function-details .function-section .prompt-section-header.with-icon,
      .portal-modal .function-details .function-section .function-section-header.with-icon,
      .portal-modal .function-details .function-section .chat-section-header.with-icon,
      .portal-modal .function-details .chat-section .portal-section-header.with-icon,
      .portal-modal .function-details .chat-section .workflow-section-header.with-icon,
      .portal-modal .function-details .chat-section .prompt-section-header.with-icon,
      .portal-modal .function-details .chat-section .function-section-header.with-icon,
      .portal-modal .function-details .chat-section .chat-section-header.with-icon,
      .portal-modal .chat-details .portal-section .portal-section-header.with-icon,
      .portal-modal .chat-details .portal-section .workflow-section-header.with-icon,
      .portal-modal .chat-details .portal-section .prompt-section-header.with-icon,
      .portal-modal .chat-details .portal-section .function-section-header.with-icon,
      .portal-modal .chat-details .portal-section .chat-section-header.with-icon,
      .portal-modal .chat-details .workflow-section .portal-section-header.with-icon,
      .portal-modal .chat-details .workflow-section .workflow-section-header.with-icon,
      .portal-modal .chat-details .workflow-section .prompt-section-header.with-icon,
      .portal-modal .chat-details .workflow-section .function-section-header.with-icon,
      .portal-modal .chat-details .workflow-section .chat-section-header.with-icon,
      .portal-modal .chat-details .prompt-section .portal-section-header.with-icon,
      .portal-modal .chat-details .prompt-section .workflow-section-header.with-icon,
      .portal-modal .chat-details .prompt-section .prompt-section-header.with-icon,
      .portal-modal .chat-details .prompt-section .function-section-header.with-icon,
      .portal-modal .chat-details .prompt-section .chat-section-header.with-icon,
      .portal-modal .chat-details .function-section .portal-section-header.with-icon,
      .portal-modal .chat-details .function-section .workflow-section-header.with-icon,
      .portal-modal .chat-details .function-section .prompt-section-header.with-icon,
      .portal-modal .chat-details .function-section .function-section-header.with-icon,
      .portal-modal .chat-details .function-section .chat-section-header.with-icon,
      .portal-modal .chat-details .chat-section .portal-section-header.with-icon,
      .portal-modal .chat-details .chat-section .workflow-section-header.with-icon,
      .portal-modal .chat-details .chat-section .prompt-section-header.with-icon,
      .portal-modal .chat-details .chat-section .function-section-header.with-icon,
      .portal-modal .chat-details .chat-section .chat-section-header.with-icon,
      .chat-modal .portal-details .portal-section .portal-section-header.with-icon,
      .chat-modal .portal-details .portal-section .workflow-section-header.with-icon,
      .chat-modal .portal-details .portal-section .prompt-section-header.with-icon,
      .chat-modal .portal-details .portal-section .function-section-header.with-icon,
      .chat-modal .portal-details .portal-section .chat-section-header.with-icon,
      .chat-modal .portal-details .workflow-section .portal-section-header.with-icon,
      .chat-modal .portal-details .workflow-section .workflow-section-header.with-icon,
      .chat-modal .portal-details .workflow-section .prompt-section-header.with-icon,
      .chat-modal .portal-details .workflow-section .function-section-header.with-icon,
      .chat-modal .portal-details .workflow-section .chat-section-header.with-icon,
      .chat-modal .portal-details .prompt-section .portal-section-header.with-icon,
      .chat-modal .portal-details .prompt-section .workflow-section-header.with-icon,
      .chat-modal .portal-details .prompt-section .prompt-section-header.with-icon,
      .chat-modal .portal-details .prompt-section .function-section-header.with-icon,
      .chat-modal .portal-details .prompt-section .chat-section-header.with-icon,
      .chat-modal .portal-details .function-section .portal-section-header.with-icon,
      .chat-modal .portal-details .function-section .workflow-section-header.with-icon,
      .chat-modal .portal-details .function-section .prompt-section-header.with-icon,
      .chat-modal .portal-details .function-section .function-section-header.with-icon,
      .chat-modal .portal-details .function-section .chat-section-header.with-icon,
      .chat-modal .portal-details .chat-section .portal-section-header.with-icon,
      .chat-modal .portal-details .chat-section .workflow-section-header.with-icon,
      .chat-modal .portal-details .chat-section .prompt-section-header.with-icon,
      .chat-modal .portal-details .chat-section .function-section-header.with-icon,
      .chat-modal .portal-details .chat-section .chat-section-header.with-icon,
      .chat-modal .workflow-details .portal-section .portal-section-header.with-icon,
      .chat-modal .workflow-details .portal-section .workflow-section-header.with-icon,
      .chat-modal .workflow-details .portal-section .prompt-section-header.with-icon,
      .chat-modal .workflow-details .portal-section .function-section-header.with-icon,
      .chat-modal .workflow-details .portal-section .chat-section-header.with-icon,
      .chat-modal .workflow-details .workflow-section .portal-section-header.with-icon,
      .chat-modal .workflow-details .workflow-section .workflow-section-header.with-icon,
      .chat-modal .workflow-details .workflow-section .prompt-section-header.with-icon,
      .chat-modal .workflow-details .workflow-section .function-section-header.with-icon,
      .chat-modal .workflow-details .workflow-section .chat-section-header.with-icon,
      .chat-modal .workflow-details .prompt-section .portal-section-header.with-icon,
      .chat-modal .workflow-details .prompt-section .workflow-section-header.with-icon,
      .chat-modal .workflow-details .prompt-section .prompt-section-header.with-icon,
      .chat-modal .workflow-details .prompt-section .function-section-header.with-icon,
      .chat-modal .workflow-details .prompt-section .chat-section-header.with-icon,
      .chat-modal .workflow-details .function-section .portal-section-header.with-icon,
      .chat-modal .workflow-details .function-section .workflow-section-header.with-icon,
      .chat-modal .workflow-details .function-section .prompt-section-header.with-icon,
      .chat-modal .workflow-details .function-section .function-section-header.with-icon,
      .chat-modal .workflow-details .function-section .chat-section-header.with-icon,
      .chat-modal .workflow-details .chat-section .portal-section-header.with-icon,
      .chat-modal .workflow-details .chat-section .workflow-section-header.with-icon,
      .chat-modal .workflow-details .chat-section .prompt-section-header.with-icon,
      .chat-modal .workflow-details .chat-section .function-section-header.with-icon,
      .chat-modal .workflow-details .chat-section .chat-section-header.with-icon,
      .chat-modal .function-details .portal-section .portal-section-header.with-icon,
      .chat-modal .function-details .portal-section .workflow-section-header.with-icon,
      .chat-modal .function-details .portal-section .prompt-section-header.with-icon,
      .chat-modal .function-details .portal-section .function-section-header.with-icon,
      .chat-modal .function-details .portal-section .chat-section-header.with-icon,
      .chat-modal .function-details .workflow-section .portal-section-header.with-icon,
      .chat-modal .function-details .workflow-section .workflow-section-header.with-icon,
      .chat-modal .function-details .workflow-section .prompt-section-header.with-icon,
      .chat-modal .function-details .workflow-section .function-section-header.with-icon,
      .chat-modal .function-details .workflow-section .chat-section-header.with-icon,
      .chat-modal .function-details .prompt-section .portal-section-header.with-icon,
      .chat-modal .function-details .prompt-section .workflow-section-header.with-icon,
      .chat-modal .function-details .prompt-section .prompt-section-header.with-icon,
      .chat-modal .function-details .prompt-section .function-section-header.with-icon,
      .chat-modal .function-details .prompt-section .chat-section-header.with-icon,
      .chat-modal .function-details .function-section .portal-section-header.with-icon,
      .chat-modal .function-details .function-section .workflow-section-header.with-icon,
      .chat-modal .function-details .function-section .prompt-section-header.with-icon,
      .chat-modal .function-details .function-section .function-section-header.with-icon,
      .chat-modal .function-details .function-section .chat-section-header.with-icon,
      .chat-modal .function-details .chat-section .portal-section-header.with-icon,
      .chat-modal .function-details .chat-section .workflow-section-header.with-icon,
      .chat-modal .function-details .chat-section .prompt-section-header.with-icon,
      .chat-modal .function-details .chat-section .function-section-header.with-icon,
      .chat-modal .function-details .chat-section .chat-section-header.with-icon,
      .chat-modal .chat-details .portal-section .portal-section-header.with-icon,
      .chat-modal .chat-details .portal-section .workflow-section-header.with-icon,
      .chat-modal .chat-details .portal-section .prompt-section-header.with-icon,
      .chat-modal .chat-details .portal-section .function-section-header.with-icon,
      .chat-modal .chat-details .portal-section .chat-section-header.with-icon,
      .chat-modal .chat-details .workflow-section .portal-section-header.with-icon,
      .chat-modal .chat-details .workflow-section .workflow-section-header.with-icon,
      .chat-modal .chat-details .workflow-section .prompt-section-header.with-icon,
      .chat-modal .chat-details .workflow-section .function-section-header.with-icon,
      .chat-modal .chat-details .workflow-section .chat-section-header.with-icon,
      .chat-modal .chat-details .prompt-section .portal-section-header.with-icon,
      .chat-modal .chat-details .prompt-section .workflow-section-header.with-icon,
      .chat-modal .chat-details .prompt-section .prompt-section-header.with-icon,
      .chat-modal .chat-details .prompt-section .function-section-header.with-icon,
      .chat-modal .chat-details .prompt-section .chat-section-header.with-icon,
      .chat-modal .chat-details .function-section .portal-section-header.with-icon,
      .chat-modal .chat-details .function-section .workflow-section-header.with-icon,
      .chat-modal .chat-details .function-section .prompt-section-header.with-icon,
      .chat-modal .chat-details .function-section .function-section-header.with-icon,
      .chat-modal .chat-details .function-section .chat-section-header.with-icon,
      .chat-modal .chat-details .chat-section .portal-section-header.with-icon,
      .chat-modal .chat-details .chat-section .workflow-section-header.with-icon,
      .chat-modal .chat-details .chat-section .prompt-section-header.with-icon,
      .chat-modal .chat-details .chat-section .function-section-header.with-icon,
      .chat-modal .chat-details .chat-section .chat-section-header.with-icon {
        padding-left: 24px; }
        .workflow-modal .portal-details .portal-section .portal-section-header.with-icon > i,
        .workflow-modal .portal-details .portal-section .workflow-section-header.with-icon > i,
        .workflow-modal .portal-details .portal-section .prompt-section-header.with-icon > i,
        .workflow-modal .portal-details .portal-section .function-section-header.with-icon > i,
        .workflow-modal .portal-details .portal-section .chat-section-header.with-icon > i,
        .workflow-modal .portal-details .workflow-section .portal-section-header.with-icon > i,
        .workflow-modal .portal-details .workflow-section .workflow-section-header.with-icon > i,
        .workflow-modal .portal-details .workflow-section .prompt-section-header.with-icon > i,
        .workflow-modal .portal-details .workflow-section .function-section-header.with-icon > i,
        .workflow-modal .portal-details .workflow-section .chat-section-header.with-icon > i,
        .workflow-modal .portal-details .prompt-section .portal-section-header.with-icon > i,
        .workflow-modal .portal-details .prompt-section .workflow-section-header.with-icon > i,
        .workflow-modal .portal-details .prompt-section .prompt-section-header.with-icon > i,
        .workflow-modal .portal-details .prompt-section .function-section-header.with-icon > i,
        .workflow-modal .portal-details .prompt-section .chat-section-header.with-icon > i,
        .workflow-modal .portal-details .function-section .portal-section-header.with-icon > i,
        .workflow-modal .portal-details .function-section .workflow-section-header.with-icon > i,
        .workflow-modal .portal-details .function-section .prompt-section-header.with-icon > i,
        .workflow-modal .portal-details .function-section .function-section-header.with-icon > i,
        .workflow-modal .portal-details .function-section .chat-section-header.with-icon > i,
        .workflow-modal .portal-details .chat-section .portal-section-header.with-icon > i,
        .workflow-modal .portal-details .chat-section .workflow-section-header.with-icon > i,
        .workflow-modal .portal-details .chat-section .prompt-section-header.with-icon > i,
        .workflow-modal .portal-details .chat-section .function-section-header.with-icon > i,
        .workflow-modal .portal-details .chat-section .chat-section-header.with-icon > i,
        .workflow-modal .workflow-details .portal-section .portal-section-header.with-icon > i,
        .workflow-modal .workflow-details .portal-section .workflow-section-header.with-icon > i,
        .workflow-modal .workflow-details .portal-section .prompt-section-header.with-icon > i,
        .workflow-modal .workflow-details .portal-section .function-section-header.with-icon > i,
        .workflow-modal .workflow-details .portal-section .chat-section-header.with-icon > i,
        .workflow-modal .workflow-details .workflow-section .portal-section-header.with-icon > i,
        .workflow-modal .workflow-details .workflow-section .workflow-section-header.with-icon > i,
        .workflow-modal .workflow-details .workflow-section .prompt-section-header.with-icon > i,
        .workflow-modal .workflow-details .workflow-section .function-section-header.with-icon > i,
        .workflow-modal .workflow-details .workflow-section .chat-section-header.with-icon > i,
        .workflow-modal .workflow-details .prompt-section .portal-section-header.with-icon > i,
        .workflow-modal .workflow-details .prompt-section .workflow-section-header.with-icon > i,
        .workflow-modal .workflow-details .prompt-section .prompt-section-header.with-icon > i,
        .workflow-modal .workflow-details .prompt-section .function-section-header.with-icon > i,
        .workflow-modal .workflow-details .prompt-section .chat-section-header.with-icon > i,
        .workflow-modal .workflow-details .function-section .portal-section-header.with-icon > i,
        .workflow-modal .workflow-details .function-section .workflow-section-header.with-icon > i,
        .workflow-modal .workflow-details .function-section .prompt-section-header.with-icon > i,
        .workflow-modal .workflow-details .function-section .function-section-header.with-icon > i,
        .workflow-modal .workflow-details .function-section .chat-section-header.with-icon > i,
        .workflow-modal .workflow-details .chat-section .portal-section-header.with-icon > i,
        .workflow-modal .workflow-details .chat-section .workflow-section-header.with-icon > i,
        .workflow-modal .workflow-details .chat-section .prompt-section-header.with-icon > i,
        .workflow-modal .workflow-details .chat-section .function-section-header.with-icon > i,
        .workflow-modal .workflow-details .chat-section .chat-section-header.with-icon > i,
        .workflow-modal .function-details .portal-section .portal-section-header.with-icon > i,
        .workflow-modal .function-details .portal-section .workflow-section-header.with-icon > i,
        .workflow-modal .function-details .portal-section .prompt-section-header.with-icon > i,
        .workflow-modal .function-details .portal-section .function-section-header.with-icon > i,
        .workflow-modal .function-details .portal-section .chat-section-header.with-icon > i,
        .workflow-modal .function-details .workflow-section .portal-section-header.with-icon > i,
        .workflow-modal .function-details .workflow-section .workflow-section-header.with-icon > i,
        .workflow-modal .function-details .workflow-section .prompt-section-header.with-icon > i,
        .workflow-modal .function-details .workflow-section .function-section-header.with-icon > i,
        .workflow-modal .function-details .workflow-section .chat-section-header.with-icon > i,
        .workflow-modal .function-details .prompt-section .portal-section-header.with-icon > i,
        .workflow-modal .function-details .prompt-section .workflow-section-header.with-icon > i,
        .workflow-modal .function-details .prompt-section .prompt-section-header.with-icon > i,
        .workflow-modal .function-details .prompt-section .function-section-header.with-icon > i,
        .workflow-modal .function-details .prompt-section .chat-section-header.with-icon > i,
        .workflow-modal .function-details .function-section .portal-section-header.with-icon > i,
        .workflow-modal .function-details .function-section .workflow-section-header.with-icon > i,
        .workflow-modal .function-details .function-section .prompt-section-header.with-icon > i,
        .workflow-modal .function-details .function-section .function-section-header.with-icon > i,
        .workflow-modal .function-details .function-section .chat-section-header.with-icon > i,
        .workflow-modal .function-details .chat-section .portal-section-header.with-icon > i,
        .workflow-modal .function-details .chat-section .workflow-section-header.with-icon > i,
        .workflow-modal .function-details .chat-section .prompt-section-header.with-icon > i,
        .workflow-modal .function-details .chat-section .function-section-header.with-icon > i,
        .workflow-modal .function-details .chat-section .chat-section-header.with-icon > i,
        .workflow-modal .chat-details .portal-section .portal-section-header.with-icon > i,
        .workflow-modal .chat-details .portal-section .workflow-section-header.with-icon > i,
        .workflow-modal .chat-details .portal-section .prompt-section-header.with-icon > i,
        .workflow-modal .chat-details .portal-section .function-section-header.with-icon > i,
        .workflow-modal .chat-details .portal-section .chat-section-header.with-icon > i,
        .workflow-modal .chat-details .workflow-section .portal-section-header.with-icon > i,
        .workflow-modal .chat-details .workflow-section .workflow-section-header.with-icon > i,
        .workflow-modal .chat-details .workflow-section .prompt-section-header.with-icon > i,
        .workflow-modal .chat-details .workflow-section .function-section-header.with-icon > i,
        .workflow-modal .chat-details .workflow-section .chat-section-header.with-icon > i,
        .workflow-modal .chat-details .prompt-section .portal-section-header.with-icon > i,
        .workflow-modal .chat-details .prompt-section .workflow-section-header.with-icon > i,
        .workflow-modal .chat-details .prompt-section .prompt-section-header.with-icon > i,
        .workflow-modal .chat-details .prompt-section .function-section-header.with-icon > i,
        .workflow-modal .chat-details .prompt-section .chat-section-header.with-icon > i,
        .workflow-modal .chat-details .function-section .portal-section-header.with-icon > i,
        .workflow-modal .chat-details .function-section .workflow-section-header.with-icon > i,
        .workflow-modal .chat-details .function-section .prompt-section-header.with-icon > i,
        .workflow-modal .chat-details .function-section .function-section-header.with-icon > i,
        .workflow-modal .chat-details .function-section .chat-section-header.with-icon > i,
        .workflow-modal .chat-details .chat-section .portal-section-header.with-icon > i,
        .workflow-modal .chat-details .chat-section .workflow-section-header.with-icon > i,
        .workflow-modal .chat-details .chat-section .prompt-section-header.with-icon > i,
        .workflow-modal .chat-details .chat-section .function-section-header.with-icon > i,
        .workflow-modal .chat-details .chat-section .chat-section-header.with-icon > i,
        .function-modal .portal-details .portal-section .portal-section-header.with-icon > i,
        .function-modal .portal-details .portal-section .workflow-section-header.with-icon > i,
        .function-modal .portal-details .portal-section .prompt-section-header.with-icon > i,
        .function-modal .portal-details .portal-section .function-section-header.with-icon > i,
        .function-modal .portal-details .portal-section .chat-section-header.with-icon > i,
        .function-modal .portal-details .workflow-section .portal-section-header.with-icon > i,
        .function-modal .portal-details .workflow-section .workflow-section-header.with-icon > i,
        .function-modal .portal-details .workflow-section .prompt-section-header.with-icon > i,
        .function-modal .portal-details .workflow-section .function-section-header.with-icon > i,
        .function-modal .portal-details .workflow-section .chat-section-header.with-icon > i,
        .function-modal .portal-details .prompt-section .portal-section-header.with-icon > i,
        .function-modal .portal-details .prompt-section .workflow-section-header.with-icon > i,
        .function-modal .portal-details .prompt-section .prompt-section-header.with-icon > i,
        .function-modal .portal-details .prompt-section .function-section-header.with-icon > i,
        .function-modal .portal-details .prompt-section .chat-section-header.with-icon > i,
        .function-modal .portal-details .function-section .portal-section-header.with-icon > i,
        .function-modal .portal-details .function-section .workflow-section-header.with-icon > i,
        .function-modal .portal-details .function-section .prompt-section-header.with-icon > i,
        .function-modal .portal-details .function-section .function-section-header.with-icon > i,
        .function-modal .portal-details .function-section .chat-section-header.with-icon > i,
        .function-modal .portal-details .chat-section .portal-section-header.with-icon > i,
        .function-modal .portal-details .chat-section .workflow-section-header.with-icon > i,
        .function-modal .portal-details .chat-section .prompt-section-header.with-icon > i,
        .function-modal .portal-details .chat-section .function-section-header.with-icon > i,
        .function-modal .portal-details .chat-section .chat-section-header.with-icon > i,
        .function-modal .workflow-details .portal-section .portal-section-header.with-icon > i,
        .function-modal .workflow-details .portal-section .workflow-section-header.with-icon > i,
        .function-modal .workflow-details .portal-section .prompt-section-header.with-icon > i,
        .function-modal .workflow-details .portal-section .function-section-header.with-icon > i,
        .function-modal .workflow-details .portal-section .chat-section-header.with-icon > i,
        .function-modal .workflow-details .workflow-section .portal-section-header.with-icon > i,
        .function-modal .workflow-details .workflow-section .workflow-section-header.with-icon > i,
        .function-modal .workflow-details .workflow-section .prompt-section-header.with-icon > i,
        .function-modal .workflow-details .workflow-section .function-section-header.with-icon > i,
        .function-modal .workflow-details .workflow-section .chat-section-header.with-icon > i,
        .function-modal .workflow-details .prompt-section .portal-section-header.with-icon > i,
        .function-modal .workflow-details .prompt-section .workflow-section-header.with-icon > i,
        .function-modal .workflow-details .prompt-section .prompt-section-header.with-icon > i,
        .function-modal .workflow-details .prompt-section .function-section-header.with-icon > i,
        .function-modal .workflow-details .prompt-section .chat-section-header.with-icon > i,
        .function-modal .workflow-details .function-section .portal-section-header.with-icon > i,
        .function-modal .workflow-details .function-section .workflow-section-header.with-icon > i,
        .function-modal .workflow-details .function-section .prompt-section-header.with-icon > i,
        .function-modal .workflow-details .function-section .function-section-header.with-icon > i,
        .function-modal .workflow-details .function-section .chat-section-header.with-icon > i,
        .function-modal .workflow-details .chat-section .portal-section-header.with-icon > i,
        .function-modal .workflow-details .chat-section .workflow-section-header.with-icon > i,
        .function-modal .workflow-details .chat-section .prompt-section-header.with-icon > i,
        .function-modal .workflow-details .chat-section .function-section-header.with-icon > i,
        .function-modal .workflow-details .chat-section .chat-section-header.with-icon > i,
        .function-modal .function-details .portal-section .portal-section-header.with-icon > i,
        .function-modal .function-details .portal-section .workflow-section-header.with-icon > i,
        .function-modal .function-details .portal-section .prompt-section-header.with-icon > i,
        .function-modal .function-details .portal-section .function-section-header.with-icon > i,
        .function-modal .function-details .portal-section .chat-section-header.with-icon > i,
        .function-modal .function-details .workflow-section .portal-section-header.with-icon > i,
        .function-modal .function-details .workflow-section .workflow-section-header.with-icon > i,
        .function-modal .function-details .workflow-section .prompt-section-header.with-icon > i,
        .function-modal .function-details .workflow-section .function-section-header.with-icon > i,
        .function-modal .function-details .workflow-section .chat-section-header.with-icon > i,
        .function-modal .function-details .prompt-section .portal-section-header.with-icon > i,
        .function-modal .function-details .prompt-section .workflow-section-header.with-icon > i,
        .function-modal .function-details .prompt-section .prompt-section-header.with-icon > i,
        .function-modal .function-details .prompt-section .function-section-header.with-icon > i,
        .function-modal .function-details .prompt-section .chat-section-header.with-icon > i,
        .function-modal .function-details .function-section .portal-section-header.with-icon > i,
        .function-modal .function-details .function-section .workflow-section-header.with-icon > i,
        .function-modal .function-details .function-section .prompt-section-header.with-icon > i,
        .function-modal .function-details .function-section .function-section-header.with-icon > i,
        .function-modal .function-details .function-section .chat-section-header.with-icon > i,
        .function-modal .function-details .chat-section .portal-section-header.with-icon > i,
        .function-modal .function-details .chat-section .workflow-section-header.with-icon > i,
        .function-modal .function-details .chat-section .prompt-section-header.with-icon > i,
        .function-modal .function-details .chat-section .function-section-header.with-icon > i,
        .function-modal .function-details .chat-section .chat-section-header.with-icon > i,
        .function-modal .chat-details .portal-section .portal-section-header.with-icon > i,
        .function-modal .chat-details .portal-section .workflow-section-header.with-icon > i,
        .function-modal .chat-details .portal-section .prompt-section-header.with-icon > i,
        .function-modal .chat-details .portal-section .function-section-header.with-icon > i,
        .function-modal .chat-details .portal-section .chat-section-header.with-icon > i,
        .function-modal .chat-details .workflow-section .portal-section-header.with-icon > i,
        .function-modal .chat-details .workflow-section .workflow-section-header.with-icon > i,
        .function-modal .chat-details .workflow-section .prompt-section-header.with-icon > i,
        .function-modal .chat-details .workflow-section .function-section-header.with-icon > i,
        .function-modal .chat-details .workflow-section .chat-section-header.with-icon > i,
        .function-modal .chat-details .prompt-section .portal-section-header.with-icon > i,
        .function-modal .chat-details .prompt-section .workflow-section-header.with-icon > i,
        .function-modal .chat-details .prompt-section .prompt-section-header.with-icon > i,
        .function-modal .chat-details .prompt-section .function-section-header.with-icon > i,
        .function-modal .chat-details .prompt-section .chat-section-header.with-icon > i,
        .function-modal .chat-details .function-section .portal-section-header.with-icon > i,
        .function-modal .chat-details .function-section .workflow-section-header.with-icon > i,
        .function-modal .chat-details .function-section .prompt-section-header.with-icon > i,
        .function-modal .chat-details .function-section .function-section-header.with-icon > i,
        .function-modal .chat-details .function-section .chat-section-header.with-icon > i,
        .function-modal .chat-details .chat-section .portal-section-header.with-icon > i,
        .function-modal .chat-details .chat-section .workflow-section-header.with-icon > i,
        .function-modal .chat-details .chat-section .prompt-section-header.with-icon > i,
        .function-modal .chat-details .chat-section .function-section-header.with-icon > i,
        .function-modal .chat-details .chat-section .chat-section-header.with-icon > i,
        .portal-modal .portal-details .portal-section .portal-section-header.with-icon > i,
        .portal-modal .portal-details .portal-section .workflow-section-header.with-icon > i,
        .portal-modal .portal-details .portal-section .prompt-section-header.with-icon > i,
        .portal-modal .portal-details .portal-section .function-section-header.with-icon > i,
        .portal-modal .portal-details .portal-section .chat-section-header.with-icon > i,
        .portal-modal .portal-details .workflow-section .portal-section-header.with-icon > i,
        .portal-modal .portal-details .workflow-section .workflow-section-header.with-icon > i,
        .portal-modal .portal-details .workflow-section .prompt-section-header.with-icon > i,
        .portal-modal .portal-details .workflow-section .function-section-header.with-icon > i,
        .portal-modal .portal-details .workflow-section .chat-section-header.with-icon > i,
        .portal-modal .portal-details .prompt-section .portal-section-header.with-icon > i,
        .portal-modal .portal-details .prompt-section .workflow-section-header.with-icon > i,
        .portal-modal .portal-details .prompt-section .prompt-section-header.with-icon > i,
        .portal-modal .portal-details .prompt-section .function-section-header.with-icon > i,
        .portal-modal .portal-details .prompt-section .chat-section-header.with-icon > i,
        .portal-modal .portal-details .function-section .portal-section-header.with-icon > i,
        .portal-modal .portal-details .function-section .workflow-section-header.with-icon > i,
        .portal-modal .portal-details .function-section .prompt-section-header.with-icon > i,
        .portal-modal .portal-details .function-section .function-section-header.with-icon > i,
        .portal-modal .portal-details .function-section .chat-section-header.with-icon > i,
        .portal-modal .portal-details .chat-section .portal-section-header.with-icon > i,
        .portal-modal .portal-details .chat-section .workflow-section-header.with-icon > i,
        .portal-modal .portal-details .chat-section .prompt-section-header.with-icon > i,
        .portal-modal .portal-details .chat-section .function-section-header.with-icon > i,
        .portal-modal .portal-details .chat-section .chat-section-header.with-icon > i,
        .portal-modal .workflow-details .portal-section .portal-section-header.with-icon > i,
        .portal-modal .workflow-details .portal-section .workflow-section-header.with-icon > i,
        .portal-modal .workflow-details .portal-section .prompt-section-header.with-icon > i,
        .portal-modal .workflow-details .portal-section .function-section-header.with-icon > i,
        .portal-modal .workflow-details .portal-section .chat-section-header.with-icon > i,
        .portal-modal .workflow-details .workflow-section .portal-section-header.with-icon > i,
        .portal-modal .workflow-details .workflow-section .workflow-section-header.with-icon > i,
        .portal-modal .workflow-details .workflow-section .prompt-section-header.with-icon > i,
        .portal-modal .workflow-details .workflow-section .function-section-header.with-icon > i,
        .portal-modal .workflow-details .workflow-section .chat-section-header.with-icon > i,
        .portal-modal .workflow-details .prompt-section .portal-section-header.with-icon > i,
        .portal-modal .workflow-details .prompt-section .workflow-section-header.with-icon > i,
        .portal-modal .workflow-details .prompt-section .prompt-section-header.with-icon > i,
        .portal-modal .workflow-details .prompt-section .function-section-header.with-icon > i,
        .portal-modal .workflow-details .prompt-section .chat-section-header.with-icon > i,
        .portal-modal .workflow-details .function-section .portal-section-header.with-icon > i,
        .portal-modal .workflow-details .function-section .workflow-section-header.with-icon > i,
        .portal-modal .workflow-details .function-section .prompt-section-header.with-icon > i,
        .portal-modal .workflow-details .function-section .function-section-header.with-icon > i,
        .portal-modal .workflow-details .function-section .chat-section-header.with-icon > i,
        .portal-modal .workflow-details .chat-section .portal-section-header.with-icon > i,
        .portal-modal .workflow-details .chat-section .workflow-section-header.with-icon > i,
        .portal-modal .workflow-details .chat-section .prompt-section-header.with-icon > i,
        .portal-modal .workflow-details .chat-section .function-section-header.with-icon > i,
        .portal-modal .workflow-details .chat-section .chat-section-header.with-icon > i,
        .portal-modal .function-details .portal-section .portal-section-header.with-icon > i,
        .portal-modal .function-details .portal-section .workflow-section-header.with-icon > i,
        .portal-modal .function-details .portal-section .prompt-section-header.with-icon > i,
        .portal-modal .function-details .portal-section .function-section-header.with-icon > i,
        .portal-modal .function-details .portal-section .chat-section-header.with-icon > i,
        .portal-modal .function-details .workflow-section .portal-section-header.with-icon > i,
        .portal-modal .function-details .workflow-section .workflow-section-header.with-icon > i,
        .portal-modal .function-details .workflow-section .prompt-section-header.with-icon > i,
        .portal-modal .function-details .workflow-section .function-section-header.with-icon > i,
        .portal-modal .function-details .workflow-section .chat-section-header.with-icon > i,
        .portal-modal .function-details .prompt-section .portal-section-header.with-icon > i,
        .portal-modal .function-details .prompt-section .workflow-section-header.with-icon > i,
        .portal-modal .function-details .prompt-section .prompt-section-header.with-icon > i,
        .portal-modal .function-details .prompt-section .function-section-header.with-icon > i,
        .portal-modal .function-details .prompt-section .chat-section-header.with-icon > i,
        .portal-modal .function-details .function-section .portal-section-header.with-icon > i,
        .portal-modal .function-details .function-section .workflow-section-header.with-icon > i,
        .portal-modal .function-details .function-section .prompt-section-header.with-icon > i,
        .portal-modal .function-details .function-section .function-section-header.with-icon > i,
        .portal-modal .function-details .function-section .chat-section-header.with-icon > i,
        .portal-modal .function-details .chat-section .portal-section-header.with-icon > i,
        .portal-modal .function-details .chat-section .workflow-section-header.with-icon > i,
        .portal-modal .function-details .chat-section .prompt-section-header.with-icon > i,
        .portal-modal .function-details .chat-section .function-section-header.with-icon > i,
        .portal-modal .function-details .chat-section .chat-section-header.with-icon > i,
        .portal-modal .chat-details .portal-section .portal-section-header.with-icon > i,
        .portal-modal .chat-details .portal-section .workflow-section-header.with-icon > i,
        .portal-modal .chat-details .portal-section .prompt-section-header.with-icon > i,
        .portal-modal .chat-details .portal-section .function-section-header.with-icon > i,
        .portal-modal .chat-details .portal-section .chat-section-header.with-icon > i,
        .portal-modal .chat-details .workflow-section .portal-section-header.with-icon > i,
        .portal-modal .chat-details .workflow-section .workflow-section-header.with-icon > i,
        .portal-modal .chat-details .workflow-section .prompt-section-header.with-icon > i,
        .portal-modal .chat-details .workflow-section .function-section-header.with-icon > i,
        .portal-modal .chat-details .workflow-section .chat-section-header.with-icon > i,
        .portal-modal .chat-details .prompt-section .portal-section-header.with-icon > i,
        .portal-modal .chat-details .prompt-section .workflow-section-header.with-icon > i,
        .portal-modal .chat-details .prompt-section .prompt-section-header.with-icon > i,
        .portal-modal .chat-details .prompt-section .function-section-header.with-icon > i,
        .portal-modal .chat-details .prompt-section .chat-section-header.with-icon > i,
        .portal-modal .chat-details .function-section .portal-section-header.with-icon > i,
        .portal-modal .chat-details .function-section .workflow-section-header.with-icon > i,
        .portal-modal .chat-details .function-section .prompt-section-header.with-icon > i,
        .portal-modal .chat-details .function-section .function-section-header.with-icon > i,
        .portal-modal .chat-details .function-section .chat-section-header.with-icon > i,
        .portal-modal .chat-details .chat-section .portal-section-header.with-icon > i,
        .portal-modal .chat-details .chat-section .workflow-section-header.with-icon > i,
        .portal-modal .chat-details .chat-section .prompt-section-header.with-icon > i,
        .portal-modal .chat-details .chat-section .function-section-header.with-icon > i,
        .portal-modal .chat-details .chat-section .chat-section-header.with-icon > i,
        .chat-modal .portal-details .portal-section .portal-section-header.with-icon > i,
        .chat-modal .portal-details .portal-section .workflow-section-header.with-icon > i,
        .chat-modal .portal-details .portal-section .prompt-section-header.with-icon > i,
        .chat-modal .portal-details .portal-section .function-section-header.with-icon > i,
        .chat-modal .portal-details .portal-section .chat-section-header.with-icon > i,
        .chat-modal .portal-details .workflow-section .portal-section-header.with-icon > i,
        .chat-modal .portal-details .workflow-section .workflow-section-header.with-icon > i,
        .chat-modal .portal-details .workflow-section .prompt-section-header.with-icon > i,
        .chat-modal .portal-details .workflow-section .function-section-header.with-icon > i,
        .chat-modal .portal-details .workflow-section .chat-section-header.with-icon > i,
        .chat-modal .portal-details .prompt-section .portal-section-header.with-icon > i,
        .chat-modal .portal-details .prompt-section .workflow-section-header.with-icon > i,
        .chat-modal .portal-details .prompt-section .prompt-section-header.with-icon > i,
        .chat-modal .portal-details .prompt-section .function-section-header.with-icon > i,
        .chat-modal .portal-details .prompt-section .chat-section-header.with-icon > i,
        .chat-modal .portal-details .function-section .portal-section-header.with-icon > i,
        .chat-modal .portal-details .function-section .workflow-section-header.with-icon > i,
        .chat-modal .portal-details .function-section .prompt-section-header.with-icon > i,
        .chat-modal .portal-details .function-section .function-section-header.with-icon > i,
        .chat-modal .portal-details .function-section .chat-section-header.with-icon > i,
        .chat-modal .portal-details .chat-section .portal-section-header.with-icon > i,
        .chat-modal .portal-details .chat-section .workflow-section-header.with-icon > i,
        .chat-modal .portal-details .chat-section .prompt-section-header.with-icon > i,
        .chat-modal .portal-details .chat-section .function-section-header.with-icon > i,
        .chat-modal .portal-details .chat-section .chat-section-header.with-icon > i,
        .chat-modal .workflow-details .portal-section .portal-section-header.with-icon > i,
        .chat-modal .workflow-details .portal-section .workflow-section-header.with-icon > i,
        .chat-modal .workflow-details .portal-section .prompt-section-header.with-icon > i,
        .chat-modal .workflow-details .portal-section .function-section-header.with-icon > i,
        .chat-modal .workflow-details .portal-section .chat-section-header.with-icon > i,
        .chat-modal .workflow-details .workflow-section .portal-section-header.with-icon > i,
        .chat-modal .workflow-details .workflow-section .workflow-section-header.with-icon > i,
        .chat-modal .workflow-details .workflow-section .prompt-section-header.with-icon > i,
        .chat-modal .workflow-details .workflow-section .function-section-header.with-icon > i,
        .chat-modal .workflow-details .workflow-section .chat-section-header.with-icon > i,
        .chat-modal .workflow-details .prompt-section .portal-section-header.with-icon > i,
        .chat-modal .workflow-details .prompt-section .workflow-section-header.with-icon > i,
        .chat-modal .workflow-details .prompt-section .prompt-section-header.with-icon > i,
        .chat-modal .workflow-details .prompt-section .function-section-header.with-icon > i,
        .chat-modal .workflow-details .prompt-section .chat-section-header.with-icon > i,
        .chat-modal .workflow-details .function-section .portal-section-header.with-icon > i,
        .chat-modal .workflow-details .function-section .workflow-section-header.with-icon > i,
        .chat-modal .workflow-details .function-section .prompt-section-header.with-icon > i,
        .chat-modal .workflow-details .function-section .function-section-header.with-icon > i,
        .chat-modal .workflow-details .function-section .chat-section-header.with-icon > i,
        .chat-modal .workflow-details .chat-section .portal-section-header.with-icon > i,
        .chat-modal .workflow-details .chat-section .workflow-section-header.with-icon > i,
        .chat-modal .workflow-details .chat-section .prompt-section-header.with-icon > i,
        .chat-modal .workflow-details .chat-section .function-section-header.with-icon > i,
        .chat-modal .workflow-details .chat-section .chat-section-header.with-icon > i,
        .chat-modal .function-details .portal-section .portal-section-header.with-icon > i,
        .chat-modal .function-details .portal-section .workflow-section-header.with-icon > i,
        .chat-modal .function-details .portal-section .prompt-section-header.with-icon > i,
        .chat-modal .function-details .portal-section .function-section-header.with-icon > i,
        .chat-modal .function-details .portal-section .chat-section-header.with-icon > i,
        .chat-modal .function-details .workflow-section .portal-section-header.with-icon > i,
        .chat-modal .function-details .workflow-section .workflow-section-header.with-icon > i,
        .chat-modal .function-details .workflow-section .prompt-section-header.with-icon > i,
        .chat-modal .function-details .workflow-section .function-section-header.with-icon > i,
        .chat-modal .function-details .workflow-section .chat-section-header.with-icon > i,
        .chat-modal .function-details .prompt-section .portal-section-header.with-icon > i,
        .chat-modal .function-details .prompt-section .workflow-section-header.with-icon > i,
        .chat-modal .function-details .prompt-section .prompt-section-header.with-icon > i,
        .chat-modal .function-details .prompt-section .function-section-header.with-icon > i,
        .chat-modal .function-details .prompt-section .chat-section-header.with-icon > i,
        .chat-modal .function-details .function-section .portal-section-header.with-icon > i,
        .chat-modal .function-details .function-section .workflow-section-header.with-icon > i,
        .chat-modal .function-details .function-section .prompt-section-header.with-icon > i,
        .chat-modal .function-details .function-section .function-section-header.with-icon > i,
        .chat-modal .function-details .function-section .chat-section-header.with-icon > i,
        .chat-modal .function-details .chat-section .portal-section-header.with-icon > i,
        .chat-modal .function-details .chat-section .workflow-section-header.with-icon > i,
        .chat-modal .function-details .chat-section .prompt-section-header.with-icon > i,
        .chat-modal .function-details .chat-section .function-section-header.with-icon > i,
        .chat-modal .function-details .chat-section .chat-section-header.with-icon > i,
        .chat-modal .chat-details .portal-section .portal-section-header.with-icon > i,
        .chat-modal .chat-details .portal-section .workflow-section-header.with-icon > i,
        .chat-modal .chat-details .portal-section .prompt-section-header.with-icon > i,
        .chat-modal .chat-details .portal-section .function-section-header.with-icon > i,
        .chat-modal .chat-details .portal-section .chat-section-header.with-icon > i,
        .chat-modal .chat-details .workflow-section .portal-section-header.with-icon > i,
        .chat-modal .chat-details .workflow-section .workflow-section-header.with-icon > i,
        .chat-modal .chat-details .workflow-section .prompt-section-header.with-icon > i,
        .chat-modal .chat-details .workflow-section .function-section-header.with-icon > i,
        .chat-modal .chat-details .workflow-section .chat-section-header.with-icon > i,
        .chat-modal .chat-details .prompt-section .portal-section-header.with-icon > i,
        .chat-modal .chat-details .prompt-section .workflow-section-header.with-icon > i,
        .chat-modal .chat-details .prompt-section .prompt-section-header.with-icon > i,
        .chat-modal .chat-details .prompt-section .function-section-header.with-icon > i,
        .chat-modal .chat-details .prompt-section .chat-section-header.with-icon > i,
        .chat-modal .chat-details .function-section .portal-section-header.with-icon > i,
        .chat-modal .chat-details .function-section .workflow-section-header.with-icon > i,
        .chat-modal .chat-details .function-section .prompt-section-header.with-icon > i,
        .chat-modal .chat-details .function-section .function-section-header.with-icon > i,
        .chat-modal .chat-details .function-section .chat-section-header.with-icon > i,
        .chat-modal .chat-details .chat-section .portal-section-header.with-icon > i,
        .chat-modal .chat-details .chat-section .workflow-section-header.with-icon > i,
        .chat-modal .chat-details .chat-section .prompt-section-header.with-icon > i,
        .chat-modal .chat-details .chat-section .function-section-header.with-icon > i,
        .chat-modal .chat-details .chat-section .chat-section-header.with-icon > i {
          position: absolute;
          top: 6px;
          left: 0; }

.workflow-modal .portal-section-description .portal-section-header,
.workflow-modal .portal-section-description .workflow-section-header,
.workflow-modal .portal-section-description .prompt-section-header,
.workflow-modal .portal-section-description .function-section-header,
.workflow-modal .portal-section-description .chat-section-header > i,
.workflow-modal .prompt-section-description .portal-section-header,
.workflow-modal .prompt-section-description .workflow-section-header,
.workflow-modal .prompt-section-description .prompt-section-header,
.workflow-modal .prompt-section-description .function-section-header,
.workflow-modal .prompt-section-description .chat-section-header > i,
.workflow-modal .workflow-section-description .portal-section-header,
.workflow-modal .workflow-section-description .workflow-section-header,
.workflow-modal .workflow-section-description .prompt-section-header,
.workflow-modal .workflow-section-description .function-section-header,
.workflow-modal .workflow-section-description .chat-section-header > i,
.workflow-modal .function-section-description .portal-section-header,
.workflow-modal .function-section-description .workflow-section-header,
.workflow-modal .function-section-description .prompt-section-header,
.workflow-modal .function-section-description .function-section-header,
.workflow-modal .function-section-description .chat-section-header > i,
.workflow-modal .chat-section-description .portal-section-header,
.workflow-modal .chat-section-description .workflow-section-header,
.workflow-modal .chat-section-description .prompt-section-header,
.workflow-modal .chat-section-description .function-section-header,
.workflow-modal .chat-section-description .chat-section-header > i,
.function-modal .portal-section-description .portal-section-header,
.function-modal .portal-section-description .workflow-section-header,
.function-modal .portal-section-description .prompt-section-header,
.function-modal .portal-section-description .function-section-header,
.function-modal .portal-section-description .chat-section-header > i,
.function-modal .prompt-section-description .portal-section-header,
.function-modal .prompt-section-description .workflow-section-header,
.function-modal .prompt-section-description .prompt-section-header,
.function-modal .prompt-section-description .function-section-header,
.function-modal .prompt-section-description .chat-section-header > i,
.function-modal .workflow-section-description .portal-section-header,
.function-modal .workflow-section-description .workflow-section-header,
.function-modal .workflow-section-description .prompt-section-header,
.function-modal .workflow-section-description .function-section-header,
.function-modal .workflow-section-description .chat-section-header > i,
.function-modal .function-section-description .portal-section-header,
.function-modal .function-section-description .workflow-section-header,
.function-modal .function-section-description .prompt-section-header,
.function-modal .function-section-description .function-section-header,
.function-modal .function-section-description .chat-section-header > i,
.function-modal .chat-section-description .portal-section-header,
.function-modal .chat-section-description .workflow-section-header,
.function-modal .chat-section-description .prompt-section-header,
.function-modal .chat-section-description .function-section-header,
.function-modal .chat-section-description .chat-section-header > i,
.portal-modal .portal-section-description .portal-section-header,
.portal-modal .portal-section-description .workflow-section-header,
.portal-modal .portal-section-description .prompt-section-header,
.portal-modal .portal-section-description .function-section-header,
.portal-modal .portal-section-description .chat-section-header > i,
.portal-modal .prompt-section-description .portal-section-header,
.portal-modal .prompt-section-description .workflow-section-header,
.portal-modal .prompt-section-description .prompt-section-header,
.portal-modal .prompt-section-description .function-section-header,
.portal-modal .prompt-section-description .chat-section-header > i,
.portal-modal .workflow-section-description .portal-section-header,
.portal-modal .workflow-section-description .workflow-section-header,
.portal-modal .workflow-section-description .prompt-section-header,
.portal-modal .workflow-section-description .function-section-header,
.portal-modal .workflow-section-description .chat-section-header > i,
.portal-modal .function-section-description .portal-section-header,
.portal-modal .function-section-description .workflow-section-header,
.portal-modal .function-section-description .prompt-section-header,
.portal-modal .function-section-description .function-section-header,
.portal-modal .function-section-description .chat-section-header > i,
.portal-modal .chat-section-description .portal-section-header,
.portal-modal .chat-section-description .workflow-section-header,
.portal-modal .chat-section-description .prompt-section-header,
.portal-modal .chat-section-description .function-section-header,
.portal-modal .chat-section-description .chat-section-header > i,
.chat-modal .portal-section-description .portal-section-header,
.chat-modal .portal-section-description .workflow-section-header,
.chat-modal .portal-section-description .prompt-section-header,
.chat-modal .portal-section-description .function-section-header,
.chat-modal .portal-section-description .chat-section-header > i,
.chat-modal .prompt-section-description .portal-section-header,
.chat-modal .prompt-section-description .workflow-section-header,
.chat-modal .prompt-section-description .prompt-section-header,
.chat-modal .prompt-section-description .function-section-header,
.chat-modal .prompt-section-description .chat-section-header > i,
.chat-modal .workflow-section-description .portal-section-header,
.chat-modal .workflow-section-description .workflow-section-header,
.chat-modal .workflow-section-description .prompt-section-header,
.chat-modal .workflow-section-description .function-section-header,
.chat-modal .workflow-section-description .chat-section-header > i,
.chat-modal .function-section-description .portal-section-header,
.chat-modal .function-section-description .workflow-section-header,
.chat-modal .function-section-description .prompt-section-header,
.chat-modal .function-section-description .function-section-header,
.chat-modal .function-section-description .chat-section-header > i,
.chat-modal .chat-section-description .portal-section-header,
.chat-modal .chat-section-description .workflow-section-header,
.chat-modal .chat-section-description .prompt-section-header,
.chat-modal .chat-section-description .function-section-header,
.chat-modal .chat-section-description .chat-section-header > i {
  top: 6px; }

.workflow-modal .portal-section-description .form-input,
.workflow-modal .prompt-section-description .form-input,
.workflow-modal .workflow-section-description .form-input,
.workflow-modal .function-section-description .form-input,
.workflow-modal .chat-section-description .form-input,
.function-modal .portal-section-description .form-input,
.function-modal .prompt-section-description .form-input,
.function-modal .workflow-section-description .form-input,
.function-modal .function-section-description .form-input,
.function-modal .chat-section-description .form-input,
.portal-modal .portal-section-description .form-input,
.portal-modal .prompt-section-description .form-input,
.portal-modal .workflow-section-description .form-input,
.portal-modal .function-section-description .form-input,
.portal-modal .chat-section-description .form-input,
.chat-modal .portal-section-description .form-input,
.chat-modal .prompt-section-description .form-input,
.chat-modal .workflow-section-description .form-input,
.chat-modal .function-section-description .form-input,
.chat-modal .chat-section-description .form-input {
  padding: 6px;
  border-radius: 12px;
  border: none;
  will-change: border, padding; }
  .workflow-modal .portal-section-description .form-input:hover, .workflow-modal .portal-section-description .form-input:active, .workflow-modal .portal-section-description .form-input:focus,
  .workflow-modal .prompt-section-description .form-input:hover,
  .workflow-modal .prompt-section-description .form-input:active,
  .workflow-modal .prompt-section-description .form-input:focus,
  .workflow-modal .workflow-section-description .form-input:hover,
  .workflow-modal .workflow-section-description .form-input:active,
  .workflow-modal .workflow-section-description .form-input:focus,
  .workflow-modal .function-section-description .form-input:hover,
  .workflow-modal .function-section-description .form-input:active,
  .workflow-modal .function-section-description .form-input:focus,
  .workflow-modal .chat-section-description .form-input:hover,
  .workflow-modal .chat-section-description .form-input:active,
  .workflow-modal .chat-section-description .form-input:focus,
  .function-modal .portal-section-description .form-input:hover,
  .function-modal .portal-section-description .form-input:active,
  .function-modal .portal-section-description .form-input:focus,
  .function-modal .prompt-section-description .form-input:hover,
  .function-modal .prompt-section-description .form-input:active,
  .function-modal .prompt-section-description .form-input:focus,
  .function-modal .workflow-section-description .form-input:hover,
  .function-modal .workflow-section-description .form-input:active,
  .function-modal .workflow-section-description .form-input:focus,
  .function-modal .function-section-description .form-input:hover,
  .function-modal .function-section-description .form-input:active,
  .function-modal .function-section-description .form-input:focus,
  .function-modal .chat-section-description .form-input:hover,
  .function-modal .chat-section-description .form-input:active,
  .function-modal .chat-section-description .form-input:focus,
  .portal-modal .portal-section-description .form-input:hover,
  .portal-modal .portal-section-description .form-input:active,
  .portal-modal .portal-section-description .form-input:focus,
  .portal-modal .prompt-section-description .form-input:hover,
  .portal-modal .prompt-section-description .form-input:active,
  .portal-modal .prompt-section-description .form-input:focus,
  .portal-modal .workflow-section-description .form-input:hover,
  .portal-modal .workflow-section-description .form-input:active,
  .portal-modal .workflow-section-description .form-input:focus,
  .portal-modal .function-section-description .form-input:hover,
  .portal-modal .function-section-description .form-input:active,
  .portal-modal .function-section-description .form-input:focus,
  .portal-modal .chat-section-description .form-input:hover,
  .portal-modal .chat-section-description .form-input:active,
  .portal-modal .chat-section-description .form-input:focus,
  .chat-modal .portal-section-description .form-input:hover,
  .chat-modal .portal-section-description .form-input:active,
  .chat-modal .portal-section-description .form-input:focus,
  .chat-modal .prompt-section-description .form-input:hover,
  .chat-modal .prompt-section-description .form-input:active,
  .chat-modal .prompt-section-description .form-input:focus,
  .chat-modal .workflow-section-description .form-input:hover,
  .chat-modal .workflow-section-description .form-input:active,
  .chat-modal .workflow-section-description .form-input:focus,
  .chat-modal .function-section-description .form-input:hover,
  .chat-modal .function-section-description .form-input:active,
  .chat-modal .function-section-description .form-input:focus,
  .chat-modal .chat-section-description .form-input:hover,
  .chat-modal .chat-section-description .form-input:active,
  .chat-modal .chat-section-description .form-input:focus {
    border: 1px solid #ced4da;
    padding: 5px; }
  .workflow-modal .portal-section-description .form-input textarea,
  .workflow-modal .prompt-section-description .form-input textarea,
  .workflow-modal .workflow-section-description .form-input textarea,
  .workflow-modal .function-section-description .form-input textarea,
  .workflow-modal .chat-section-description .form-input textarea,
  .function-modal .portal-section-description .form-input textarea,
  .function-modal .prompt-section-description .form-input textarea,
  .function-modal .workflow-section-description .form-input textarea,
  .function-modal .function-section-description .form-input textarea,
  .function-modal .chat-section-description .form-input textarea,
  .portal-modal .portal-section-description .form-input textarea,
  .portal-modal .prompt-section-description .form-input textarea,
  .portal-modal .workflow-section-description .form-input textarea,
  .portal-modal .function-section-description .form-input textarea,
  .portal-modal .chat-section-description .form-input textarea,
  .chat-modal .portal-section-description .form-input textarea,
  .chat-modal .prompt-section-description .form-input textarea,
  .chat-modal .workflow-section-description .form-input textarea,
  .chat-modal .function-section-description .form-input textarea,
  .chat-modal .chat-section-description .form-input textarea {
    min-height: 70px; }
  .workflow-modal .portal-section-description .form-input textarea,
  .workflow-modal .portal-section-description .form-input input,
  .workflow-modal .prompt-section-description .form-input textarea,
  .workflow-modal .prompt-section-description .form-input input,
  .workflow-modal .workflow-section-description .form-input textarea,
  .workflow-modal .workflow-section-description .form-input input,
  .workflow-modal .function-section-description .form-input textarea,
  .workflow-modal .function-section-description .form-input input,
  .workflow-modal .chat-section-description .form-input textarea,
  .workflow-modal .chat-section-description .form-input input,
  .function-modal .portal-section-description .form-input textarea,
  .function-modal .portal-section-description .form-input input,
  .function-modal .prompt-section-description .form-input textarea,
  .function-modal .prompt-section-description .form-input input,
  .function-modal .workflow-section-description .form-input textarea,
  .function-modal .workflow-section-description .form-input input,
  .function-modal .function-section-description .form-input textarea,
  .function-modal .function-section-description .form-input input,
  .function-modal .chat-section-description .form-input textarea,
  .function-modal .chat-section-description .form-input input,
  .portal-modal .portal-section-description .form-input textarea,
  .portal-modal .portal-section-description .form-input input,
  .portal-modal .prompt-section-description .form-input textarea,
  .portal-modal .prompt-section-description .form-input input,
  .portal-modal .workflow-section-description .form-input textarea,
  .portal-modal .workflow-section-description .form-input input,
  .portal-modal .function-section-description .form-input textarea,
  .portal-modal .function-section-description .form-input input,
  .portal-modal .chat-section-description .form-input textarea,
  .portal-modal .chat-section-description .form-input input,
  .chat-modal .portal-section-description .form-input textarea,
  .chat-modal .portal-section-description .form-input input,
  .chat-modal .prompt-section-description .form-input textarea,
  .chat-modal .prompt-section-description .form-input input,
  .chat-modal .workflow-section-description .form-input textarea,
  .chat-modal .workflow-section-description .form-input input,
  .chat-modal .function-section-description .form-input textarea,
  .chat-modal .function-section-description .form-input input,
  .chat-modal .chat-section-description .form-input textarea,
  .chat-modal .chat-section-description .form-input input {
    border: 0;
    resize: none;
    padding: 0 6px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0; }
    .workflow-modal .portal-section-description .form-input textarea:hover, .workflow-modal .portal-section-description .form-input textarea:active, .workflow-modal .portal-section-description .form-input textarea:focus,
    .workflow-modal .portal-section-description .form-input input:hover,
    .workflow-modal .portal-section-description .form-input input:active,
    .workflow-modal .portal-section-description .form-input input:focus,
    .workflow-modal .prompt-section-description .form-input textarea:hover,
    .workflow-modal .prompt-section-description .form-input textarea:active,
    .workflow-modal .prompt-section-description .form-input textarea:focus,
    .workflow-modal .prompt-section-description .form-input input:hover,
    .workflow-modal .prompt-section-description .form-input input:active,
    .workflow-modal .prompt-section-description .form-input input:focus,
    .workflow-modal .workflow-section-description .form-input textarea:hover,
    .workflow-modal .workflow-section-description .form-input textarea:active,
    .workflow-modal .workflow-section-description .form-input textarea:focus,
    .workflow-modal .workflow-section-description .form-input input:hover,
    .workflow-modal .workflow-section-description .form-input input:active,
    .workflow-modal .workflow-section-description .form-input input:focus,
    .workflow-modal .function-section-description .form-input textarea:hover,
    .workflow-modal .function-section-description .form-input textarea:active,
    .workflow-modal .function-section-description .form-input textarea:focus,
    .workflow-modal .function-section-description .form-input input:hover,
    .workflow-modal .function-section-description .form-input input:active,
    .workflow-modal .function-section-description .form-input input:focus,
    .workflow-modal .chat-section-description .form-input textarea:hover,
    .workflow-modal .chat-section-description .form-input textarea:active,
    .workflow-modal .chat-section-description .form-input textarea:focus,
    .workflow-modal .chat-section-description .form-input input:hover,
    .workflow-modal .chat-section-description .form-input input:active,
    .workflow-modal .chat-section-description .form-input input:focus,
    .function-modal .portal-section-description .form-input textarea:hover,
    .function-modal .portal-section-description .form-input textarea:active,
    .function-modal .portal-section-description .form-input textarea:focus,
    .function-modal .portal-section-description .form-input input:hover,
    .function-modal .portal-section-description .form-input input:active,
    .function-modal .portal-section-description .form-input input:focus,
    .function-modal .prompt-section-description .form-input textarea:hover,
    .function-modal .prompt-section-description .form-input textarea:active,
    .function-modal .prompt-section-description .form-input textarea:focus,
    .function-modal .prompt-section-description .form-input input:hover,
    .function-modal .prompt-section-description .form-input input:active,
    .function-modal .prompt-section-description .form-input input:focus,
    .function-modal .workflow-section-description .form-input textarea:hover,
    .function-modal .workflow-section-description .form-input textarea:active,
    .function-modal .workflow-section-description .form-input textarea:focus,
    .function-modal .workflow-section-description .form-input input:hover,
    .function-modal .workflow-section-description .form-input input:active,
    .function-modal .workflow-section-description .form-input input:focus,
    .function-modal .function-section-description .form-input textarea:hover,
    .function-modal .function-section-description .form-input textarea:active,
    .function-modal .function-section-description .form-input textarea:focus,
    .function-modal .function-section-description .form-input input:hover,
    .function-modal .function-section-description .form-input input:active,
    .function-modal .function-section-description .form-input input:focus,
    .function-modal .chat-section-description .form-input textarea:hover,
    .function-modal .chat-section-description .form-input textarea:active,
    .function-modal .chat-section-description .form-input textarea:focus,
    .function-modal .chat-section-description .form-input input:hover,
    .function-modal .chat-section-description .form-input input:active,
    .function-modal .chat-section-description .form-input input:focus,
    .portal-modal .portal-section-description .form-input textarea:hover,
    .portal-modal .portal-section-description .form-input textarea:active,
    .portal-modal .portal-section-description .form-input textarea:focus,
    .portal-modal .portal-section-description .form-input input:hover,
    .portal-modal .portal-section-description .form-input input:active,
    .portal-modal .portal-section-description .form-input input:focus,
    .portal-modal .prompt-section-description .form-input textarea:hover,
    .portal-modal .prompt-section-description .form-input textarea:active,
    .portal-modal .prompt-section-description .form-input textarea:focus,
    .portal-modal .prompt-section-description .form-input input:hover,
    .portal-modal .prompt-section-description .form-input input:active,
    .portal-modal .prompt-section-description .form-input input:focus,
    .portal-modal .workflow-section-description .form-input textarea:hover,
    .portal-modal .workflow-section-description .form-input textarea:active,
    .portal-modal .workflow-section-description .form-input textarea:focus,
    .portal-modal .workflow-section-description .form-input input:hover,
    .portal-modal .workflow-section-description .form-input input:active,
    .portal-modal .workflow-section-description .form-input input:focus,
    .portal-modal .function-section-description .form-input textarea:hover,
    .portal-modal .function-section-description .form-input textarea:active,
    .portal-modal .function-section-description .form-input textarea:focus,
    .portal-modal .function-section-description .form-input input:hover,
    .portal-modal .function-section-description .form-input input:active,
    .portal-modal .function-section-description .form-input input:focus,
    .portal-modal .chat-section-description .form-input textarea:hover,
    .portal-modal .chat-section-description .form-input textarea:active,
    .portal-modal .chat-section-description .form-input textarea:focus,
    .portal-modal .chat-section-description .form-input input:hover,
    .portal-modal .chat-section-description .form-input input:active,
    .portal-modal .chat-section-description .form-input input:focus,
    .chat-modal .portal-section-description .form-input textarea:hover,
    .chat-modal .portal-section-description .form-input textarea:active,
    .chat-modal .portal-section-description .form-input textarea:focus,
    .chat-modal .portal-section-description .form-input input:hover,
    .chat-modal .portal-section-description .form-input input:active,
    .chat-modal .portal-section-description .form-input input:focus,
    .chat-modal .prompt-section-description .form-input textarea:hover,
    .chat-modal .prompt-section-description .form-input textarea:active,
    .chat-modal .prompt-section-description .form-input textarea:focus,
    .chat-modal .prompt-section-description .form-input input:hover,
    .chat-modal .prompt-section-description .form-input input:active,
    .chat-modal .prompt-section-description .form-input input:focus,
    .chat-modal .workflow-section-description .form-input textarea:hover,
    .chat-modal .workflow-section-description .form-input textarea:active,
    .chat-modal .workflow-section-description .form-input textarea:focus,
    .chat-modal .workflow-section-description .form-input input:hover,
    .chat-modal .workflow-section-description .form-input input:active,
    .chat-modal .workflow-section-description .form-input input:focus,
    .chat-modal .function-section-description .form-input textarea:hover,
    .chat-modal .function-section-description .form-input textarea:active,
    .chat-modal .function-section-description .form-input textarea:focus,
    .chat-modal .function-section-description .form-input input:hover,
    .chat-modal .function-section-description .form-input input:active,
    .chat-modal .function-section-description .form-input input:focus,
    .chat-modal .chat-section-description .form-input textarea:hover,
    .chat-modal .chat-section-description .form-input textarea:active,
    .chat-modal .chat-section-description .form-input textarea:focus,
    .chat-modal .chat-section-description .form-input input:hover,
    .chat-modal .chat-section-description .form-input input:active,
    .chat-modal .chat-section-description .form-input input:focus {
      border: 0;
      resize: none;
      padding: 0 6px;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: 0; }

.dataselect.disabled .form-input .form-control {
  cursor: default; }

.dataselect.single-line .form-input .form-control {
  padding: 5px 22px 2px 12px !important; }
  .dataselect.single-line .form-input .form-control > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 90%;
    display: block;
    height: 100%; }

.dataselect .form-input.form-search {
  margin: 0 8px; }

.dataselect .dropdown .dropdown-menu {
  width: 100%;
  border-radius: 8px; }

.dataselect .dataselect-toggle {
  padding: 0;
  background: transparent !important;
  border: none !important;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important; }

.dataselect.dataselect-recipient .form-input .form-control > span, .dataselect.dataselect-link .form-input .form-control > span, .dataselect.dataselect-owner .form-input .form-control > span, .dataselect.dataselect-carousel2 .form-input .form-control > span {
  padding-left: 24px; }

.dataselect.dataselect-recipient .form-input .form-control .thumb, .dataselect.dataselect-link .form-input .form-control .thumb, .dataselect.dataselect-owner .form-input .form-control .thumb, .dataselect.dataselect-carousel2 .form-input .form-control .thumb {
  margin: 0 4px 0 0;
  position: absolute;
  left: 0;
  bottom: 0; }

.dataselect .form-input {
  padding: 0;
  cursor: pointer; }
  .dataselect .form-input .form-control {
    cursor: pointer;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    resize: none;
    font-size: 16px;
    outline: none;
    width: 100%;
    text-align: left;
    -webkit-appearance: none;
    -webkit-user-select: text; }
    .dataselect .form-input .form-control.disabled {
      background: #f2f4f6; }
    .dataselect .form-input .form-control > span {
      text-align: left;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      font-size: 14px; }
      .dataselect .form-input .form-control > span.placeholder {
        color: #BBC4CD; }
  .dataselect .form-input label, .dataselect .form-input label span {
    text-align: left;
    width: 100%; }

.dataselect .form-select {
  width: 100%;
  max-height: 150px;
  height: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: white;
  margin: 4px 0 0;
  padding: 4px;
  border-radius: 4px; }
  .dataselect .form-select.empty p {
    padding: 24px 0;
    font-weight: 300;
    font-size: 16px;
    color: #86909A;
    text-align: center;
    margin: 0;
    width: 100%;
    min-height: 200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .dataselect .form-select.empty p > i {
      margin: 0 2px;
      display: inherit; }
  .dataselect .form-select .form-select-wrapper {
    width: 100%;
    max-height: 200px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: inherit;
    padding: 0 8px;
    overflow: hidden auto; }
    .dataselect .form-select .form-select-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .dataselect .form-select .form-select-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .dataselect .form-select .form-select-wrapper::-webkit-scrollbar-thumb {
      background-color: #BBC4CD;
      border-radius: 6px; }
    .dataselect .form-select .form-select-wrapper.recipient .form-select-item, .dataselect .form-select .form-select-wrapper.link .form-select-item, .dataselect .form-select .form-select-wrapper.owner .form-select-item, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .dataselect .form-select .form-select-wrapper.recipient .form-select-item.multiline label, .dataselect .form-select .form-select-wrapper.link .form-select-item.multiline label, .dataselect .form-select .form-select-wrapper.owner .form-select-item.multiline label, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item.multiline label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .dataselect .form-select .form-select-wrapper.recipient .form-select-item.multiline label .badge, .dataselect .form-select .form-select-wrapper.link .form-select-item.multiline label .badge, .dataselect .form-select .form-select-wrapper.owner .form-select-item.multiline label .badge, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item.multiline label .badge {
          color: white; }
        .dataselect .form-select .form-select-wrapper.recipient .form-select-item.multiline label > div, .dataselect .form-select .form-select-wrapper.link .form-select-item.multiline label > div, .dataselect .form-select .form-select-wrapper.owner .form-select-item.multiline label > div, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item.multiline label > div {
          color: #86909A; }
        .dataselect .form-select .form-select-wrapper.recipient .form-select-item.multiline label > span, .dataselect .form-select .form-select-wrapper.link .form-select-item.multiline label > span, .dataselect .form-select .form-select-wrapper.owner .form-select-item.multiline label > span, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item.multiline label > span {
          font-weight: 700;
          color: #515A63; }
      .dataselect .form-select .form-select-wrapper.recipient .form-select-item .lead-icon.thumb, .dataselect .form-select .form-select-wrapper.link .form-select-item .lead-icon.thumb, .dataselect .form-select .form-select-wrapper.owner .form-select-item .lead-icon.thumb, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item .lead-icon.thumb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .dataselect .form-select .form-select-wrapper.recipient .form-select-item label span,
      .dataselect .form-select .form-select-wrapper.recipient .form-select-item label, .dataselect .form-select .form-select-wrapper.link .form-select-item label span,
      .dataselect .form-select .form-select-wrapper.link .form-select-item label, .dataselect .form-select .form-select-wrapper.owner .form-select-item label span,
      .dataselect .form-select .form-select-wrapper.owner .form-select-item label, .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item label span,
      .dataselect .form-select .form-select-wrapper.carousel2 .form-select-item label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left; }

.dataselect .thumb {
  display: block;
  background-color: #BBC4CD;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 32px;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  margin: 0 4px; }

.dataselect .form-select-badge {
  background: #BBC4CD;
  border-radius: 6px;
  padding: 0 6px;
  color: white; }

.dataselect .form-select-item {
  width: 100%;
  height: auto;
  padding: 4px 0;
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  -webkit-transition: all .05s ease;
  transition: all .05s ease;
  border: 1px solid transparent; }
  .dataselect .form-select-item:not(.multi).selected {
    background: #f2f5f7; }
  .dataselect .form-select-item.multi label {
    padding: 0 0 0 28px !important; }
  .dataselect .form-select-item:hover, .dataselect .form-select-item:active, .dataselect .form-select-item:focus {
    background: #f2f5f7; }
    .dataselect .form-select-item:hover i.remove, .dataselect .form-select-item:active i.remove, .dataselect .form-select-item:focus i.remove {
      opacity: 1; }
  .dataselect .form-select-item label {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    display: block;
    color: #707172;
    font-size: 13px;
    cursor: pointer; }
    .dataselect .form-select-item label.empty {
      text-align: center !important; }
    .dataselect .form-select-item label.more {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #008AFF; }
      .dataselect .form-select-item label.more i {
        margin: 0 4px 0 0; }
  .dataselect .form-select-item i.checkbox {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid #BBC4CD;
    position: absolute;
    left: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden; }
    .dataselect .form-select-item i.checkbox.checked {
      background: #4DD500;
      border: 1px solid #4DD500; }
    .dataselect .form-select-item i.checkbox:not(.checked) > svg {
      visibility: hidden; }

.dropdown-select.btn-tag {
  color: #86909A !important;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .dropdown-select.btn-tag > span {
    margin: 0 4px 0 0; }
    .dropdown-select.btn-tag > span:last-of-type {
      margin: 0; }
  .dropdown-select.btn-tag span.tags-add {
    border-radius: 6px;
    width: 24px;
    height: 24px;
    min-width: 24px;
    padding: 0;
    background: #E0E6EC;
    border: 1px solid #E0E6EC;
    color: #86909A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    cursor: pointer;
    opacity: 1; }

.common-tags {
  min-width: auto !important;
  width: auto !important;
  overflow: initial !important; }
  .common-tags .form-input {
    padding: 0 0 12px; }
    .common-tags .form-input .form-control {
      padding: 4px 12px;
      height: 32px;
      max-height: 32px;
      border-radius: 8px;
      font-size: 14px; }
  .common-tags .circle-picker {
    margin-bottom: 18px !important; }
  .common-tags .common-tags-content {
    max-height: 256px;
    overflow: hidden auto;
    scrollbar-width: thin; }
    .common-tags .common-tags-content:hover::-webkit-scrollbar-thumb, .common-tags .common-tags-content:focus::-webkit-scrollbar-thumb, .common-tags .common-tags-content:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .common-tags .common-tags-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .common-tags .common-tags-content::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .common-tags .common-tags-content::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
  .common-tags .common-tags-header {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    margin: 0 0 12px !important; }
    .common-tags .common-tags-header.action {
      cursor: pointer; }
      .common-tags .common-tags-header.action label {
        cursor: pointer; }
      .common-tags .common-tags-header.action b {
        margin: 0 8px 0 0;
        height: 16px; }
    .common-tags .common-tags-header label {
      margin: 0;
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      font-size: 14px !important; }
    .common-tags .common-tags-header i {
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      position: absolute !important;
      top: -4px !important;
      right: 4px !important;
      left: initial !important;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .common-tags .common-tags-header i:hover, .common-tags .common-tags-header i:focus, .common-tags .common-tags-header i:active {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
  .common-tags .tag-field {
    background: transparent !important;
    padding: 2px 8px !important; }
    .common-tags .tag-field:not(.selected) {
      opacity: 0.65; }
      .common-tags .tag-field:not(.selected) label {
        font-weight: 300; }
      .common-tags .tag-field:not(.selected) .tag-field-tag i {
        opacity: 0; }
      .common-tags .tag-field:not(.selected):hover, .common-tags .tag-field:not(.selected):active, .common-tags .tag-field:not(.selected):focus {
        opacity: 1; }
    .common-tags .tag-field:hover .tag-field-tag i svg, .common-tags .tag-field:active .tag-field-tag i svg, .common-tags .tag-field:focus .tag-field-tag i svg {
      fill: #fff !important; }
    .common-tags .tag-field:hover .tag-field-tag b, .common-tags .tag-field:active .tag-field-tag b, .common-tags .tag-field:focus .tag-field-tag b {
      opacity: 1; }
    .common-tags .tag-field:hover .tag-field-tag i, .common-tags .tag-field:active .tag-field-tag i, .common-tags .tag-field:focus .tag-field-tag i {
      opacity: 1; }
    .common-tags .tag-field.selected {
      background: #f2f5f7 !important;
      border-radius: 8px; }
    .common-tags .tag-field .tag-field-tag {
      border-radius: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      height: 28px;
      background: #BBC4CD; }
      .common-tags .tag-field .tag-field-tag.ghost label {
        color: initial !important; }
      .common-tags .tag-field .tag-field-tag i {
        margin: 0 8px;
        opacity: 1; }
      .common-tags .tag-field .tag-field-tag b {
        opacity: 0; }
      .common-tags .tag-field .tag-field-tag label {
        padding: 0;
        margin: 0;
        color: white !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 500;
        font-size: 14px; }
      .common-tags .tag-field .tag-field-tag b {
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        margin: 0 4px 0 0; }
        .common-tags .tag-field .tag-field-tag b:hover, .common-tags .tag-field .tag-field-tag b:focus, .common-tags .tag-field .tag-field-tag b:active {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
  .common-tags .common-field.action {
    padding: 12px 0 0 !important; }
    .common-tags .common-field.action.align-right {
      -webkit-box-pack: end !important;
      -webkit-justify-content: flex-end !important;
      -moz-box-pack: end !important;
      -ms-flex-pack: end !important;
      justify-content: flex-end !important; }
      .common-tags .common-field.action.align-right .btn-icon {
        margin: 0 8px 0 0;
        height: 28px;
        width: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .common-tags .common-field.action.align-right .btn-icon:active, .common-tags .common-field.action.align-right .btn-icon:focus, .common-tags .common-field.action.align-right .btn-icon:hover {
          background: #86909A !important; }

.common-modal.condition-modal .common-modal-header h3 {
  font-size: 20px;
  margin: 0 24px 12px 0; }

.common-modal.condition-modal .canvas-selector ul.blocktypes li b {
  padding: 8px 0 8px 12px;
  width: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.common-modal.condition-modal .condition-selector {
  max-height: 300px;
  min-height: 250px;
  overflow: hidden auto;
  padding: 0 4px 0 0; }
  .common-modal.condition-modal .condition-selector:hover::-webkit-scrollbar-thumb, .common-modal.condition-modal .condition-selector:focus::-webkit-scrollbar-thumb, .common-modal.condition-modal .condition-selector:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .common-modal.condition-modal .condition-selector.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .common-modal.condition-modal .condition-selector p.loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal.condition-modal .condition-selector p.loading i {
      margin: 0 4px 0 0; }
  .common-modal.condition-modal .condition-selector::-webkit-scrollbar-track {
    background-color: transparent; }
  .common-modal.condition-modal .condition-selector::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .common-modal.condition-modal .condition-selector::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .common-modal.condition-modal .condition-selector > label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    margin: 12px 0;
    background: #E0E6EC;
    width: 100%;
    padding: 4px 8px;
    border-radius: 4px;
    color: #86909A; }
    .common-modal.condition-modal .condition-selector > label:first-of-type {
      margin: 0 0 12px; }
  .common-modal.condition-modal .condition-selector .qualification-selector {
    overflow: initial;
    max-height: initial; }
  .common-modal.condition-modal .condition-selector .qualification-selector-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 22px; }
    .common-modal.condition-modal .condition-selector .qualification-selector-section > i {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border-radius: 50%; }
    .common-modal.condition-modal .condition-selector .qualification-selector-section > label {
      text-transform: capitalize;
      padding: 0 4px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 600;
      margin: 0 0 8px; }
  .common-modal.condition-modal .condition-selector ul.blocktypes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .common-modal.condition-modal .condition-selector ul.blocktypes li {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      cursor: pointer;
      color: #86909A; }
      .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):hover, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):focus, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):active, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled).active {
        color: #515A63;
        font-weight: 700;
        background: #E0E6EC;
        border-radius: 4px; }
        .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):hover b svg, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):focus b svg, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled):active b svg, .common-modal.condition-modal .condition-selector ul.blocktypes li:not(.disabled).active b svg {
          fill: #008AFF !important; }
      .common-modal.condition-modal .condition-selector ul.blocktypes li b {
        padding: 8px 0 8px 12px; }
      .common-modal.condition-modal .condition-selector ul.blocktypes li span {
        font-size: 13px;
        padding: 8px 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .common-modal.condition-modal .condition-selector ul.blocktypes li span label {
          margin-bottom: 4px; }
        .common-modal.condition-modal .condition-selector ul.blocktypes li span p {
          margin: 0;
          font-size: 12px; }

.common-modal.condition-modal .condition-modal-details {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: auto;
  min-height: 250px;
  max-height: 380px; }

.common-modal.condition-modal .condition-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%; }

.common-modal.condition-modal .condition-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .common-modal.condition-modal .condition-content .form-input {
    padding: 4px 0; }

.common-modal.condition-modal .condition-operators {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin: 18px 0; }
  .common-modal.condition-modal .condition-operators .condition-operator {
    background: #BBC4CD;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    padding: 0 4px;
    width: auto;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .common-modal.condition-modal .condition-operators .condition-operator.active, .common-modal.condition-modal .condition-operators .condition-operator:hover, .common-modal.condition-modal .condition-operators .condition-operator:active, .common-modal.condition-modal .condition-operators .condition-operator:focus {
      cursor: pointer;
      background: #008AFF; }

.common-modal.link-modal .link-preview-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.common-modal.link-modal .lookup-modal-form-section > div {
  margin: 8px 0 0; }

.common-modal.link-modal .input-replacements > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 8px; }
  .common-modal.link-modal .input-replacements > div:last-of-type {
    margin: 0; }
  .common-modal.link-modal .input-replacements > div .selector-field {
    margin: 0 8px 0 0; }
    .common-modal.link-modal .input-replacements > div .selector-field:last-of-type {
      margin: 0; }
    .common-modal.link-modal .input-replacements > div .selector-field .form-field {
      margin: 5px 8px !important; }

.common-modal.link-modal ul.blocktypes li span.filter-icon {
  padding: 0; }

.link-items .link-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 4px 0;
  padding: 0 0 4px 0;
  height: 42px;
  min-height: 42px; }
  .link-items .link-item .thumb {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0; }
  .link-items .link-item label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left; }

.lead-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background: #E0E6EC;
  color: white;
  font-size: 16px;
  font-weight: 600; }

.info-modal {
  position: absolute !important;
  top: 110px;
  right: 0;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  height: -webkit-calc(100% - 110px);
  height: calc(100% - 110px);
  z-index: 500;
  background: rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden auto; }
  .info-modal:hover::-webkit-scrollbar-thumb, .info-modal:focus::-webkit-scrollbar-thumb, .info-modal:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .info-modal::-webkit-scrollbar-track {
    background-color: transparent; }
  .info-modal::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .info-modal::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .info-modal .info-modal-content {
    width: 70%;
    min-width: 800px;
    max-width: 1000px;
    height: auto;
    min-height: 250px;
    border-radius: 12px;
    padding: 12px;
    background: white;
    margin: 5% 0 0;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.12);
    position: relative; }
    .info-modal .info-modal-content u.close {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 1rem;
      right: 1rem;
      cursor: pointer;
      opacity: .75; }
      .info-modal .info-modal-content u.close:hover, .info-modal .info-modal-content u.close:active, .info-modal .info-modal-content u.close:focus {
        opacity: 1; }
    .info-modal .info-modal-content.emptystate-card {
      max-width: 550px;
      min-width: 550px;
      border: none; }
      .info-modal .info-modal-content.emptystate-card .btn-tab {
        color: #4DD500;
        font-weight: 700 !important;
        border-bottom: 3px solid #4DD500;
        padding: 4px 0 !important;
        border-radius: 0;
        font-size: 16px !important; }
  .info-modal .info-modal-actions {
    border-top: 1px solid #E0E6EC;
    padding: 12px 0 0;
    margin: 12px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .info-modal .info-modal-actions label {
      font-weight: 500;
      font-size: 14px;
      color: #515A63;
      margin: 0;
      padding: 0 8px; }
    .info-modal .info-modal-actions .btn {
      white-space: nowrap; }
  .info-modal .info-modal-list .info-modal-listitem > p, .info-modal .info-modal-list .info-modal-listitem > b {
    padding: 0 0 12px;
    font-weight: 300;
    font-size: 14px;
    color: #86909A;
    text-align: left;
    margin: 0; }
  .info-modal .info-modal-body.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0; }
    .info-modal .info-modal-body.columns .info-modal-section {
      border-right: 1px solid #E0E6EC;
      padding: 8px 24px; }
      .info-modal .info-modal-body.columns .info-modal-section:last-of-type {
        border-right: none; }
      .info-modal .info-modal-body.columns .info-modal-section.list {
        width: 350px;
        min-width: 350px;
        max-height: 380px;
        overflow: hidden auto; }
        .info-modal .info-modal-body.columns .info-modal-section.list:hover::-webkit-scrollbar-thumb, .info-modal .info-modal-body.columns .info-modal-section.list:focus::-webkit-scrollbar-thumb, .info-modal .info-modal-body.columns .info-modal-section.list:active::-webkit-scrollbar-thumb {
          background-color: #BBC4CD; }
        .info-modal .info-modal-body.columns .info-modal-section.list::-webkit-scrollbar-track {
          background-color: transparent; }
        .info-modal .info-modal-body.columns .info-modal-section.list::-webkit-scrollbar {
          border-radius: 6px;
          width: 4px; }
        .info-modal .info-modal-body.columns .info-modal-section.list::-webkit-scrollbar-thumb {
          background-color: #E0E6EC;
          border-radius: 6px; }
        .info-modal .info-modal-body.columns .info-modal-section.list .topic {
          display: block;
          text-transform: uppercase;
          color: #BBC4CD;
          font-weight: 600;
          font-size: 12px; }
          .info-modal .info-modal-body.columns .info-modal-section.list .topic > i {
            display: inline-block; }
        .info-modal .info-modal-body.columns .info-modal-section.list .title {
          display: block;
          font-weight: 600;
          font-size: 18px;
          margin: 12px 0; }
  .info-modal .info-modal-body label {
    margin: 0 0 12px;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: #475059;
    text-align: left;
    width: 100%;
    line-height: 1.2; }
  .info-modal .info-modal-body b {
    font-weight: 700 !important; }
  .info-modal .info-modal-body p, .info-modal .info-modal-body ul, .info-modal .info-modal-body li, .info-modal .info-modal-body b {
    font-weight: 300;
    font-size: 14px;
    color: #86909A; }
  .info-modal .info-modal-body i {
    color: #475059; }
  .info-modal .info-modal-body p {
    padding: 0 0 12px;
    text-align: left;
    margin: 0;
    width: 100%; }
  .info-modal .info-modal-body ul {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-start: 0;
    -moz-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    -moz-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 24px;
    -moz-padding-start: 24px;
    padding-inline-start: 24px; }

.section-selector-popup .section-select-button {
  background: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0; }
  .section-selector-popup .section-select-button .section-selector-tag {
    text-transform: capitalize;
    padding: 0 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #ABB2B9;
    margin: 0 8px 0 0;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .section-selector-popup .section-select-button .section-selector-tag.main {
      border: 1px solid #E0E6EC; }
    .section-selector-popup .section-select-button .section-selector-tag:hover, .section-selector-popup .section-select-button .section-selector-tag:active, .section-selector-popup .section-select-button .section-selector-tag:focus {
      -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
      transform: translate(0, -2px);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12); }

.section-selector-popup .section-selector-content {
  width: 220px;
  max-width: 220px; }

.section-selector-popup .section-sections {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  cursor: pointer; }
  .section-selector-popup .section-sections li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    color: #86909A;
    padding: 4px 8px 4px 12px; }
    .section-selector-popup .section-sections li:not(.disabled):hover, .section-selector-popup .section-sections li:not(.disabled):focus, .section-selector-popup .section-sections li:not(.disabled):active, .section-selector-popup .section-sections li:not(.disabled).active {
      color: #515A63;
      font-weight: 700;
      background: #E0E6EC;
      border-radius: 4px; }
      .section-selector-popup .section-sections li:not(.disabled):hover b svg, .section-selector-popup .section-sections li:not(.disabled):focus b svg, .section-selector-popup .section-sections li:not(.disabled):active b svg, .section-selector-popup .section-sections li:not(.disabled).active b svg {
        fill: #008AFF !important; }
    .section-selector-popup .section-sections li b {
      padding: 4px 8px 4px 0; }
    .section-selector-popup .section-sections li span {
      text-transform: capitalize;
      padding: 0 4px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 600;
      color: #ABB2B9;
      margin: 0;
      height: 22px;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      line-height: 22px; }

.timeselect.disabled .form-input .form-control,
.phoneselect.disabled .form-input .form-control,
.numberselect.disabled .form-input .form-control,
.locationselect.disabled .form-input .form-control,
.calendartimeselect.disabled .form-input .form-control,
.calendarselect.disabled .form-input .form-control {
  cursor: default; }

.timeselect .form-input.form-search,
.phoneselect .form-input.form-search,
.numberselect .form-input.form-search,
.locationselect .form-input.form-search,
.calendartimeselect .form-input.form-search,
.calendarselect .form-input.form-search {
  margin: 0 12px 12px; }

.timeselect .dropdown .dropdown-menu,
.phoneselect .dropdown .dropdown-menu,
.numberselect .dropdown .dropdown-menu,
.locationselect .dropdown .dropdown-menu,
.calendartimeselect .dropdown .dropdown-menu,
.calendarselect .dropdown .dropdown-menu {
  width: 100%;
  border-radius: 8px; }
  .timeselect .dropdown .dropdown-menu.show,
  .phoneselect .dropdown .dropdown-menu.show,
  .numberselect .dropdown .dropdown-menu.show,
  .locationselect .dropdown .dropdown-menu.show,
  .calendartimeselect .dropdown .dropdown-menu.show,
  .calendarselect .dropdown .dropdown-menu.show {
    min-width: 280px; }

.timeselect .dataselect-toggle,
.phoneselect .dataselect-toggle,
.numberselect .dataselect-toggle,
.locationselect .dataselect-toggle,
.calendartimeselect .dataselect-toggle,
.calendarselect .dataselect-toggle {
  padding: 0;
  background: transparent !important;
  border: none !important;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important; }

.timeselect .form-input,
.phoneselect .form-input,
.numberselect .form-input,
.locationselect .form-input,
.calendartimeselect .form-input,
.calendarselect .form-input {
  padding: 0;
  cursor: pointer; }
  .timeselect .form-input .form-control,
  .phoneselect .form-input .form-control,
  .numberselect .form-input .form-control,
  .locationselect .form-input .form-control,
  .calendartimeselect .form-input .form-control,
  .calendarselect .form-input .form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    resize: none;
    font-size: 14px;
    outline: none;
    width: 100%;
    cursor: text;
    text-align: left;
    -webkit-appearance: none;
    -webkit-user-select: text; }
    .timeselect .form-input .form-control.disabled,
    .phoneselect .form-input .form-control.disabled,
    .numberselect .form-input .form-control.disabled,
    .locationselect .form-input .form-control.disabled,
    .calendartimeselect .form-input .form-control.disabled,
    .calendarselect .form-input .form-control.disabled {
      background: #f2f4f6; }
    .timeselect .form-input .form-control > span,
    .phoneselect .form-input .form-control > span,
    .numberselect .form-input .form-control > span,
    .locationselect .form-input .form-control > span,
    .calendartimeselect .form-input .form-control > span,
    .calendarselect .form-input .form-control > span {
      text-align: left;
      font-weight: 400;
      line-height: 1.5;
      color: #495057; }
      .timeselect .form-input .form-control > span.placeholder,
      .phoneselect .form-input .form-control > span.placeholder,
      .numberselect .form-input .form-control > span.placeholder,
      .locationselect .form-input .form-control > span.placeholder,
      .calendartimeselect .form-input .form-control > span.placeholder,
      .calendarselect .form-input .form-control > span.placeholder {
        color: #BBC4CD; }
  .timeselect .form-input label, .timeselect .form-input label span,
  .phoneselect .form-input label,
  .phoneselect .form-input label span,
  .numberselect .form-input label,
  .numberselect .form-input label span,
  .locationselect .form-input label,
  .locationselect .form-input label span,
  .calendartimeselect .form-input label,
  .calendartimeselect .form-input label span,
  .calendarselect .form-input label,
  .calendarselect .form-input label span {
    text-align: left;
    width: 100%; }

.appointment-select-container .form-input i {
  position: absolute;
  left: 8px;
  width: 24px;
  bottom: 6px;
  top: initial;
  font-size: 14px;
  font-style: initial;
  color: #BBC4CD;
  font-weight: 600; }

.timeselect .appointment-select-value,
.timeselect .timeselect-value,
.timeselect .locationselect-value,
.timeselect .phoneselect-value,
.timeselect .calendarselect-value,
.timeselect .calendartimeselect-value,
.calendarselect .appointment-select-value,
.calendarselect .timeselect-value,
.calendarselect .locationselect-value,
.calendarselect .phoneselect-value,
.calendarselect .calendarselect-value,
.calendarselect .calendartimeselect-value,
.appointment-select-container .appointment-select-value,
.appointment-select-container .timeselect-value,
.appointment-select-container .locationselect-value,
.appointment-select-container .phoneselect-value,
.appointment-select-container .calendarselect-value,
.appointment-select-container .calendartimeselect-value,
.phoneselect .appointment-select-value,
.phoneselect .timeselect-value,
.phoneselect .locationselect-value,
.phoneselect .phoneselect-value,
.phoneselect .calendarselect-value,
.phoneselect .calendartimeselect-value,
.locationselect .appointment-select-value,
.locationselect .timeselect-value,
.locationselect .locationselect-value,
.locationselect .phoneselect-value,
.locationselect .calendarselect-value,
.locationselect .calendartimeselect-value,
.calendartimeselect .appointment-select-value,
.calendartimeselect .timeselect-value,
.calendartimeselect .locationselect-value,
.calendartimeselect .phoneselect-value,
.calendartimeselect .calendarselect-value,
.calendartimeselect .calendartimeselect-value {
  position: relative; }

.timeselect .appointment-select-badges,
.timeselect .timeselect-badges,
.timeselect .phoneselect-badges,
.timeselect .locationselect-badges,
.timeselect .calendarselect-badges,
.timeselect .calendartimeselect-badges,
.calendarselect .appointment-select-badges,
.calendarselect .timeselect-badges,
.calendarselect .phoneselect-badges,
.calendarselect .locationselect-badges,
.calendarselect .calendarselect-badges,
.calendarselect .calendartimeselect-badges,
.appointment-select-container .appointment-select-badges,
.appointment-select-container .timeselect-badges,
.appointment-select-container .phoneselect-badges,
.appointment-select-container .locationselect-badges,
.appointment-select-container .calendarselect-badges,
.appointment-select-container .calendartimeselect-badges,
.phoneselect .appointment-select-badges,
.phoneselect .timeselect-badges,
.phoneselect .phoneselect-badges,
.phoneselect .locationselect-badges,
.phoneselect .calendarselect-badges,
.phoneselect .calendartimeselect-badges,
.locationselect .appointment-select-badges,
.locationselect .timeselect-badges,
.locationselect .phoneselect-badges,
.locationselect .locationselect-badges,
.locationselect .calendarselect-badges,
.locationselect .calendartimeselect-badges,
.calendartimeselect .appointment-select-badges,
.calendartimeselect .timeselect-badges,
.calendartimeselect .phoneselect-badges,
.calendartimeselect .locationselect-badges,
.calendartimeselect .calendarselect-badges,
.calendartimeselect .calendartimeselect-badges {
  position: absolute;
  z-index: 100;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  bottom: 4px;
  left: 34px;
  font-size: 14px; }
  .timeselect .appointment-select-badges:hover .appointment-select-badge.remove,
  .timeselect .appointment-select-badges:hover .timeselect-badge.remove,
  .timeselect .appointment-select-badges:hover .phoneselect-badge.remove,
  .timeselect .appointment-select-badges:hover .locationselect-badge.remove,
  .timeselect .appointment-select-badges:hover .calendarselect-badge.remove,
  .timeselect .appointment-select-badges:hover .calendartimeselect-badge.remove, .timeselect .appointment-select-badges:active .appointment-select-badge.remove,
  .timeselect .appointment-select-badges:active .timeselect-badge.remove,
  .timeselect .appointment-select-badges:active .phoneselect-badge.remove,
  .timeselect .appointment-select-badges:active .locationselect-badge.remove,
  .timeselect .appointment-select-badges:active .calendarselect-badge.remove,
  .timeselect .appointment-select-badges:active .calendartimeselect-badge.remove, .timeselect .appointment-select-badges:focus .appointment-select-badge.remove,
  .timeselect .appointment-select-badges:focus .timeselect-badge.remove,
  .timeselect .appointment-select-badges:focus .phoneselect-badge.remove,
  .timeselect .appointment-select-badges:focus .locationselect-badge.remove,
  .timeselect .appointment-select-badges:focus .calendarselect-badge.remove,
  .timeselect .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .timeselect .timeselect-badges:hover .appointment-select-badge.remove,
  .timeselect .timeselect-badges:hover .timeselect-badge.remove,
  .timeselect .timeselect-badges:hover .phoneselect-badge.remove,
  .timeselect .timeselect-badges:hover .locationselect-badge.remove,
  .timeselect .timeselect-badges:hover .calendarselect-badge.remove,
  .timeselect .timeselect-badges:hover .calendartimeselect-badge.remove,
  .timeselect .timeselect-badges:active .appointment-select-badge.remove,
  .timeselect .timeselect-badges:active .timeselect-badge.remove,
  .timeselect .timeselect-badges:active .phoneselect-badge.remove,
  .timeselect .timeselect-badges:active .locationselect-badge.remove,
  .timeselect .timeselect-badges:active .calendarselect-badge.remove,
  .timeselect .timeselect-badges:active .calendartimeselect-badge.remove,
  .timeselect .timeselect-badges:focus .appointment-select-badge.remove,
  .timeselect .timeselect-badges:focus .timeselect-badge.remove,
  .timeselect .timeselect-badges:focus .phoneselect-badge.remove,
  .timeselect .timeselect-badges:focus .locationselect-badge.remove,
  .timeselect .timeselect-badges:focus .calendarselect-badge.remove,
  .timeselect .timeselect-badges:focus .calendartimeselect-badge.remove,
  .timeselect .phoneselect-badges:hover .appointment-select-badge.remove,
  .timeselect .phoneselect-badges:hover .timeselect-badge.remove,
  .timeselect .phoneselect-badges:hover .phoneselect-badge.remove,
  .timeselect .phoneselect-badges:hover .locationselect-badge.remove,
  .timeselect .phoneselect-badges:hover .calendarselect-badge.remove,
  .timeselect .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .timeselect .phoneselect-badges:active .appointment-select-badge.remove,
  .timeselect .phoneselect-badges:active .timeselect-badge.remove,
  .timeselect .phoneselect-badges:active .phoneselect-badge.remove,
  .timeselect .phoneselect-badges:active .locationselect-badge.remove,
  .timeselect .phoneselect-badges:active .calendarselect-badge.remove,
  .timeselect .phoneselect-badges:active .calendartimeselect-badge.remove,
  .timeselect .phoneselect-badges:focus .appointment-select-badge.remove,
  .timeselect .phoneselect-badges:focus .timeselect-badge.remove,
  .timeselect .phoneselect-badges:focus .phoneselect-badge.remove,
  .timeselect .phoneselect-badges:focus .locationselect-badge.remove,
  .timeselect .phoneselect-badges:focus .calendarselect-badge.remove,
  .timeselect .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .timeselect .locationselect-badges:hover .appointment-select-badge.remove,
  .timeselect .locationselect-badges:hover .timeselect-badge.remove,
  .timeselect .locationselect-badges:hover .phoneselect-badge.remove,
  .timeselect .locationselect-badges:hover .locationselect-badge.remove,
  .timeselect .locationselect-badges:hover .calendarselect-badge.remove,
  .timeselect .locationselect-badges:hover .calendartimeselect-badge.remove,
  .timeselect .locationselect-badges:active .appointment-select-badge.remove,
  .timeselect .locationselect-badges:active .timeselect-badge.remove,
  .timeselect .locationselect-badges:active .phoneselect-badge.remove,
  .timeselect .locationselect-badges:active .locationselect-badge.remove,
  .timeselect .locationselect-badges:active .calendarselect-badge.remove,
  .timeselect .locationselect-badges:active .calendartimeselect-badge.remove,
  .timeselect .locationselect-badges:focus .appointment-select-badge.remove,
  .timeselect .locationselect-badges:focus .timeselect-badge.remove,
  .timeselect .locationselect-badges:focus .phoneselect-badge.remove,
  .timeselect .locationselect-badges:focus .locationselect-badge.remove,
  .timeselect .locationselect-badges:focus .calendarselect-badge.remove,
  .timeselect .locationselect-badges:focus .calendartimeselect-badge.remove,
  .timeselect .calendarselect-badges:hover .appointment-select-badge.remove,
  .timeselect .calendarselect-badges:hover .timeselect-badge.remove,
  .timeselect .calendarselect-badges:hover .phoneselect-badge.remove,
  .timeselect .calendarselect-badges:hover .locationselect-badge.remove,
  .timeselect .calendarselect-badges:hover .calendarselect-badge.remove,
  .timeselect .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .timeselect .calendarselect-badges:active .appointment-select-badge.remove,
  .timeselect .calendarselect-badges:active .timeselect-badge.remove,
  .timeselect .calendarselect-badges:active .phoneselect-badge.remove,
  .timeselect .calendarselect-badges:active .locationselect-badge.remove,
  .timeselect .calendarselect-badges:active .calendarselect-badge.remove,
  .timeselect .calendarselect-badges:active .calendartimeselect-badge.remove,
  .timeselect .calendarselect-badges:focus .appointment-select-badge.remove,
  .timeselect .calendarselect-badges:focus .timeselect-badge.remove,
  .timeselect .calendarselect-badges:focus .phoneselect-badge.remove,
  .timeselect .calendarselect-badges:focus .locationselect-badge.remove,
  .timeselect .calendarselect-badges:focus .calendarselect-badge.remove,
  .timeselect .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .timeselect .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .timeselect .calendartimeselect-badges:hover .timeselect-badge.remove,
  .timeselect .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .timeselect .calendartimeselect-badges:hover .locationselect-badge.remove,
  .timeselect .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .timeselect .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .timeselect .calendartimeselect-badges:active .appointment-select-badge.remove,
  .timeselect .calendartimeselect-badges:active .timeselect-badge.remove,
  .timeselect .calendartimeselect-badges:active .phoneselect-badge.remove,
  .timeselect .calendartimeselect-badges:active .locationselect-badge.remove,
  .timeselect .calendartimeselect-badges:active .calendarselect-badge.remove,
  .timeselect .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .timeselect .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .timeselect .calendartimeselect-badges:focus .timeselect-badge.remove,
  .timeselect .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .timeselect .calendartimeselect-badges:focus .locationselect-badge.remove,
  .timeselect .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .timeselect .calendartimeselect-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .appointment-select-badges:hover .appointment-select-badge.remove,
  .calendarselect .appointment-select-badges:hover .timeselect-badge.remove,
  .calendarselect .appointment-select-badges:hover .phoneselect-badge.remove,
  .calendarselect .appointment-select-badges:hover .locationselect-badge.remove,
  .calendarselect .appointment-select-badges:hover .calendarselect-badge.remove,
  .calendarselect .appointment-select-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .appointment-select-badges:active .appointment-select-badge.remove,
  .calendarselect .appointment-select-badges:active .timeselect-badge.remove,
  .calendarselect .appointment-select-badges:active .phoneselect-badge.remove,
  .calendarselect .appointment-select-badges:active .locationselect-badge.remove,
  .calendarselect .appointment-select-badges:active .calendarselect-badge.remove,
  .calendarselect .appointment-select-badges:active .calendartimeselect-badge.remove,
  .calendarselect .appointment-select-badges:focus .appointment-select-badge.remove,
  .calendarselect .appointment-select-badges:focus .timeselect-badge.remove,
  .calendarselect .appointment-select-badges:focus .phoneselect-badge.remove,
  .calendarselect .appointment-select-badges:focus .locationselect-badge.remove,
  .calendarselect .appointment-select-badges:focus .calendarselect-badge.remove,
  .calendarselect .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .timeselect-badges:hover .appointment-select-badge.remove,
  .calendarselect .timeselect-badges:hover .timeselect-badge.remove,
  .calendarselect .timeselect-badges:hover .phoneselect-badge.remove,
  .calendarselect .timeselect-badges:hover .locationselect-badge.remove,
  .calendarselect .timeselect-badges:hover .calendarselect-badge.remove,
  .calendarselect .timeselect-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .timeselect-badges:active .appointment-select-badge.remove,
  .calendarselect .timeselect-badges:active .timeselect-badge.remove,
  .calendarselect .timeselect-badges:active .phoneselect-badge.remove,
  .calendarselect .timeselect-badges:active .locationselect-badge.remove,
  .calendarselect .timeselect-badges:active .calendarselect-badge.remove,
  .calendarselect .timeselect-badges:active .calendartimeselect-badge.remove,
  .calendarselect .timeselect-badges:focus .appointment-select-badge.remove,
  .calendarselect .timeselect-badges:focus .timeselect-badge.remove,
  .calendarselect .timeselect-badges:focus .phoneselect-badge.remove,
  .calendarselect .timeselect-badges:focus .locationselect-badge.remove,
  .calendarselect .timeselect-badges:focus .calendarselect-badge.remove,
  .calendarselect .timeselect-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .phoneselect-badges:hover .appointment-select-badge.remove,
  .calendarselect .phoneselect-badges:hover .timeselect-badge.remove,
  .calendarselect .phoneselect-badges:hover .phoneselect-badge.remove,
  .calendarselect .phoneselect-badges:hover .locationselect-badge.remove,
  .calendarselect .phoneselect-badges:hover .calendarselect-badge.remove,
  .calendarselect .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .phoneselect-badges:active .appointment-select-badge.remove,
  .calendarselect .phoneselect-badges:active .timeselect-badge.remove,
  .calendarselect .phoneselect-badges:active .phoneselect-badge.remove,
  .calendarselect .phoneselect-badges:active .locationselect-badge.remove,
  .calendarselect .phoneselect-badges:active .calendarselect-badge.remove,
  .calendarselect .phoneselect-badges:active .calendartimeselect-badge.remove,
  .calendarselect .phoneselect-badges:focus .appointment-select-badge.remove,
  .calendarselect .phoneselect-badges:focus .timeselect-badge.remove,
  .calendarselect .phoneselect-badges:focus .phoneselect-badge.remove,
  .calendarselect .phoneselect-badges:focus .locationselect-badge.remove,
  .calendarselect .phoneselect-badges:focus .calendarselect-badge.remove,
  .calendarselect .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .locationselect-badges:hover .appointment-select-badge.remove,
  .calendarselect .locationselect-badges:hover .timeselect-badge.remove,
  .calendarselect .locationselect-badges:hover .phoneselect-badge.remove,
  .calendarselect .locationselect-badges:hover .locationselect-badge.remove,
  .calendarselect .locationselect-badges:hover .calendarselect-badge.remove,
  .calendarselect .locationselect-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .locationselect-badges:active .appointment-select-badge.remove,
  .calendarselect .locationselect-badges:active .timeselect-badge.remove,
  .calendarselect .locationselect-badges:active .phoneselect-badge.remove,
  .calendarselect .locationselect-badges:active .locationselect-badge.remove,
  .calendarselect .locationselect-badges:active .calendarselect-badge.remove,
  .calendarselect .locationselect-badges:active .calendartimeselect-badge.remove,
  .calendarselect .locationselect-badges:focus .appointment-select-badge.remove,
  .calendarselect .locationselect-badges:focus .timeselect-badge.remove,
  .calendarselect .locationselect-badges:focus .phoneselect-badge.remove,
  .calendarselect .locationselect-badges:focus .locationselect-badge.remove,
  .calendarselect .locationselect-badges:focus .calendarselect-badge.remove,
  .calendarselect .locationselect-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .calendarselect-badges:hover .appointment-select-badge.remove,
  .calendarselect .calendarselect-badges:hover .timeselect-badge.remove,
  .calendarselect .calendarselect-badges:hover .phoneselect-badge.remove,
  .calendarselect .calendarselect-badges:hover .locationselect-badge.remove,
  .calendarselect .calendarselect-badges:hover .calendarselect-badge.remove,
  .calendarselect .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .calendarselect-badges:active .appointment-select-badge.remove,
  .calendarselect .calendarselect-badges:active .timeselect-badge.remove,
  .calendarselect .calendarselect-badges:active .phoneselect-badge.remove,
  .calendarselect .calendarselect-badges:active .locationselect-badge.remove,
  .calendarselect .calendarselect-badges:active .calendarselect-badge.remove,
  .calendarselect .calendarselect-badges:active .calendartimeselect-badge.remove,
  .calendarselect .calendarselect-badges:focus .appointment-select-badge.remove,
  .calendarselect .calendarselect-badges:focus .timeselect-badge.remove,
  .calendarselect .calendarselect-badges:focus .phoneselect-badge.remove,
  .calendarselect .calendarselect-badges:focus .locationselect-badge.remove,
  .calendarselect .calendarselect-badges:focus .calendarselect-badge.remove,
  .calendarselect .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .timeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .locationselect-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .calendarselect .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:active .appointment-select-badge.remove,
  .calendarselect .calendartimeselect-badges:active .timeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:active .phoneselect-badge.remove,
  .calendarselect .calendartimeselect-badges:active .locationselect-badge.remove,
  .calendarselect .calendartimeselect-badges:active .calendarselect-badge.remove,
  .calendarselect .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .timeselect-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .locationselect-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .calendarselect .calendartimeselect-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .timeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .locationselect-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .appointment-select-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:active .appointment-select-badge.remove,
  .appointment-select-container .appointment-select-badges:active .timeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:active .phoneselect-badge.remove,
  .appointment-select-container .appointment-select-badges:active .locationselect-badge.remove,
  .appointment-select-container .appointment-select-badges:active .calendarselect-badge.remove,
  .appointment-select-container .appointment-select-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .timeselect-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .locationselect-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .timeselect-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .timeselect-badges:hover .timeselect-badge.remove,
  .appointment-select-container .timeselect-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .timeselect-badges:hover .locationselect-badge.remove,
  .appointment-select-container .timeselect-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .timeselect-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .timeselect-badges:active .appointment-select-badge.remove,
  .appointment-select-container .timeselect-badges:active .timeselect-badge.remove,
  .appointment-select-container .timeselect-badges:active .phoneselect-badge.remove,
  .appointment-select-container .timeselect-badges:active .locationselect-badge.remove,
  .appointment-select-container .timeselect-badges:active .calendarselect-badge.remove,
  .appointment-select-container .timeselect-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .timeselect-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .timeselect-badges:focus .timeselect-badge.remove,
  .appointment-select-container .timeselect-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .timeselect-badges:focus .locationselect-badge.remove,
  .appointment-select-container .timeselect-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .timeselect-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .timeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .locationselect-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:active .appointment-select-badge.remove,
  .appointment-select-container .phoneselect-badges:active .timeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:active .phoneselect-badge.remove,
  .appointment-select-container .phoneselect-badges:active .locationselect-badge.remove,
  .appointment-select-container .phoneselect-badges:active .calendarselect-badge.remove,
  .appointment-select-container .phoneselect-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .timeselect-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .locationselect-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .locationselect-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .locationselect-badges:hover .timeselect-badge.remove,
  .appointment-select-container .locationselect-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .locationselect-badges:hover .locationselect-badge.remove,
  .appointment-select-container .locationselect-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .locationselect-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .locationselect-badges:active .appointment-select-badge.remove,
  .appointment-select-container .locationselect-badges:active .timeselect-badge.remove,
  .appointment-select-container .locationselect-badges:active .phoneselect-badge.remove,
  .appointment-select-container .locationselect-badges:active .locationselect-badge.remove,
  .appointment-select-container .locationselect-badges:active .calendarselect-badge.remove,
  .appointment-select-container .locationselect-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .locationselect-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .locationselect-badges:focus .timeselect-badge.remove,
  .appointment-select-container .locationselect-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .locationselect-badges:focus .locationselect-badge.remove,
  .appointment-select-container .locationselect-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .locationselect-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .timeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .locationselect-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:active .appointment-select-badge.remove,
  .appointment-select-container .calendarselect-badges:active .timeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:active .phoneselect-badge.remove,
  .appointment-select-container .calendarselect-badges:active .locationselect-badge.remove,
  .appointment-select-container .calendarselect-badges:active .calendarselect-badge.remove,
  .appointment-select-container .calendarselect-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .timeselect-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .locationselect-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .timeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .locationselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .appointment-select-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .timeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .phoneselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .locationselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .calendarselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .timeselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .locationselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .appointment-select-container .calendartimeselect-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .appointment-select-badges:hover .appointment-select-badge.remove,
  .phoneselect .appointment-select-badges:hover .timeselect-badge.remove,
  .phoneselect .appointment-select-badges:hover .phoneselect-badge.remove,
  .phoneselect .appointment-select-badges:hover .locationselect-badge.remove,
  .phoneselect .appointment-select-badges:hover .calendarselect-badge.remove,
  .phoneselect .appointment-select-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .appointment-select-badges:active .appointment-select-badge.remove,
  .phoneselect .appointment-select-badges:active .timeselect-badge.remove,
  .phoneselect .appointment-select-badges:active .phoneselect-badge.remove,
  .phoneselect .appointment-select-badges:active .locationselect-badge.remove,
  .phoneselect .appointment-select-badges:active .calendarselect-badge.remove,
  .phoneselect .appointment-select-badges:active .calendartimeselect-badge.remove,
  .phoneselect .appointment-select-badges:focus .appointment-select-badge.remove,
  .phoneselect .appointment-select-badges:focus .timeselect-badge.remove,
  .phoneselect .appointment-select-badges:focus .phoneselect-badge.remove,
  .phoneselect .appointment-select-badges:focus .locationselect-badge.remove,
  .phoneselect .appointment-select-badges:focus .calendarselect-badge.remove,
  .phoneselect .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .timeselect-badges:hover .appointment-select-badge.remove,
  .phoneselect .timeselect-badges:hover .timeselect-badge.remove,
  .phoneselect .timeselect-badges:hover .phoneselect-badge.remove,
  .phoneselect .timeselect-badges:hover .locationselect-badge.remove,
  .phoneselect .timeselect-badges:hover .calendarselect-badge.remove,
  .phoneselect .timeselect-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .timeselect-badges:active .appointment-select-badge.remove,
  .phoneselect .timeselect-badges:active .timeselect-badge.remove,
  .phoneselect .timeselect-badges:active .phoneselect-badge.remove,
  .phoneselect .timeselect-badges:active .locationselect-badge.remove,
  .phoneselect .timeselect-badges:active .calendarselect-badge.remove,
  .phoneselect .timeselect-badges:active .calendartimeselect-badge.remove,
  .phoneselect .timeselect-badges:focus .appointment-select-badge.remove,
  .phoneselect .timeselect-badges:focus .timeselect-badge.remove,
  .phoneselect .timeselect-badges:focus .phoneselect-badge.remove,
  .phoneselect .timeselect-badges:focus .locationselect-badge.remove,
  .phoneselect .timeselect-badges:focus .calendarselect-badge.remove,
  .phoneselect .timeselect-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .phoneselect-badges:hover .appointment-select-badge.remove,
  .phoneselect .phoneselect-badges:hover .timeselect-badge.remove,
  .phoneselect .phoneselect-badges:hover .phoneselect-badge.remove,
  .phoneselect .phoneselect-badges:hover .locationselect-badge.remove,
  .phoneselect .phoneselect-badges:hover .calendarselect-badge.remove,
  .phoneselect .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .phoneselect-badges:active .appointment-select-badge.remove,
  .phoneselect .phoneselect-badges:active .timeselect-badge.remove,
  .phoneselect .phoneselect-badges:active .phoneselect-badge.remove,
  .phoneselect .phoneselect-badges:active .locationselect-badge.remove,
  .phoneselect .phoneselect-badges:active .calendarselect-badge.remove,
  .phoneselect .phoneselect-badges:active .calendartimeselect-badge.remove,
  .phoneselect .phoneselect-badges:focus .appointment-select-badge.remove,
  .phoneselect .phoneselect-badges:focus .timeselect-badge.remove,
  .phoneselect .phoneselect-badges:focus .phoneselect-badge.remove,
  .phoneselect .phoneselect-badges:focus .locationselect-badge.remove,
  .phoneselect .phoneselect-badges:focus .calendarselect-badge.remove,
  .phoneselect .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .locationselect-badges:hover .appointment-select-badge.remove,
  .phoneselect .locationselect-badges:hover .timeselect-badge.remove,
  .phoneselect .locationselect-badges:hover .phoneselect-badge.remove,
  .phoneselect .locationselect-badges:hover .locationselect-badge.remove,
  .phoneselect .locationselect-badges:hover .calendarselect-badge.remove,
  .phoneselect .locationselect-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .locationselect-badges:active .appointment-select-badge.remove,
  .phoneselect .locationselect-badges:active .timeselect-badge.remove,
  .phoneselect .locationselect-badges:active .phoneselect-badge.remove,
  .phoneselect .locationselect-badges:active .locationselect-badge.remove,
  .phoneselect .locationselect-badges:active .calendarselect-badge.remove,
  .phoneselect .locationselect-badges:active .calendartimeselect-badge.remove,
  .phoneselect .locationselect-badges:focus .appointment-select-badge.remove,
  .phoneselect .locationselect-badges:focus .timeselect-badge.remove,
  .phoneselect .locationselect-badges:focus .phoneselect-badge.remove,
  .phoneselect .locationselect-badges:focus .locationselect-badge.remove,
  .phoneselect .locationselect-badges:focus .calendarselect-badge.remove,
  .phoneselect .locationselect-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .calendarselect-badges:hover .appointment-select-badge.remove,
  .phoneselect .calendarselect-badges:hover .timeselect-badge.remove,
  .phoneselect .calendarselect-badges:hover .phoneselect-badge.remove,
  .phoneselect .calendarselect-badges:hover .locationselect-badge.remove,
  .phoneselect .calendarselect-badges:hover .calendarselect-badge.remove,
  .phoneselect .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .calendarselect-badges:active .appointment-select-badge.remove,
  .phoneselect .calendarselect-badges:active .timeselect-badge.remove,
  .phoneselect .calendarselect-badges:active .phoneselect-badge.remove,
  .phoneselect .calendarselect-badges:active .locationselect-badge.remove,
  .phoneselect .calendarselect-badges:active .calendarselect-badge.remove,
  .phoneselect .calendarselect-badges:active .calendartimeselect-badge.remove,
  .phoneselect .calendarselect-badges:focus .appointment-select-badge.remove,
  .phoneselect .calendarselect-badges:focus .timeselect-badge.remove,
  .phoneselect .calendarselect-badges:focus .phoneselect-badge.remove,
  .phoneselect .calendarselect-badges:focus .locationselect-badge.remove,
  .phoneselect .calendarselect-badges:focus .calendarselect-badge.remove,
  .phoneselect .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .timeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .locationselect-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .phoneselect .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:active .appointment-select-badge.remove,
  .phoneselect .calendartimeselect-badges:active .timeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:active .phoneselect-badge.remove,
  .phoneselect .calendartimeselect-badges:active .locationselect-badge.remove,
  .phoneselect .calendartimeselect-badges:active .calendarselect-badge.remove,
  .phoneselect .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .timeselect-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .locationselect-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .phoneselect .calendartimeselect-badges:focus .calendartimeselect-badge.remove,
  .locationselect .appointment-select-badges:hover .appointment-select-badge.remove,
  .locationselect .appointment-select-badges:hover .timeselect-badge.remove,
  .locationselect .appointment-select-badges:hover .phoneselect-badge.remove,
  .locationselect .appointment-select-badges:hover .locationselect-badge.remove,
  .locationselect .appointment-select-badges:hover .calendarselect-badge.remove,
  .locationselect .appointment-select-badges:hover .calendartimeselect-badge.remove,
  .locationselect .appointment-select-badges:active .appointment-select-badge.remove,
  .locationselect .appointment-select-badges:active .timeselect-badge.remove,
  .locationselect .appointment-select-badges:active .phoneselect-badge.remove,
  .locationselect .appointment-select-badges:active .locationselect-badge.remove,
  .locationselect .appointment-select-badges:active .calendarselect-badge.remove,
  .locationselect .appointment-select-badges:active .calendartimeselect-badge.remove,
  .locationselect .appointment-select-badges:focus .appointment-select-badge.remove,
  .locationselect .appointment-select-badges:focus .timeselect-badge.remove,
  .locationselect .appointment-select-badges:focus .phoneselect-badge.remove,
  .locationselect .appointment-select-badges:focus .locationselect-badge.remove,
  .locationselect .appointment-select-badges:focus .calendarselect-badge.remove,
  .locationselect .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .locationselect .timeselect-badges:hover .appointment-select-badge.remove,
  .locationselect .timeselect-badges:hover .timeselect-badge.remove,
  .locationselect .timeselect-badges:hover .phoneselect-badge.remove,
  .locationselect .timeselect-badges:hover .locationselect-badge.remove,
  .locationselect .timeselect-badges:hover .calendarselect-badge.remove,
  .locationselect .timeselect-badges:hover .calendartimeselect-badge.remove,
  .locationselect .timeselect-badges:active .appointment-select-badge.remove,
  .locationselect .timeselect-badges:active .timeselect-badge.remove,
  .locationselect .timeselect-badges:active .phoneselect-badge.remove,
  .locationselect .timeselect-badges:active .locationselect-badge.remove,
  .locationselect .timeselect-badges:active .calendarselect-badge.remove,
  .locationselect .timeselect-badges:active .calendartimeselect-badge.remove,
  .locationselect .timeselect-badges:focus .appointment-select-badge.remove,
  .locationselect .timeselect-badges:focus .timeselect-badge.remove,
  .locationselect .timeselect-badges:focus .phoneselect-badge.remove,
  .locationselect .timeselect-badges:focus .locationselect-badge.remove,
  .locationselect .timeselect-badges:focus .calendarselect-badge.remove,
  .locationselect .timeselect-badges:focus .calendartimeselect-badge.remove,
  .locationselect .phoneselect-badges:hover .appointment-select-badge.remove,
  .locationselect .phoneselect-badges:hover .timeselect-badge.remove,
  .locationselect .phoneselect-badges:hover .phoneselect-badge.remove,
  .locationselect .phoneselect-badges:hover .locationselect-badge.remove,
  .locationselect .phoneselect-badges:hover .calendarselect-badge.remove,
  .locationselect .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .locationselect .phoneselect-badges:active .appointment-select-badge.remove,
  .locationselect .phoneselect-badges:active .timeselect-badge.remove,
  .locationselect .phoneselect-badges:active .phoneselect-badge.remove,
  .locationselect .phoneselect-badges:active .locationselect-badge.remove,
  .locationselect .phoneselect-badges:active .calendarselect-badge.remove,
  .locationselect .phoneselect-badges:active .calendartimeselect-badge.remove,
  .locationselect .phoneselect-badges:focus .appointment-select-badge.remove,
  .locationselect .phoneselect-badges:focus .timeselect-badge.remove,
  .locationselect .phoneselect-badges:focus .phoneselect-badge.remove,
  .locationselect .phoneselect-badges:focus .locationselect-badge.remove,
  .locationselect .phoneselect-badges:focus .calendarselect-badge.remove,
  .locationselect .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .locationselect .locationselect-badges:hover .appointment-select-badge.remove,
  .locationselect .locationselect-badges:hover .timeselect-badge.remove,
  .locationselect .locationselect-badges:hover .phoneselect-badge.remove,
  .locationselect .locationselect-badges:hover .locationselect-badge.remove,
  .locationselect .locationselect-badges:hover .calendarselect-badge.remove,
  .locationselect .locationselect-badges:hover .calendartimeselect-badge.remove,
  .locationselect .locationselect-badges:active .appointment-select-badge.remove,
  .locationselect .locationselect-badges:active .timeselect-badge.remove,
  .locationselect .locationselect-badges:active .phoneselect-badge.remove,
  .locationselect .locationselect-badges:active .locationselect-badge.remove,
  .locationselect .locationselect-badges:active .calendarselect-badge.remove,
  .locationselect .locationselect-badges:active .calendartimeselect-badge.remove,
  .locationselect .locationselect-badges:focus .appointment-select-badge.remove,
  .locationselect .locationselect-badges:focus .timeselect-badge.remove,
  .locationselect .locationselect-badges:focus .phoneselect-badge.remove,
  .locationselect .locationselect-badges:focus .locationselect-badge.remove,
  .locationselect .locationselect-badges:focus .calendarselect-badge.remove,
  .locationselect .locationselect-badges:focus .calendartimeselect-badge.remove,
  .locationselect .calendarselect-badges:hover .appointment-select-badge.remove,
  .locationselect .calendarselect-badges:hover .timeselect-badge.remove,
  .locationselect .calendarselect-badges:hover .phoneselect-badge.remove,
  .locationselect .calendarselect-badges:hover .locationselect-badge.remove,
  .locationselect .calendarselect-badges:hover .calendarselect-badge.remove,
  .locationselect .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .locationselect .calendarselect-badges:active .appointment-select-badge.remove,
  .locationselect .calendarselect-badges:active .timeselect-badge.remove,
  .locationselect .calendarselect-badges:active .phoneselect-badge.remove,
  .locationselect .calendarselect-badges:active .locationselect-badge.remove,
  .locationselect .calendarselect-badges:active .calendarselect-badge.remove,
  .locationselect .calendarselect-badges:active .calendartimeselect-badge.remove,
  .locationselect .calendarselect-badges:focus .appointment-select-badge.remove,
  .locationselect .calendarselect-badges:focus .timeselect-badge.remove,
  .locationselect .calendarselect-badges:focus .phoneselect-badge.remove,
  .locationselect .calendarselect-badges:focus .locationselect-badge.remove,
  .locationselect .calendarselect-badges:focus .calendarselect-badge.remove,
  .locationselect .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .locationselect .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .locationselect .calendartimeselect-badges:hover .timeselect-badge.remove,
  .locationselect .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .locationselect .calendartimeselect-badges:hover .locationselect-badge.remove,
  .locationselect .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .locationselect .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .locationselect .calendartimeselect-badges:active .appointment-select-badge.remove,
  .locationselect .calendartimeselect-badges:active .timeselect-badge.remove,
  .locationselect .calendartimeselect-badges:active .phoneselect-badge.remove,
  .locationselect .calendartimeselect-badges:active .locationselect-badge.remove,
  .locationselect .calendartimeselect-badges:active .calendarselect-badge.remove,
  .locationselect .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .locationselect .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .locationselect .calendartimeselect-badges:focus .timeselect-badge.remove,
  .locationselect .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .locationselect .calendartimeselect-badges:focus .locationselect-badge.remove,
  .locationselect .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .locationselect .calendartimeselect-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .timeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .locationselect-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .appointment-select-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:active .appointment-select-badge.remove,
  .calendartimeselect .appointment-select-badges:active .timeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:active .phoneselect-badge.remove,
  .calendartimeselect .appointment-select-badges:active .locationselect-badge.remove,
  .calendartimeselect .appointment-select-badges:active .calendarselect-badge.remove,
  .calendartimeselect .appointment-select-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .timeselect-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .locationselect-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .appointment-select-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .timeselect-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .timeselect-badges:hover .timeselect-badge.remove,
  .calendartimeselect .timeselect-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .timeselect-badges:hover .locationselect-badge.remove,
  .calendartimeselect .timeselect-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .timeselect-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .timeselect-badges:active .appointment-select-badge.remove,
  .calendartimeselect .timeselect-badges:active .timeselect-badge.remove,
  .calendartimeselect .timeselect-badges:active .phoneselect-badge.remove,
  .calendartimeselect .timeselect-badges:active .locationselect-badge.remove,
  .calendartimeselect .timeselect-badges:active .calendarselect-badge.remove,
  .calendartimeselect .timeselect-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .timeselect-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .timeselect-badges:focus .timeselect-badge.remove,
  .calendartimeselect .timeselect-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .timeselect-badges:focus .locationselect-badge.remove,
  .calendartimeselect .timeselect-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .timeselect-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .timeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .locationselect-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .phoneselect-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:active .appointment-select-badge.remove,
  .calendartimeselect .phoneselect-badges:active .timeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:active .phoneselect-badge.remove,
  .calendartimeselect .phoneselect-badges:active .locationselect-badge.remove,
  .calendartimeselect .phoneselect-badges:active .calendarselect-badge.remove,
  .calendartimeselect .phoneselect-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .timeselect-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .locationselect-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .phoneselect-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .locationselect-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .locationselect-badges:hover .timeselect-badge.remove,
  .calendartimeselect .locationselect-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .locationselect-badges:hover .locationselect-badge.remove,
  .calendartimeselect .locationselect-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .locationselect-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .locationselect-badges:active .appointment-select-badge.remove,
  .calendartimeselect .locationselect-badges:active .timeselect-badge.remove,
  .calendartimeselect .locationselect-badges:active .phoneselect-badge.remove,
  .calendartimeselect .locationselect-badges:active .locationselect-badge.remove,
  .calendartimeselect .locationselect-badges:active .calendarselect-badge.remove,
  .calendartimeselect .locationselect-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .locationselect-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .locationselect-badges:focus .timeselect-badge.remove,
  .calendartimeselect .locationselect-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .locationselect-badges:focus .locationselect-badge.remove,
  .calendartimeselect .locationselect-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .locationselect-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .timeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .locationselect-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .calendarselect-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:active .appointment-select-badge.remove,
  .calendartimeselect .calendarselect-badges:active .timeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:active .phoneselect-badge.remove,
  .calendartimeselect .calendarselect-badges:active .locationselect-badge.remove,
  .calendartimeselect .calendarselect-badges:active .calendarselect-badge.remove,
  .calendartimeselect .calendarselect-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .timeselect-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .locationselect-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .calendarselect-badges:focus .calendartimeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .appointment-select-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .timeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .phoneselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .locationselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .calendarselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:hover .calendartimeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .appointment-select-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .timeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .phoneselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .locationselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .calendarselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:active .calendartimeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .appointment-select-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .timeselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .phoneselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .locationselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .calendarselect-badge.remove,
  .calendartimeselect .calendartimeselect-badges:focus .calendartimeselect-badge.remove {
    opacity: 1; }
  .timeselect .appointment-select-badges .appointment-select-badge > span,
  .timeselect .timeselect-badges .appointment-select-badge > span,
  .timeselect .phoneselect-badges .appointment-select-badge > span,
  .timeselect .locationselect-badges .appointment-select-badge > span,
  .timeselect .calendarselect-badges .appointment-select-badge > span,
  .timeselect .calendartimeselect-badges .appointment-select-badge > span,
  .calendarselect .appointment-select-badges .appointment-select-badge > span,
  .calendarselect .timeselect-badges .appointment-select-badge > span,
  .calendarselect .phoneselect-badges .appointment-select-badge > span,
  .calendarselect .locationselect-badges .appointment-select-badge > span,
  .calendarselect .calendarselect-badges .appointment-select-badge > span,
  .calendarselect .calendartimeselect-badges .appointment-select-badge > span,
  .appointment-select-container .appointment-select-badges .appointment-select-badge > span,
  .appointment-select-container .timeselect-badges .appointment-select-badge > span,
  .appointment-select-container .phoneselect-badges .appointment-select-badge > span,
  .appointment-select-container .locationselect-badges .appointment-select-badge > span,
  .appointment-select-container .calendarselect-badges .appointment-select-badge > span,
  .appointment-select-container .calendartimeselect-badges .appointment-select-badge > span,
  .phoneselect .appointment-select-badges .appointment-select-badge > span,
  .phoneselect .timeselect-badges .appointment-select-badge > span,
  .phoneselect .phoneselect-badges .appointment-select-badge > span,
  .phoneselect .locationselect-badges .appointment-select-badge > span,
  .phoneselect .calendarselect-badges .appointment-select-badge > span,
  .phoneselect .calendartimeselect-badges .appointment-select-badge > span,
  .locationselect .appointment-select-badges .appointment-select-badge > span,
  .locationselect .timeselect-badges .appointment-select-badge > span,
  .locationselect .phoneselect-badges .appointment-select-badge > span,
  .locationselect .locationselect-badges .appointment-select-badge > span,
  .locationselect .calendarselect-badges .appointment-select-badge > span,
  .locationselect .calendartimeselect-badges .appointment-select-badge > span,
  .calendartimeselect .appointment-select-badges .appointment-select-badge > span,
  .calendartimeselect .timeselect-badges .appointment-select-badge > span,
  .calendartimeselect .phoneselect-badges .appointment-select-badge > span,
  .calendartimeselect .locationselect-badges .appointment-select-badge > span,
  .calendartimeselect .calendarselect-badges .appointment-select-badge > span,
  .calendartimeselect .calendartimeselect-badges .appointment-select-badge > span {
    margin: 0 4px 0 0; }
    .timeselect .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .timeselect .timeselect-badges .appointment-select-badge > span:last-of-type,
    .timeselect .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .timeselect .locationselect-badges .appointment-select-badge > span:last-of-type,
    .timeselect .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .timeselect .calendartimeselect-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .timeselect-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .locationselect-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .calendarselect .calendartimeselect-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .timeselect-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .locationselect-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .appointment-select-container .calendartimeselect-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .timeselect-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .locationselect-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .phoneselect .calendartimeselect-badges .appointment-select-badge > span:last-of-type,
    .locationselect .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .locationselect .timeselect-badges .appointment-select-badge > span:last-of-type,
    .locationselect .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .locationselect .locationselect-badges .appointment-select-badge > span:last-of-type,
    .locationselect .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .locationselect .calendartimeselect-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .appointment-select-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .timeselect-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .phoneselect-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .locationselect-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .calendarselect-badges .appointment-select-badge > span:last-of-type,
    .calendartimeselect .calendartimeselect-badges .appointment-select-badge > span:last-of-type {
      margin: 0; }
  .timeselect .appointment-select-badges .appointment-select-badge,
  .timeselect .appointment-select-badges .timeselect-badge,
  .timeselect .appointment-select-badges .phoneselect-badge,
  .timeselect .appointment-select-badges .locationselect-badge,
  .timeselect .appointment-select-badges .calendarselect-badge,
  .timeselect .appointment-select-badges .calendartimeselect-badge,
  .timeselect .timeselect-badges .appointment-select-badge,
  .timeselect .timeselect-badges .timeselect-badge,
  .timeselect .timeselect-badges .phoneselect-badge,
  .timeselect .timeselect-badges .locationselect-badge,
  .timeselect .timeselect-badges .calendarselect-badge,
  .timeselect .timeselect-badges .calendartimeselect-badge,
  .timeselect .phoneselect-badges .appointment-select-badge,
  .timeselect .phoneselect-badges .timeselect-badge,
  .timeselect .phoneselect-badges .phoneselect-badge,
  .timeselect .phoneselect-badges .locationselect-badge,
  .timeselect .phoneselect-badges .calendarselect-badge,
  .timeselect .phoneselect-badges .calendartimeselect-badge,
  .timeselect .locationselect-badges .appointment-select-badge,
  .timeselect .locationselect-badges .timeselect-badge,
  .timeselect .locationselect-badges .phoneselect-badge,
  .timeselect .locationselect-badges .locationselect-badge,
  .timeselect .locationselect-badges .calendarselect-badge,
  .timeselect .locationselect-badges .calendartimeselect-badge,
  .timeselect .calendarselect-badges .appointment-select-badge,
  .timeselect .calendarselect-badges .timeselect-badge,
  .timeselect .calendarselect-badges .phoneselect-badge,
  .timeselect .calendarselect-badges .locationselect-badge,
  .timeselect .calendarselect-badges .calendarselect-badge,
  .timeselect .calendarselect-badges .calendartimeselect-badge,
  .timeselect .calendartimeselect-badges .appointment-select-badge,
  .timeselect .calendartimeselect-badges .timeselect-badge,
  .timeselect .calendartimeselect-badges .phoneselect-badge,
  .timeselect .calendartimeselect-badges .locationselect-badge,
  .timeselect .calendartimeselect-badges .calendarselect-badge,
  .timeselect .calendartimeselect-badges .calendartimeselect-badge,
  .calendarselect .appointment-select-badges .appointment-select-badge,
  .calendarselect .appointment-select-badges .timeselect-badge,
  .calendarselect .appointment-select-badges .phoneselect-badge,
  .calendarselect .appointment-select-badges .locationselect-badge,
  .calendarselect .appointment-select-badges .calendarselect-badge,
  .calendarselect .appointment-select-badges .calendartimeselect-badge,
  .calendarselect .timeselect-badges .appointment-select-badge,
  .calendarselect .timeselect-badges .timeselect-badge,
  .calendarselect .timeselect-badges .phoneselect-badge,
  .calendarselect .timeselect-badges .locationselect-badge,
  .calendarselect .timeselect-badges .calendarselect-badge,
  .calendarselect .timeselect-badges .calendartimeselect-badge,
  .calendarselect .phoneselect-badges .appointment-select-badge,
  .calendarselect .phoneselect-badges .timeselect-badge,
  .calendarselect .phoneselect-badges .phoneselect-badge,
  .calendarselect .phoneselect-badges .locationselect-badge,
  .calendarselect .phoneselect-badges .calendarselect-badge,
  .calendarselect .phoneselect-badges .calendartimeselect-badge,
  .calendarselect .locationselect-badges .appointment-select-badge,
  .calendarselect .locationselect-badges .timeselect-badge,
  .calendarselect .locationselect-badges .phoneselect-badge,
  .calendarselect .locationselect-badges .locationselect-badge,
  .calendarselect .locationselect-badges .calendarselect-badge,
  .calendarselect .locationselect-badges .calendartimeselect-badge,
  .calendarselect .calendarselect-badges .appointment-select-badge,
  .calendarselect .calendarselect-badges .timeselect-badge,
  .calendarselect .calendarselect-badges .phoneselect-badge,
  .calendarselect .calendarselect-badges .locationselect-badge,
  .calendarselect .calendarselect-badges .calendarselect-badge,
  .calendarselect .calendarselect-badges .calendartimeselect-badge,
  .calendarselect .calendartimeselect-badges .appointment-select-badge,
  .calendarselect .calendartimeselect-badges .timeselect-badge,
  .calendarselect .calendartimeselect-badges .phoneselect-badge,
  .calendarselect .calendartimeselect-badges .locationselect-badge,
  .calendarselect .calendartimeselect-badges .calendarselect-badge,
  .calendarselect .calendartimeselect-badges .calendartimeselect-badge,
  .appointment-select-container .appointment-select-badges .appointment-select-badge,
  .appointment-select-container .appointment-select-badges .timeselect-badge,
  .appointment-select-container .appointment-select-badges .phoneselect-badge,
  .appointment-select-container .appointment-select-badges .locationselect-badge,
  .appointment-select-container .appointment-select-badges .calendarselect-badge,
  .appointment-select-container .appointment-select-badges .calendartimeselect-badge,
  .appointment-select-container .timeselect-badges .appointment-select-badge,
  .appointment-select-container .timeselect-badges .timeselect-badge,
  .appointment-select-container .timeselect-badges .phoneselect-badge,
  .appointment-select-container .timeselect-badges .locationselect-badge,
  .appointment-select-container .timeselect-badges .calendarselect-badge,
  .appointment-select-container .timeselect-badges .calendartimeselect-badge,
  .appointment-select-container .phoneselect-badges .appointment-select-badge,
  .appointment-select-container .phoneselect-badges .timeselect-badge,
  .appointment-select-container .phoneselect-badges .phoneselect-badge,
  .appointment-select-container .phoneselect-badges .locationselect-badge,
  .appointment-select-container .phoneselect-badges .calendarselect-badge,
  .appointment-select-container .phoneselect-badges .calendartimeselect-badge,
  .appointment-select-container .locationselect-badges .appointment-select-badge,
  .appointment-select-container .locationselect-badges .timeselect-badge,
  .appointment-select-container .locationselect-badges .phoneselect-badge,
  .appointment-select-container .locationselect-badges .locationselect-badge,
  .appointment-select-container .locationselect-badges .calendarselect-badge,
  .appointment-select-container .locationselect-badges .calendartimeselect-badge,
  .appointment-select-container .calendarselect-badges .appointment-select-badge,
  .appointment-select-container .calendarselect-badges .timeselect-badge,
  .appointment-select-container .calendarselect-badges .phoneselect-badge,
  .appointment-select-container .calendarselect-badges .locationselect-badge,
  .appointment-select-container .calendarselect-badges .calendarselect-badge,
  .appointment-select-container .calendarselect-badges .calendartimeselect-badge,
  .appointment-select-container .calendartimeselect-badges .appointment-select-badge,
  .appointment-select-container .calendartimeselect-badges .timeselect-badge,
  .appointment-select-container .calendartimeselect-badges .phoneselect-badge,
  .appointment-select-container .calendartimeselect-badges .locationselect-badge,
  .appointment-select-container .calendartimeselect-badges .calendarselect-badge,
  .appointment-select-container .calendartimeselect-badges .calendartimeselect-badge,
  .phoneselect .appointment-select-badges .appointment-select-badge,
  .phoneselect .appointment-select-badges .timeselect-badge,
  .phoneselect .appointment-select-badges .phoneselect-badge,
  .phoneselect .appointment-select-badges .locationselect-badge,
  .phoneselect .appointment-select-badges .calendarselect-badge,
  .phoneselect .appointment-select-badges .calendartimeselect-badge,
  .phoneselect .timeselect-badges .appointment-select-badge,
  .phoneselect .timeselect-badges .timeselect-badge,
  .phoneselect .timeselect-badges .phoneselect-badge,
  .phoneselect .timeselect-badges .locationselect-badge,
  .phoneselect .timeselect-badges .calendarselect-badge,
  .phoneselect .timeselect-badges .calendartimeselect-badge,
  .phoneselect .phoneselect-badges .appointment-select-badge,
  .phoneselect .phoneselect-badges .timeselect-badge,
  .phoneselect .phoneselect-badges .phoneselect-badge,
  .phoneselect .phoneselect-badges .locationselect-badge,
  .phoneselect .phoneselect-badges .calendarselect-badge,
  .phoneselect .phoneselect-badges .calendartimeselect-badge,
  .phoneselect .locationselect-badges .appointment-select-badge,
  .phoneselect .locationselect-badges .timeselect-badge,
  .phoneselect .locationselect-badges .phoneselect-badge,
  .phoneselect .locationselect-badges .locationselect-badge,
  .phoneselect .locationselect-badges .calendarselect-badge,
  .phoneselect .locationselect-badges .calendartimeselect-badge,
  .phoneselect .calendarselect-badges .appointment-select-badge,
  .phoneselect .calendarselect-badges .timeselect-badge,
  .phoneselect .calendarselect-badges .phoneselect-badge,
  .phoneselect .calendarselect-badges .locationselect-badge,
  .phoneselect .calendarselect-badges .calendarselect-badge,
  .phoneselect .calendarselect-badges .calendartimeselect-badge,
  .phoneselect .calendartimeselect-badges .appointment-select-badge,
  .phoneselect .calendartimeselect-badges .timeselect-badge,
  .phoneselect .calendartimeselect-badges .phoneselect-badge,
  .phoneselect .calendartimeselect-badges .locationselect-badge,
  .phoneselect .calendartimeselect-badges .calendarselect-badge,
  .phoneselect .calendartimeselect-badges .calendartimeselect-badge,
  .locationselect .appointment-select-badges .appointment-select-badge,
  .locationselect .appointment-select-badges .timeselect-badge,
  .locationselect .appointment-select-badges .phoneselect-badge,
  .locationselect .appointment-select-badges .locationselect-badge,
  .locationselect .appointment-select-badges .calendarselect-badge,
  .locationselect .appointment-select-badges .calendartimeselect-badge,
  .locationselect .timeselect-badges .appointment-select-badge,
  .locationselect .timeselect-badges .timeselect-badge,
  .locationselect .timeselect-badges .phoneselect-badge,
  .locationselect .timeselect-badges .locationselect-badge,
  .locationselect .timeselect-badges .calendarselect-badge,
  .locationselect .timeselect-badges .calendartimeselect-badge,
  .locationselect .phoneselect-badges .appointment-select-badge,
  .locationselect .phoneselect-badges .timeselect-badge,
  .locationselect .phoneselect-badges .phoneselect-badge,
  .locationselect .phoneselect-badges .locationselect-badge,
  .locationselect .phoneselect-badges .calendarselect-badge,
  .locationselect .phoneselect-badges .calendartimeselect-badge,
  .locationselect .locationselect-badges .appointment-select-badge,
  .locationselect .locationselect-badges .timeselect-badge,
  .locationselect .locationselect-badges .phoneselect-badge,
  .locationselect .locationselect-badges .locationselect-badge,
  .locationselect .locationselect-badges .calendarselect-badge,
  .locationselect .locationselect-badges .calendartimeselect-badge,
  .locationselect .calendarselect-badges .appointment-select-badge,
  .locationselect .calendarselect-badges .timeselect-badge,
  .locationselect .calendarselect-badges .phoneselect-badge,
  .locationselect .calendarselect-badges .locationselect-badge,
  .locationselect .calendarselect-badges .calendarselect-badge,
  .locationselect .calendarselect-badges .calendartimeselect-badge,
  .locationselect .calendartimeselect-badges .appointment-select-badge,
  .locationselect .calendartimeselect-badges .timeselect-badge,
  .locationselect .calendartimeselect-badges .phoneselect-badge,
  .locationselect .calendartimeselect-badges .locationselect-badge,
  .locationselect .calendartimeselect-badges .calendarselect-badge,
  .locationselect .calendartimeselect-badges .calendartimeselect-badge,
  .calendartimeselect .appointment-select-badges .appointment-select-badge,
  .calendartimeselect .appointment-select-badges .timeselect-badge,
  .calendartimeselect .appointment-select-badges .phoneselect-badge,
  .calendartimeselect .appointment-select-badges .locationselect-badge,
  .calendartimeselect .appointment-select-badges .calendarselect-badge,
  .calendartimeselect .appointment-select-badges .calendartimeselect-badge,
  .calendartimeselect .timeselect-badges .appointment-select-badge,
  .calendartimeselect .timeselect-badges .timeselect-badge,
  .calendartimeselect .timeselect-badges .phoneselect-badge,
  .calendartimeselect .timeselect-badges .locationselect-badge,
  .calendartimeselect .timeselect-badges .calendarselect-badge,
  .calendartimeselect .timeselect-badges .calendartimeselect-badge,
  .calendartimeselect .phoneselect-badges .appointment-select-badge,
  .calendartimeselect .phoneselect-badges .timeselect-badge,
  .calendartimeselect .phoneselect-badges .phoneselect-badge,
  .calendartimeselect .phoneselect-badges .locationselect-badge,
  .calendartimeselect .phoneselect-badges .calendarselect-badge,
  .calendartimeselect .phoneselect-badges .calendartimeselect-badge,
  .calendartimeselect .locationselect-badges .appointment-select-badge,
  .calendartimeselect .locationselect-badges .timeselect-badge,
  .calendartimeselect .locationselect-badges .phoneselect-badge,
  .calendartimeselect .locationselect-badges .locationselect-badge,
  .calendartimeselect .locationselect-badges .calendarselect-badge,
  .calendartimeselect .locationselect-badges .calendartimeselect-badge,
  .calendartimeselect .calendarselect-badges .appointment-select-badge,
  .calendartimeselect .calendarselect-badges .timeselect-badge,
  .calendartimeselect .calendarselect-badges .phoneselect-badge,
  .calendartimeselect .calendarselect-badges .locationselect-badge,
  .calendartimeselect .calendarselect-badges .calendarselect-badge,
  .calendartimeselect .calendarselect-badges .calendartimeselect-badge,
  .calendartimeselect .calendartimeselect-badges .appointment-select-badge,
  .calendartimeselect .calendartimeselect-badges .timeselect-badge,
  .calendartimeselect .calendartimeselect-badges .phoneselect-badge,
  .calendartimeselect .calendartimeselect-badges .locationselect-badge,
  .calendartimeselect .calendartimeselect-badges .calendarselect-badge,
  .calendartimeselect .calendartimeselect-badges .calendartimeselect-badge {
    background: #e0e6ec;
    padding: 0 4px;
    border-radius: 4px;
    height: 21px;
    margin: 0 4px 0 0;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .timeselect .appointment-select-badges .appointment-select-badge:hover, .timeselect .appointment-select-badges .appointment-select-badge:active, .timeselect .appointment-select-badges .appointment-select-badge:focus,
    .timeselect .appointment-select-badges .timeselect-badge:hover,
    .timeselect .appointment-select-badges .timeselect-badge:active,
    .timeselect .appointment-select-badges .timeselect-badge:focus,
    .timeselect .appointment-select-badges .phoneselect-badge:hover,
    .timeselect .appointment-select-badges .phoneselect-badge:active,
    .timeselect .appointment-select-badges .phoneselect-badge:focus,
    .timeselect .appointment-select-badges .locationselect-badge:hover,
    .timeselect .appointment-select-badges .locationselect-badge:active,
    .timeselect .appointment-select-badges .locationselect-badge:focus,
    .timeselect .appointment-select-badges .calendarselect-badge:hover,
    .timeselect .appointment-select-badges .calendarselect-badge:active,
    .timeselect .appointment-select-badges .calendarselect-badge:focus,
    .timeselect .appointment-select-badges .calendartimeselect-badge:hover,
    .timeselect .appointment-select-badges .calendartimeselect-badge:active,
    .timeselect .appointment-select-badges .calendartimeselect-badge:focus,
    .timeselect .timeselect-badges .appointment-select-badge:hover,
    .timeselect .timeselect-badges .appointment-select-badge:active,
    .timeselect .timeselect-badges .appointment-select-badge:focus,
    .timeselect .timeselect-badges .timeselect-badge:hover,
    .timeselect .timeselect-badges .timeselect-badge:active,
    .timeselect .timeselect-badges .timeselect-badge:focus,
    .timeselect .timeselect-badges .phoneselect-badge:hover,
    .timeselect .timeselect-badges .phoneselect-badge:active,
    .timeselect .timeselect-badges .phoneselect-badge:focus,
    .timeselect .timeselect-badges .locationselect-badge:hover,
    .timeselect .timeselect-badges .locationselect-badge:active,
    .timeselect .timeselect-badges .locationselect-badge:focus,
    .timeselect .timeselect-badges .calendarselect-badge:hover,
    .timeselect .timeselect-badges .calendarselect-badge:active,
    .timeselect .timeselect-badges .calendarselect-badge:focus,
    .timeselect .timeselect-badges .calendartimeselect-badge:hover,
    .timeselect .timeselect-badges .calendartimeselect-badge:active,
    .timeselect .timeselect-badges .calendartimeselect-badge:focus,
    .timeselect .phoneselect-badges .appointment-select-badge:hover,
    .timeselect .phoneselect-badges .appointment-select-badge:active,
    .timeselect .phoneselect-badges .appointment-select-badge:focus,
    .timeselect .phoneselect-badges .timeselect-badge:hover,
    .timeselect .phoneselect-badges .timeselect-badge:active,
    .timeselect .phoneselect-badges .timeselect-badge:focus,
    .timeselect .phoneselect-badges .phoneselect-badge:hover,
    .timeselect .phoneselect-badges .phoneselect-badge:active,
    .timeselect .phoneselect-badges .phoneselect-badge:focus,
    .timeselect .phoneselect-badges .locationselect-badge:hover,
    .timeselect .phoneselect-badges .locationselect-badge:active,
    .timeselect .phoneselect-badges .locationselect-badge:focus,
    .timeselect .phoneselect-badges .calendarselect-badge:hover,
    .timeselect .phoneselect-badges .calendarselect-badge:active,
    .timeselect .phoneselect-badges .calendarselect-badge:focus,
    .timeselect .phoneselect-badges .calendartimeselect-badge:hover,
    .timeselect .phoneselect-badges .calendartimeselect-badge:active,
    .timeselect .phoneselect-badges .calendartimeselect-badge:focus,
    .timeselect .locationselect-badges .appointment-select-badge:hover,
    .timeselect .locationselect-badges .appointment-select-badge:active,
    .timeselect .locationselect-badges .appointment-select-badge:focus,
    .timeselect .locationselect-badges .timeselect-badge:hover,
    .timeselect .locationselect-badges .timeselect-badge:active,
    .timeselect .locationselect-badges .timeselect-badge:focus,
    .timeselect .locationselect-badges .phoneselect-badge:hover,
    .timeselect .locationselect-badges .phoneselect-badge:active,
    .timeselect .locationselect-badges .phoneselect-badge:focus,
    .timeselect .locationselect-badges .locationselect-badge:hover,
    .timeselect .locationselect-badges .locationselect-badge:active,
    .timeselect .locationselect-badges .locationselect-badge:focus,
    .timeselect .locationselect-badges .calendarselect-badge:hover,
    .timeselect .locationselect-badges .calendarselect-badge:active,
    .timeselect .locationselect-badges .calendarselect-badge:focus,
    .timeselect .locationselect-badges .calendartimeselect-badge:hover,
    .timeselect .locationselect-badges .calendartimeselect-badge:active,
    .timeselect .locationselect-badges .calendartimeselect-badge:focus,
    .timeselect .calendarselect-badges .appointment-select-badge:hover,
    .timeselect .calendarselect-badges .appointment-select-badge:active,
    .timeselect .calendarselect-badges .appointment-select-badge:focus,
    .timeselect .calendarselect-badges .timeselect-badge:hover,
    .timeselect .calendarselect-badges .timeselect-badge:active,
    .timeselect .calendarselect-badges .timeselect-badge:focus,
    .timeselect .calendarselect-badges .phoneselect-badge:hover,
    .timeselect .calendarselect-badges .phoneselect-badge:active,
    .timeselect .calendarselect-badges .phoneselect-badge:focus,
    .timeselect .calendarselect-badges .locationselect-badge:hover,
    .timeselect .calendarselect-badges .locationselect-badge:active,
    .timeselect .calendarselect-badges .locationselect-badge:focus,
    .timeselect .calendarselect-badges .calendarselect-badge:hover,
    .timeselect .calendarselect-badges .calendarselect-badge:active,
    .timeselect .calendarselect-badges .calendarselect-badge:focus,
    .timeselect .calendarselect-badges .calendartimeselect-badge:hover,
    .timeselect .calendarselect-badges .calendartimeselect-badge:active,
    .timeselect .calendarselect-badges .calendartimeselect-badge:focus,
    .timeselect .calendartimeselect-badges .appointment-select-badge:hover,
    .timeselect .calendartimeselect-badges .appointment-select-badge:active,
    .timeselect .calendartimeselect-badges .appointment-select-badge:focus,
    .timeselect .calendartimeselect-badges .timeselect-badge:hover,
    .timeselect .calendartimeselect-badges .timeselect-badge:active,
    .timeselect .calendartimeselect-badges .timeselect-badge:focus,
    .timeselect .calendartimeselect-badges .phoneselect-badge:hover,
    .timeselect .calendartimeselect-badges .phoneselect-badge:active,
    .timeselect .calendartimeselect-badges .phoneselect-badge:focus,
    .timeselect .calendartimeselect-badges .locationselect-badge:hover,
    .timeselect .calendartimeselect-badges .locationselect-badge:active,
    .timeselect .calendartimeselect-badges .locationselect-badge:focus,
    .timeselect .calendartimeselect-badges .calendarselect-badge:hover,
    .timeselect .calendartimeselect-badges .calendarselect-badge:active,
    .timeselect .calendartimeselect-badges .calendarselect-badge:focus,
    .timeselect .calendartimeselect-badges .calendartimeselect-badge:hover,
    .timeselect .calendartimeselect-badges .calendartimeselect-badge:active,
    .timeselect .calendartimeselect-badges .calendartimeselect-badge:focus,
    .calendarselect .appointment-select-badges .appointment-select-badge:hover,
    .calendarselect .appointment-select-badges .appointment-select-badge:active,
    .calendarselect .appointment-select-badges .appointment-select-badge:focus,
    .calendarselect .appointment-select-badges .timeselect-badge:hover,
    .calendarselect .appointment-select-badges .timeselect-badge:active,
    .calendarselect .appointment-select-badges .timeselect-badge:focus,
    .calendarselect .appointment-select-badges .phoneselect-badge:hover,
    .calendarselect .appointment-select-badges .phoneselect-badge:active,
    .calendarselect .appointment-select-badges .phoneselect-badge:focus,
    .calendarselect .appointment-select-badges .locationselect-badge:hover,
    .calendarselect .appointment-select-badges .locationselect-badge:active,
    .calendarselect .appointment-select-badges .locationselect-badge:focus,
    .calendarselect .appointment-select-badges .calendarselect-badge:hover,
    .calendarselect .appointment-select-badges .calendarselect-badge:active,
    .calendarselect .appointment-select-badges .calendarselect-badge:focus,
    .calendarselect .appointment-select-badges .calendartimeselect-badge:hover,
    .calendarselect .appointment-select-badges .calendartimeselect-badge:active,
    .calendarselect .appointment-select-badges .calendartimeselect-badge:focus,
    .calendarselect .timeselect-badges .appointment-select-badge:hover,
    .calendarselect .timeselect-badges .appointment-select-badge:active,
    .calendarselect .timeselect-badges .appointment-select-badge:focus,
    .calendarselect .timeselect-badges .timeselect-badge:hover,
    .calendarselect .timeselect-badges .timeselect-badge:active,
    .calendarselect .timeselect-badges .timeselect-badge:focus,
    .calendarselect .timeselect-badges .phoneselect-badge:hover,
    .calendarselect .timeselect-badges .phoneselect-badge:active,
    .calendarselect .timeselect-badges .phoneselect-badge:focus,
    .calendarselect .timeselect-badges .locationselect-badge:hover,
    .calendarselect .timeselect-badges .locationselect-badge:active,
    .calendarselect .timeselect-badges .locationselect-badge:focus,
    .calendarselect .timeselect-badges .calendarselect-badge:hover,
    .calendarselect .timeselect-badges .calendarselect-badge:active,
    .calendarselect .timeselect-badges .calendarselect-badge:focus,
    .calendarselect .timeselect-badges .calendartimeselect-badge:hover,
    .calendarselect .timeselect-badges .calendartimeselect-badge:active,
    .calendarselect .timeselect-badges .calendartimeselect-badge:focus,
    .calendarselect .phoneselect-badges .appointment-select-badge:hover,
    .calendarselect .phoneselect-badges .appointment-select-badge:active,
    .calendarselect .phoneselect-badges .appointment-select-badge:focus,
    .calendarselect .phoneselect-badges .timeselect-badge:hover,
    .calendarselect .phoneselect-badges .timeselect-badge:active,
    .calendarselect .phoneselect-badges .timeselect-badge:focus,
    .calendarselect .phoneselect-badges .phoneselect-badge:hover,
    .calendarselect .phoneselect-badges .phoneselect-badge:active,
    .calendarselect .phoneselect-badges .phoneselect-badge:focus,
    .calendarselect .phoneselect-badges .locationselect-badge:hover,
    .calendarselect .phoneselect-badges .locationselect-badge:active,
    .calendarselect .phoneselect-badges .locationselect-badge:focus,
    .calendarselect .phoneselect-badges .calendarselect-badge:hover,
    .calendarselect .phoneselect-badges .calendarselect-badge:active,
    .calendarselect .phoneselect-badges .calendarselect-badge:focus,
    .calendarselect .phoneselect-badges .calendartimeselect-badge:hover,
    .calendarselect .phoneselect-badges .calendartimeselect-badge:active,
    .calendarselect .phoneselect-badges .calendartimeselect-badge:focus,
    .calendarselect .locationselect-badges .appointment-select-badge:hover,
    .calendarselect .locationselect-badges .appointment-select-badge:active,
    .calendarselect .locationselect-badges .appointment-select-badge:focus,
    .calendarselect .locationselect-badges .timeselect-badge:hover,
    .calendarselect .locationselect-badges .timeselect-badge:active,
    .calendarselect .locationselect-badges .timeselect-badge:focus,
    .calendarselect .locationselect-badges .phoneselect-badge:hover,
    .calendarselect .locationselect-badges .phoneselect-badge:active,
    .calendarselect .locationselect-badges .phoneselect-badge:focus,
    .calendarselect .locationselect-badges .locationselect-badge:hover,
    .calendarselect .locationselect-badges .locationselect-badge:active,
    .calendarselect .locationselect-badges .locationselect-badge:focus,
    .calendarselect .locationselect-badges .calendarselect-badge:hover,
    .calendarselect .locationselect-badges .calendarselect-badge:active,
    .calendarselect .locationselect-badges .calendarselect-badge:focus,
    .calendarselect .locationselect-badges .calendartimeselect-badge:hover,
    .calendarselect .locationselect-badges .calendartimeselect-badge:active,
    .calendarselect .locationselect-badges .calendartimeselect-badge:focus,
    .calendarselect .calendarselect-badges .appointment-select-badge:hover,
    .calendarselect .calendarselect-badges .appointment-select-badge:active,
    .calendarselect .calendarselect-badges .appointment-select-badge:focus,
    .calendarselect .calendarselect-badges .timeselect-badge:hover,
    .calendarselect .calendarselect-badges .timeselect-badge:active,
    .calendarselect .calendarselect-badges .timeselect-badge:focus,
    .calendarselect .calendarselect-badges .phoneselect-badge:hover,
    .calendarselect .calendarselect-badges .phoneselect-badge:active,
    .calendarselect .calendarselect-badges .phoneselect-badge:focus,
    .calendarselect .calendarselect-badges .locationselect-badge:hover,
    .calendarselect .calendarselect-badges .locationselect-badge:active,
    .calendarselect .calendarselect-badges .locationselect-badge:focus,
    .calendarselect .calendarselect-badges .calendarselect-badge:hover,
    .calendarselect .calendarselect-badges .calendarselect-badge:active,
    .calendarselect .calendarselect-badges .calendarselect-badge:focus,
    .calendarselect .calendarselect-badges .calendartimeselect-badge:hover,
    .calendarselect .calendarselect-badges .calendartimeselect-badge:active,
    .calendarselect .calendarselect-badges .calendartimeselect-badge:focus,
    .calendarselect .calendartimeselect-badges .appointment-select-badge:hover,
    .calendarselect .calendartimeselect-badges .appointment-select-badge:active,
    .calendarselect .calendartimeselect-badges .appointment-select-badge:focus,
    .calendarselect .calendartimeselect-badges .timeselect-badge:hover,
    .calendarselect .calendartimeselect-badges .timeselect-badge:active,
    .calendarselect .calendartimeselect-badges .timeselect-badge:focus,
    .calendarselect .calendartimeselect-badges .phoneselect-badge:hover,
    .calendarselect .calendartimeselect-badges .phoneselect-badge:active,
    .calendarselect .calendartimeselect-badges .phoneselect-badge:focus,
    .calendarselect .calendartimeselect-badges .locationselect-badge:hover,
    .calendarselect .calendartimeselect-badges .locationselect-badge:active,
    .calendarselect .calendartimeselect-badges .locationselect-badge:focus,
    .calendarselect .calendartimeselect-badges .calendarselect-badge:hover,
    .calendarselect .calendartimeselect-badges .calendarselect-badge:active,
    .calendarselect .calendartimeselect-badges .calendarselect-badge:focus,
    .calendarselect .calendartimeselect-badges .calendartimeselect-badge:hover,
    .calendarselect .calendartimeselect-badges .calendartimeselect-badge:active,
    .calendarselect .calendartimeselect-badges .calendartimeselect-badge:focus,
    .appointment-select-container .appointment-select-badges .appointment-select-badge:hover,
    .appointment-select-container .appointment-select-badges .appointment-select-badge:active,
    .appointment-select-container .appointment-select-badges .appointment-select-badge:focus,
    .appointment-select-container .appointment-select-badges .timeselect-badge:hover,
    .appointment-select-container .appointment-select-badges .timeselect-badge:active,
    .appointment-select-container .appointment-select-badges .timeselect-badge:focus,
    .appointment-select-container .appointment-select-badges .phoneselect-badge:hover,
    .appointment-select-container .appointment-select-badges .phoneselect-badge:active,
    .appointment-select-container .appointment-select-badges .phoneselect-badge:focus,
    .appointment-select-container .appointment-select-badges .locationselect-badge:hover,
    .appointment-select-container .appointment-select-badges .locationselect-badge:active,
    .appointment-select-container .appointment-select-badges .locationselect-badge:focus,
    .appointment-select-container .appointment-select-badges .calendarselect-badge:hover,
    .appointment-select-container .appointment-select-badges .calendarselect-badge:active,
    .appointment-select-container .appointment-select-badges .calendarselect-badge:focus,
    .appointment-select-container .appointment-select-badges .calendartimeselect-badge:hover,
    .appointment-select-container .appointment-select-badges .calendartimeselect-badge:active,
    .appointment-select-container .appointment-select-badges .calendartimeselect-badge:focus,
    .appointment-select-container .timeselect-badges .appointment-select-badge:hover,
    .appointment-select-container .timeselect-badges .appointment-select-badge:active,
    .appointment-select-container .timeselect-badges .appointment-select-badge:focus,
    .appointment-select-container .timeselect-badges .timeselect-badge:hover,
    .appointment-select-container .timeselect-badges .timeselect-badge:active,
    .appointment-select-container .timeselect-badges .timeselect-badge:focus,
    .appointment-select-container .timeselect-badges .phoneselect-badge:hover,
    .appointment-select-container .timeselect-badges .phoneselect-badge:active,
    .appointment-select-container .timeselect-badges .phoneselect-badge:focus,
    .appointment-select-container .timeselect-badges .locationselect-badge:hover,
    .appointment-select-container .timeselect-badges .locationselect-badge:active,
    .appointment-select-container .timeselect-badges .locationselect-badge:focus,
    .appointment-select-container .timeselect-badges .calendarselect-badge:hover,
    .appointment-select-container .timeselect-badges .calendarselect-badge:active,
    .appointment-select-container .timeselect-badges .calendarselect-badge:focus,
    .appointment-select-container .timeselect-badges .calendartimeselect-badge:hover,
    .appointment-select-container .timeselect-badges .calendartimeselect-badge:active,
    .appointment-select-container .timeselect-badges .calendartimeselect-badge:focus,
    .appointment-select-container .phoneselect-badges .appointment-select-badge:hover,
    .appointment-select-container .phoneselect-badges .appointment-select-badge:active,
    .appointment-select-container .phoneselect-badges .appointment-select-badge:focus,
    .appointment-select-container .phoneselect-badges .timeselect-badge:hover,
    .appointment-select-container .phoneselect-badges .timeselect-badge:active,
    .appointment-select-container .phoneselect-badges .timeselect-badge:focus,
    .appointment-select-container .phoneselect-badges .phoneselect-badge:hover,
    .appointment-select-container .phoneselect-badges .phoneselect-badge:active,
    .appointment-select-container .phoneselect-badges .phoneselect-badge:focus,
    .appointment-select-container .phoneselect-badges .locationselect-badge:hover,
    .appointment-select-container .phoneselect-badges .locationselect-badge:active,
    .appointment-select-container .phoneselect-badges .locationselect-badge:focus,
    .appointment-select-container .phoneselect-badges .calendarselect-badge:hover,
    .appointment-select-container .phoneselect-badges .calendarselect-badge:active,
    .appointment-select-container .phoneselect-badges .calendarselect-badge:focus,
    .appointment-select-container .phoneselect-badges .calendartimeselect-badge:hover,
    .appointment-select-container .phoneselect-badges .calendartimeselect-badge:active,
    .appointment-select-container .phoneselect-badges .calendartimeselect-badge:focus,
    .appointment-select-container .locationselect-badges .appointment-select-badge:hover,
    .appointment-select-container .locationselect-badges .appointment-select-badge:active,
    .appointment-select-container .locationselect-badges .appointment-select-badge:focus,
    .appointment-select-container .locationselect-badges .timeselect-badge:hover,
    .appointment-select-container .locationselect-badges .timeselect-badge:active,
    .appointment-select-container .locationselect-badges .timeselect-badge:focus,
    .appointment-select-container .locationselect-badges .phoneselect-badge:hover,
    .appointment-select-container .locationselect-badges .phoneselect-badge:active,
    .appointment-select-container .locationselect-badges .phoneselect-badge:focus,
    .appointment-select-container .locationselect-badges .locationselect-badge:hover,
    .appointment-select-container .locationselect-badges .locationselect-badge:active,
    .appointment-select-container .locationselect-badges .locationselect-badge:focus,
    .appointment-select-container .locationselect-badges .calendarselect-badge:hover,
    .appointment-select-container .locationselect-badges .calendarselect-badge:active,
    .appointment-select-container .locationselect-badges .calendarselect-badge:focus,
    .appointment-select-container .locationselect-badges .calendartimeselect-badge:hover,
    .appointment-select-container .locationselect-badges .calendartimeselect-badge:active,
    .appointment-select-container .locationselect-badges .calendartimeselect-badge:focus,
    .appointment-select-container .calendarselect-badges .appointment-select-badge:hover,
    .appointment-select-container .calendarselect-badges .appointment-select-badge:active,
    .appointment-select-container .calendarselect-badges .appointment-select-badge:focus,
    .appointment-select-container .calendarselect-badges .timeselect-badge:hover,
    .appointment-select-container .calendarselect-badges .timeselect-badge:active,
    .appointment-select-container .calendarselect-badges .timeselect-badge:focus,
    .appointment-select-container .calendarselect-badges .phoneselect-badge:hover,
    .appointment-select-container .calendarselect-badges .phoneselect-badge:active,
    .appointment-select-container .calendarselect-badges .phoneselect-badge:focus,
    .appointment-select-container .calendarselect-badges .locationselect-badge:hover,
    .appointment-select-container .calendarselect-badges .locationselect-badge:active,
    .appointment-select-container .calendarselect-badges .locationselect-badge:focus,
    .appointment-select-container .calendarselect-badges .calendarselect-badge:hover,
    .appointment-select-container .calendarselect-badges .calendarselect-badge:active,
    .appointment-select-container .calendarselect-badges .calendarselect-badge:focus,
    .appointment-select-container .calendarselect-badges .calendartimeselect-badge:hover,
    .appointment-select-container .calendarselect-badges .calendartimeselect-badge:active,
    .appointment-select-container .calendarselect-badges .calendartimeselect-badge:focus,
    .appointment-select-container .calendartimeselect-badges .appointment-select-badge:hover,
    .appointment-select-container .calendartimeselect-badges .appointment-select-badge:active,
    .appointment-select-container .calendartimeselect-badges .appointment-select-badge:focus,
    .appointment-select-container .calendartimeselect-badges .timeselect-badge:hover,
    .appointment-select-container .calendartimeselect-badges .timeselect-badge:active,
    .appointment-select-container .calendartimeselect-badges .timeselect-badge:focus,
    .appointment-select-container .calendartimeselect-badges .phoneselect-badge:hover,
    .appointment-select-container .calendartimeselect-badges .phoneselect-badge:active,
    .appointment-select-container .calendartimeselect-badges .phoneselect-badge:focus,
    .appointment-select-container .calendartimeselect-badges .locationselect-badge:hover,
    .appointment-select-container .calendartimeselect-badges .locationselect-badge:active,
    .appointment-select-container .calendartimeselect-badges .locationselect-badge:focus,
    .appointment-select-container .calendartimeselect-badges .calendarselect-badge:hover,
    .appointment-select-container .calendartimeselect-badges .calendarselect-badge:active,
    .appointment-select-container .calendartimeselect-badges .calendarselect-badge:focus,
    .appointment-select-container .calendartimeselect-badges .calendartimeselect-badge:hover,
    .appointment-select-container .calendartimeselect-badges .calendartimeselect-badge:active,
    .appointment-select-container .calendartimeselect-badges .calendartimeselect-badge:focus,
    .phoneselect .appointment-select-badges .appointment-select-badge:hover,
    .phoneselect .appointment-select-badges .appointment-select-badge:active,
    .phoneselect .appointment-select-badges .appointment-select-badge:focus,
    .phoneselect .appointment-select-badges .timeselect-badge:hover,
    .phoneselect .appointment-select-badges .timeselect-badge:active,
    .phoneselect .appointment-select-badges .timeselect-badge:focus,
    .phoneselect .appointment-select-badges .phoneselect-badge:hover,
    .phoneselect .appointment-select-badges .phoneselect-badge:active,
    .phoneselect .appointment-select-badges .phoneselect-badge:focus,
    .phoneselect .appointment-select-badges .locationselect-badge:hover,
    .phoneselect .appointment-select-badges .locationselect-badge:active,
    .phoneselect .appointment-select-badges .locationselect-badge:focus,
    .phoneselect .appointment-select-badges .calendarselect-badge:hover,
    .phoneselect .appointment-select-badges .calendarselect-badge:active,
    .phoneselect .appointment-select-badges .calendarselect-badge:focus,
    .phoneselect .appointment-select-badges .calendartimeselect-badge:hover,
    .phoneselect .appointment-select-badges .calendartimeselect-badge:active,
    .phoneselect .appointment-select-badges .calendartimeselect-badge:focus,
    .phoneselect .timeselect-badges .appointment-select-badge:hover,
    .phoneselect .timeselect-badges .appointment-select-badge:active,
    .phoneselect .timeselect-badges .appointment-select-badge:focus,
    .phoneselect .timeselect-badges .timeselect-badge:hover,
    .phoneselect .timeselect-badges .timeselect-badge:active,
    .phoneselect .timeselect-badges .timeselect-badge:focus,
    .phoneselect .timeselect-badges .phoneselect-badge:hover,
    .phoneselect .timeselect-badges .phoneselect-badge:active,
    .phoneselect .timeselect-badges .phoneselect-badge:focus,
    .phoneselect .timeselect-badges .locationselect-badge:hover,
    .phoneselect .timeselect-badges .locationselect-badge:active,
    .phoneselect .timeselect-badges .locationselect-badge:focus,
    .phoneselect .timeselect-badges .calendarselect-badge:hover,
    .phoneselect .timeselect-badges .calendarselect-badge:active,
    .phoneselect .timeselect-badges .calendarselect-badge:focus,
    .phoneselect .timeselect-badges .calendartimeselect-badge:hover,
    .phoneselect .timeselect-badges .calendartimeselect-badge:active,
    .phoneselect .timeselect-badges .calendartimeselect-badge:focus,
    .phoneselect .phoneselect-badges .appointment-select-badge:hover,
    .phoneselect .phoneselect-badges .appointment-select-badge:active,
    .phoneselect .phoneselect-badges .appointment-select-badge:focus,
    .phoneselect .phoneselect-badges .timeselect-badge:hover,
    .phoneselect .phoneselect-badges .timeselect-badge:active,
    .phoneselect .phoneselect-badges .timeselect-badge:focus,
    .phoneselect .phoneselect-badges .phoneselect-badge:hover,
    .phoneselect .phoneselect-badges .phoneselect-badge:active,
    .phoneselect .phoneselect-badges .phoneselect-badge:focus,
    .phoneselect .phoneselect-badges .locationselect-badge:hover,
    .phoneselect .phoneselect-badges .locationselect-badge:active,
    .phoneselect .phoneselect-badges .locationselect-badge:focus,
    .phoneselect .phoneselect-badges .calendarselect-badge:hover,
    .phoneselect .phoneselect-badges .calendarselect-badge:active,
    .phoneselect .phoneselect-badges .calendarselect-badge:focus,
    .phoneselect .phoneselect-badges .calendartimeselect-badge:hover,
    .phoneselect .phoneselect-badges .calendartimeselect-badge:active,
    .phoneselect .phoneselect-badges .calendartimeselect-badge:focus,
    .phoneselect .locationselect-badges .appointment-select-badge:hover,
    .phoneselect .locationselect-badges .appointment-select-badge:active,
    .phoneselect .locationselect-badges .appointment-select-badge:focus,
    .phoneselect .locationselect-badges .timeselect-badge:hover,
    .phoneselect .locationselect-badges .timeselect-badge:active,
    .phoneselect .locationselect-badges .timeselect-badge:focus,
    .phoneselect .locationselect-badges .phoneselect-badge:hover,
    .phoneselect .locationselect-badges .phoneselect-badge:active,
    .phoneselect .locationselect-badges .phoneselect-badge:focus,
    .phoneselect .locationselect-badges .locationselect-badge:hover,
    .phoneselect .locationselect-badges .locationselect-badge:active,
    .phoneselect .locationselect-badges .locationselect-badge:focus,
    .phoneselect .locationselect-badges .calendarselect-badge:hover,
    .phoneselect .locationselect-badges .calendarselect-badge:active,
    .phoneselect .locationselect-badges .calendarselect-badge:focus,
    .phoneselect .locationselect-badges .calendartimeselect-badge:hover,
    .phoneselect .locationselect-badges .calendartimeselect-badge:active,
    .phoneselect .locationselect-badges .calendartimeselect-badge:focus,
    .phoneselect .calendarselect-badges .appointment-select-badge:hover,
    .phoneselect .calendarselect-badges .appointment-select-badge:active,
    .phoneselect .calendarselect-badges .appointment-select-badge:focus,
    .phoneselect .calendarselect-badges .timeselect-badge:hover,
    .phoneselect .calendarselect-badges .timeselect-badge:active,
    .phoneselect .calendarselect-badges .timeselect-badge:focus,
    .phoneselect .calendarselect-badges .phoneselect-badge:hover,
    .phoneselect .calendarselect-badges .phoneselect-badge:active,
    .phoneselect .calendarselect-badges .phoneselect-badge:focus,
    .phoneselect .calendarselect-badges .locationselect-badge:hover,
    .phoneselect .calendarselect-badges .locationselect-badge:active,
    .phoneselect .calendarselect-badges .locationselect-badge:focus,
    .phoneselect .calendarselect-badges .calendarselect-badge:hover,
    .phoneselect .calendarselect-badges .calendarselect-badge:active,
    .phoneselect .calendarselect-badges .calendarselect-badge:focus,
    .phoneselect .calendarselect-badges .calendartimeselect-badge:hover,
    .phoneselect .calendarselect-badges .calendartimeselect-badge:active,
    .phoneselect .calendarselect-badges .calendartimeselect-badge:focus,
    .phoneselect .calendartimeselect-badges .appointment-select-badge:hover,
    .phoneselect .calendartimeselect-badges .appointment-select-badge:active,
    .phoneselect .calendartimeselect-badges .appointment-select-badge:focus,
    .phoneselect .calendartimeselect-badges .timeselect-badge:hover,
    .phoneselect .calendartimeselect-badges .timeselect-badge:active,
    .phoneselect .calendartimeselect-badges .timeselect-badge:focus,
    .phoneselect .calendartimeselect-badges .phoneselect-badge:hover,
    .phoneselect .calendartimeselect-badges .phoneselect-badge:active,
    .phoneselect .calendartimeselect-badges .phoneselect-badge:focus,
    .phoneselect .calendartimeselect-badges .locationselect-badge:hover,
    .phoneselect .calendartimeselect-badges .locationselect-badge:active,
    .phoneselect .calendartimeselect-badges .locationselect-badge:focus,
    .phoneselect .calendartimeselect-badges .calendarselect-badge:hover,
    .phoneselect .calendartimeselect-badges .calendarselect-badge:active,
    .phoneselect .calendartimeselect-badges .calendarselect-badge:focus,
    .phoneselect .calendartimeselect-badges .calendartimeselect-badge:hover,
    .phoneselect .calendartimeselect-badges .calendartimeselect-badge:active,
    .phoneselect .calendartimeselect-badges .calendartimeselect-badge:focus,
    .locationselect .appointment-select-badges .appointment-select-badge:hover,
    .locationselect .appointment-select-badges .appointment-select-badge:active,
    .locationselect .appointment-select-badges .appointment-select-badge:focus,
    .locationselect .appointment-select-badges .timeselect-badge:hover,
    .locationselect .appointment-select-badges .timeselect-badge:active,
    .locationselect .appointment-select-badges .timeselect-badge:focus,
    .locationselect .appointment-select-badges .phoneselect-badge:hover,
    .locationselect .appointment-select-badges .phoneselect-badge:active,
    .locationselect .appointment-select-badges .phoneselect-badge:focus,
    .locationselect .appointment-select-badges .locationselect-badge:hover,
    .locationselect .appointment-select-badges .locationselect-badge:active,
    .locationselect .appointment-select-badges .locationselect-badge:focus,
    .locationselect .appointment-select-badges .calendarselect-badge:hover,
    .locationselect .appointment-select-badges .calendarselect-badge:active,
    .locationselect .appointment-select-badges .calendarselect-badge:focus,
    .locationselect .appointment-select-badges .calendartimeselect-badge:hover,
    .locationselect .appointment-select-badges .calendartimeselect-badge:active,
    .locationselect .appointment-select-badges .calendartimeselect-badge:focus,
    .locationselect .timeselect-badges .appointment-select-badge:hover,
    .locationselect .timeselect-badges .appointment-select-badge:active,
    .locationselect .timeselect-badges .appointment-select-badge:focus,
    .locationselect .timeselect-badges .timeselect-badge:hover,
    .locationselect .timeselect-badges .timeselect-badge:active,
    .locationselect .timeselect-badges .timeselect-badge:focus,
    .locationselect .timeselect-badges .phoneselect-badge:hover,
    .locationselect .timeselect-badges .phoneselect-badge:active,
    .locationselect .timeselect-badges .phoneselect-badge:focus,
    .locationselect .timeselect-badges .locationselect-badge:hover,
    .locationselect .timeselect-badges .locationselect-badge:active,
    .locationselect .timeselect-badges .locationselect-badge:focus,
    .locationselect .timeselect-badges .calendarselect-badge:hover,
    .locationselect .timeselect-badges .calendarselect-badge:active,
    .locationselect .timeselect-badges .calendarselect-badge:focus,
    .locationselect .timeselect-badges .calendartimeselect-badge:hover,
    .locationselect .timeselect-badges .calendartimeselect-badge:active,
    .locationselect .timeselect-badges .calendartimeselect-badge:focus,
    .locationselect .phoneselect-badges .appointment-select-badge:hover,
    .locationselect .phoneselect-badges .appointment-select-badge:active,
    .locationselect .phoneselect-badges .appointment-select-badge:focus,
    .locationselect .phoneselect-badges .timeselect-badge:hover,
    .locationselect .phoneselect-badges .timeselect-badge:active,
    .locationselect .phoneselect-badges .timeselect-badge:focus,
    .locationselect .phoneselect-badges .phoneselect-badge:hover,
    .locationselect .phoneselect-badges .phoneselect-badge:active,
    .locationselect .phoneselect-badges .phoneselect-badge:focus,
    .locationselect .phoneselect-badges .locationselect-badge:hover,
    .locationselect .phoneselect-badges .locationselect-badge:active,
    .locationselect .phoneselect-badges .locationselect-badge:focus,
    .locationselect .phoneselect-badges .calendarselect-badge:hover,
    .locationselect .phoneselect-badges .calendarselect-badge:active,
    .locationselect .phoneselect-badges .calendarselect-badge:focus,
    .locationselect .phoneselect-badges .calendartimeselect-badge:hover,
    .locationselect .phoneselect-badges .calendartimeselect-badge:active,
    .locationselect .phoneselect-badges .calendartimeselect-badge:focus,
    .locationselect .locationselect-badges .appointment-select-badge:hover,
    .locationselect .locationselect-badges .appointment-select-badge:active,
    .locationselect .locationselect-badges .appointment-select-badge:focus,
    .locationselect .locationselect-badges .timeselect-badge:hover,
    .locationselect .locationselect-badges .timeselect-badge:active,
    .locationselect .locationselect-badges .timeselect-badge:focus,
    .locationselect .locationselect-badges .phoneselect-badge:hover,
    .locationselect .locationselect-badges .phoneselect-badge:active,
    .locationselect .locationselect-badges .phoneselect-badge:focus,
    .locationselect .locationselect-badges .locationselect-badge:hover,
    .locationselect .locationselect-badges .locationselect-badge:active,
    .locationselect .locationselect-badges .locationselect-badge:focus,
    .locationselect .locationselect-badges .calendarselect-badge:hover,
    .locationselect .locationselect-badges .calendarselect-badge:active,
    .locationselect .locationselect-badges .calendarselect-badge:focus,
    .locationselect .locationselect-badges .calendartimeselect-badge:hover,
    .locationselect .locationselect-badges .calendartimeselect-badge:active,
    .locationselect .locationselect-badges .calendartimeselect-badge:focus,
    .locationselect .calendarselect-badges .appointment-select-badge:hover,
    .locationselect .calendarselect-badges .appointment-select-badge:active,
    .locationselect .calendarselect-badges .appointment-select-badge:focus,
    .locationselect .calendarselect-badges .timeselect-badge:hover,
    .locationselect .calendarselect-badges .timeselect-badge:active,
    .locationselect .calendarselect-badges .timeselect-badge:focus,
    .locationselect .calendarselect-badges .phoneselect-badge:hover,
    .locationselect .calendarselect-badges .phoneselect-badge:active,
    .locationselect .calendarselect-badges .phoneselect-badge:focus,
    .locationselect .calendarselect-badges .locationselect-badge:hover,
    .locationselect .calendarselect-badges .locationselect-badge:active,
    .locationselect .calendarselect-badges .locationselect-badge:focus,
    .locationselect .calendarselect-badges .calendarselect-badge:hover,
    .locationselect .calendarselect-badges .calendarselect-badge:active,
    .locationselect .calendarselect-badges .calendarselect-badge:focus,
    .locationselect .calendarselect-badges .calendartimeselect-badge:hover,
    .locationselect .calendarselect-badges .calendartimeselect-badge:active,
    .locationselect .calendarselect-badges .calendartimeselect-badge:focus,
    .locationselect .calendartimeselect-badges .appointment-select-badge:hover,
    .locationselect .calendartimeselect-badges .appointment-select-badge:active,
    .locationselect .calendartimeselect-badges .appointment-select-badge:focus,
    .locationselect .calendartimeselect-badges .timeselect-badge:hover,
    .locationselect .calendartimeselect-badges .timeselect-badge:active,
    .locationselect .calendartimeselect-badges .timeselect-badge:focus,
    .locationselect .calendartimeselect-badges .phoneselect-badge:hover,
    .locationselect .calendartimeselect-badges .phoneselect-badge:active,
    .locationselect .calendartimeselect-badges .phoneselect-badge:focus,
    .locationselect .calendartimeselect-badges .locationselect-badge:hover,
    .locationselect .calendartimeselect-badges .locationselect-badge:active,
    .locationselect .calendartimeselect-badges .locationselect-badge:focus,
    .locationselect .calendartimeselect-badges .calendarselect-badge:hover,
    .locationselect .calendartimeselect-badges .calendarselect-badge:active,
    .locationselect .calendartimeselect-badges .calendarselect-badge:focus,
    .locationselect .calendartimeselect-badges .calendartimeselect-badge:hover,
    .locationselect .calendartimeselect-badges .calendartimeselect-badge:active,
    .locationselect .calendartimeselect-badges .calendartimeselect-badge:focus,
    .calendartimeselect .appointment-select-badges .appointment-select-badge:hover,
    .calendartimeselect .appointment-select-badges .appointment-select-badge:active,
    .calendartimeselect .appointment-select-badges .appointment-select-badge:focus,
    .calendartimeselect .appointment-select-badges .timeselect-badge:hover,
    .calendartimeselect .appointment-select-badges .timeselect-badge:active,
    .calendartimeselect .appointment-select-badges .timeselect-badge:focus,
    .calendartimeselect .appointment-select-badges .phoneselect-badge:hover,
    .calendartimeselect .appointment-select-badges .phoneselect-badge:active,
    .calendartimeselect .appointment-select-badges .phoneselect-badge:focus,
    .calendartimeselect .appointment-select-badges .locationselect-badge:hover,
    .calendartimeselect .appointment-select-badges .locationselect-badge:active,
    .calendartimeselect .appointment-select-badges .locationselect-badge:focus,
    .calendartimeselect .appointment-select-badges .calendarselect-badge:hover,
    .calendartimeselect .appointment-select-badges .calendarselect-badge:active,
    .calendartimeselect .appointment-select-badges .calendarselect-badge:focus,
    .calendartimeselect .appointment-select-badges .calendartimeselect-badge:hover,
    .calendartimeselect .appointment-select-badges .calendartimeselect-badge:active,
    .calendartimeselect .appointment-select-badges .calendartimeselect-badge:focus,
    .calendartimeselect .timeselect-badges .appointment-select-badge:hover,
    .calendartimeselect .timeselect-badges .appointment-select-badge:active,
    .calendartimeselect .timeselect-badges .appointment-select-badge:focus,
    .calendartimeselect .timeselect-badges .timeselect-badge:hover,
    .calendartimeselect .timeselect-badges .timeselect-badge:active,
    .calendartimeselect .timeselect-badges .timeselect-badge:focus,
    .calendartimeselect .timeselect-badges .phoneselect-badge:hover,
    .calendartimeselect .timeselect-badges .phoneselect-badge:active,
    .calendartimeselect .timeselect-badges .phoneselect-badge:focus,
    .calendartimeselect .timeselect-badges .locationselect-badge:hover,
    .calendartimeselect .timeselect-badges .locationselect-badge:active,
    .calendartimeselect .timeselect-badges .locationselect-badge:focus,
    .calendartimeselect .timeselect-badges .calendarselect-badge:hover,
    .calendartimeselect .timeselect-badges .calendarselect-badge:active,
    .calendartimeselect .timeselect-badges .calendarselect-badge:focus,
    .calendartimeselect .timeselect-badges .calendartimeselect-badge:hover,
    .calendartimeselect .timeselect-badges .calendartimeselect-badge:active,
    .calendartimeselect .timeselect-badges .calendartimeselect-badge:focus,
    .calendartimeselect .phoneselect-badges .appointment-select-badge:hover,
    .calendartimeselect .phoneselect-badges .appointment-select-badge:active,
    .calendartimeselect .phoneselect-badges .appointment-select-badge:focus,
    .calendartimeselect .phoneselect-badges .timeselect-badge:hover,
    .calendartimeselect .phoneselect-badges .timeselect-badge:active,
    .calendartimeselect .phoneselect-badges .timeselect-badge:focus,
    .calendartimeselect .phoneselect-badges .phoneselect-badge:hover,
    .calendartimeselect .phoneselect-badges .phoneselect-badge:active,
    .calendartimeselect .phoneselect-badges .phoneselect-badge:focus,
    .calendartimeselect .phoneselect-badges .locationselect-badge:hover,
    .calendartimeselect .phoneselect-badges .locationselect-badge:active,
    .calendartimeselect .phoneselect-badges .locationselect-badge:focus,
    .calendartimeselect .phoneselect-badges .calendarselect-badge:hover,
    .calendartimeselect .phoneselect-badges .calendarselect-badge:active,
    .calendartimeselect .phoneselect-badges .calendarselect-badge:focus,
    .calendartimeselect .phoneselect-badges .calendartimeselect-badge:hover,
    .calendartimeselect .phoneselect-badges .calendartimeselect-badge:active,
    .calendartimeselect .phoneselect-badges .calendartimeselect-badge:focus,
    .calendartimeselect .locationselect-badges .appointment-select-badge:hover,
    .calendartimeselect .locationselect-badges .appointment-select-badge:active,
    .calendartimeselect .locationselect-badges .appointment-select-badge:focus,
    .calendartimeselect .locationselect-badges .timeselect-badge:hover,
    .calendartimeselect .locationselect-badges .timeselect-badge:active,
    .calendartimeselect .locationselect-badges .timeselect-badge:focus,
    .calendartimeselect .locationselect-badges .phoneselect-badge:hover,
    .calendartimeselect .locationselect-badges .phoneselect-badge:active,
    .calendartimeselect .locationselect-badges .phoneselect-badge:focus,
    .calendartimeselect .locationselect-badges .locationselect-badge:hover,
    .calendartimeselect .locationselect-badges .locationselect-badge:active,
    .calendartimeselect .locationselect-badges .locationselect-badge:focus,
    .calendartimeselect .locationselect-badges .calendarselect-badge:hover,
    .calendartimeselect .locationselect-badges .calendarselect-badge:active,
    .calendartimeselect .locationselect-badges .calendarselect-badge:focus,
    .calendartimeselect .locationselect-badges .calendartimeselect-badge:hover,
    .calendartimeselect .locationselect-badges .calendartimeselect-badge:active,
    .calendartimeselect .locationselect-badges .calendartimeselect-badge:focus,
    .calendartimeselect .calendarselect-badges .appointment-select-badge:hover,
    .calendartimeselect .calendarselect-badges .appointment-select-badge:active,
    .calendartimeselect .calendarselect-badges .appointment-select-badge:focus,
    .calendartimeselect .calendarselect-badges .timeselect-badge:hover,
    .calendartimeselect .calendarselect-badges .timeselect-badge:active,
    .calendartimeselect .calendarselect-badges .timeselect-badge:focus,
    .calendartimeselect .calendarselect-badges .phoneselect-badge:hover,
    .calendartimeselect .calendarselect-badges .phoneselect-badge:active,
    .calendartimeselect .calendarselect-badges .phoneselect-badge:focus,
    .calendartimeselect .calendarselect-badges .locationselect-badge:hover,
    .calendartimeselect .calendarselect-badges .locationselect-badge:active,
    .calendartimeselect .calendarselect-badges .locationselect-badge:focus,
    .calendartimeselect .calendarselect-badges .calendarselect-badge:hover,
    .calendartimeselect .calendarselect-badges .calendarselect-badge:active,
    .calendartimeselect .calendarselect-badges .calendarselect-badge:focus,
    .calendartimeselect .calendarselect-badges .calendartimeselect-badge:hover,
    .calendartimeselect .calendarselect-badges .calendartimeselect-badge:active,
    .calendartimeselect .calendarselect-badges .calendartimeselect-badge:focus,
    .calendartimeselect .calendartimeselect-badges .appointment-select-badge:hover,
    .calendartimeselect .calendartimeselect-badges .appointment-select-badge:active,
    .calendartimeselect .calendartimeselect-badges .appointment-select-badge:focus,
    .calendartimeselect .calendartimeselect-badges .timeselect-badge:hover,
    .calendartimeselect .calendartimeselect-badges .timeselect-badge:active,
    .calendartimeselect .calendartimeselect-badges .timeselect-badge:focus,
    .calendartimeselect .calendartimeselect-badges .phoneselect-badge:hover,
    .calendartimeselect .calendartimeselect-badges .phoneselect-badge:active,
    .calendartimeselect .calendartimeselect-badges .phoneselect-badge:focus,
    .calendartimeselect .calendartimeselect-badges .locationselect-badge:hover,
    .calendartimeselect .calendartimeselect-badges .locationselect-badge:active,
    .calendartimeselect .calendartimeselect-badges .locationselect-badge:focus,
    .calendartimeselect .calendartimeselect-badges .calendarselect-badge:hover,
    .calendartimeselect .calendartimeselect-badges .calendarselect-badge:active,
    .calendartimeselect .calendartimeselect-badges .calendarselect-badge:focus,
    .calendartimeselect .calendartimeselect-badges .calendartimeselect-badge:hover,
    .calendartimeselect .calendartimeselect-badges .calendartimeselect-badge:active,
    .calendartimeselect .calendartimeselect-badges .calendartimeselect-badge:focus {
      background: #BBC4CD; }
    .timeselect .appointment-select-badges .appointment-select-badge.remove,
    .timeselect .appointment-select-badges .timeselect-badge.remove,
    .timeselect .appointment-select-badges .phoneselect-badge.remove,
    .timeselect .appointment-select-badges .locationselect-badge.remove,
    .timeselect .appointment-select-badges .calendarselect-badge.remove,
    .timeselect .appointment-select-badges .calendartimeselect-badge.remove,
    .timeselect .timeselect-badges .appointment-select-badge.remove,
    .timeselect .timeselect-badges .timeselect-badge.remove,
    .timeselect .timeselect-badges .phoneselect-badge.remove,
    .timeselect .timeselect-badges .locationselect-badge.remove,
    .timeselect .timeselect-badges .calendarselect-badge.remove,
    .timeselect .timeselect-badges .calendartimeselect-badge.remove,
    .timeselect .phoneselect-badges .appointment-select-badge.remove,
    .timeselect .phoneselect-badges .timeselect-badge.remove,
    .timeselect .phoneselect-badges .phoneselect-badge.remove,
    .timeselect .phoneselect-badges .locationselect-badge.remove,
    .timeselect .phoneselect-badges .calendarselect-badge.remove,
    .timeselect .phoneselect-badges .calendartimeselect-badge.remove,
    .timeselect .locationselect-badges .appointment-select-badge.remove,
    .timeselect .locationselect-badges .timeselect-badge.remove,
    .timeselect .locationselect-badges .phoneselect-badge.remove,
    .timeselect .locationselect-badges .locationselect-badge.remove,
    .timeselect .locationselect-badges .calendarselect-badge.remove,
    .timeselect .locationselect-badges .calendartimeselect-badge.remove,
    .timeselect .calendarselect-badges .appointment-select-badge.remove,
    .timeselect .calendarselect-badges .timeselect-badge.remove,
    .timeselect .calendarselect-badges .phoneselect-badge.remove,
    .timeselect .calendarselect-badges .locationselect-badge.remove,
    .timeselect .calendarselect-badges .calendarselect-badge.remove,
    .timeselect .calendarselect-badges .calendartimeselect-badge.remove,
    .timeselect .calendartimeselect-badges .appointment-select-badge.remove,
    .timeselect .calendartimeselect-badges .timeselect-badge.remove,
    .timeselect .calendartimeselect-badges .phoneselect-badge.remove,
    .timeselect .calendartimeselect-badges .locationselect-badge.remove,
    .timeselect .calendartimeselect-badges .calendarselect-badge.remove,
    .timeselect .calendartimeselect-badges .calendartimeselect-badge.remove,
    .calendarselect .appointment-select-badges .appointment-select-badge.remove,
    .calendarselect .appointment-select-badges .timeselect-badge.remove,
    .calendarselect .appointment-select-badges .phoneselect-badge.remove,
    .calendarselect .appointment-select-badges .locationselect-badge.remove,
    .calendarselect .appointment-select-badges .calendarselect-badge.remove,
    .calendarselect .appointment-select-badges .calendartimeselect-badge.remove,
    .calendarselect .timeselect-badges .appointment-select-badge.remove,
    .calendarselect .timeselect-badges .timeselect-badge.remove,
    .calendarselect .timeselect-badges .phoneselect-badge.remove,
    .calendarselect .timeselect-badges .locationselect-badge.remove,
    .calendarselect .timeselect-badges .calendarselect-badge.remove,
    .calendarselect .timeselect-badges .calendartimeselect-badge.remove,
    .calendarselect .phoneselect-badges .appointment-select-badge.remove,
    .calendarselect .phoneselect-badges .timeselect-badge.remove,
    .calendarselect .phoneselect-badges .phoneselect-badge.remove,
    .calendarselect .phoneselect-badges .locationselect-badge.remove,
    .calendarselect .phoneselect-badges .calendarselect-badge.remove,
    .calendarselect .phoneselect-badges .calendartimeselect-badge.remove,
    .calendarselect .locationselect-badges .appointment-select-badge.remove,
    .calendarselect .locationselect-badges .timeselect-badge.remove,
    .calendarselect .locationselect-badges .phoneselect-badge.remove,
    .calendarselect .locationselect-badges .locationselect-badge.remove,
    .calendarselect .locationselect-badges .calendarselect-badge.remove,
    .calendarselect .locationselect-badges .calendartimeselect-badge.remove,
    .calendarselect .calendarselect-badges .appointment-select-badge.remove,
    .calendarselect .calendarselect-badges .timeselect-badge.remove,
    .calendarselect .calendarselect-badges .phoneselect-badge.remove,
    .calendarselect .calendarselect-badges .locationselect-badge.remove,
    .calendarselect .calendarselect-badges .calendarselect-badge.remove,
    .calendarselect .calendarselect-badges .calendartimeselect-badge.remove,
    .calendarselect .calendartimeselect-badges .appointment-select-badge.remove,
    .calendarselect .calendartimeselect-badges .timeselect-badge.remove,
    .calendarselect .calendartimeselect-badges .phoneselect-badge.remove,
    .calendarselect .calendartimeselect-badges .locationselect-badge.remove,
    .calendarselect .calendartimeselect-badges .calendarselect-badge.remove,
    .calendarselect .calendartimeselect-badges .calendartimeselect-badge.remove,
    .appointment-select-container .appointment-select-badges .appointment-select-badge.remove,
    .appointment-select-container .appointment-select-badges .timeselect-badge.remove,
    .appointment-select-container .appointment-select-badges .phoneselect-badge.remove,
    .appointment-select-container .appointment-select-badges .locationselect-badge.remove,
    .appointment-select-container .appointment-select-badges .calendarselect-badge.remove,
    .appointment-select-container .appointment-select-badges .calendartimeselect-badge.remove,
    .appointment-select-container .timeselect-badges .appointment-select-badge.remove,
    .appointment-select-container .timeselect-badges .timeselect-badge.remove,
    .appointment-select-container .timeselect-badges .phoneselect-badge.remove,
    .appointment-select-container .timeselect-badges .locationselect-badge.remove,
    .appointment-select-container .timeselect-badges .calendarselect-badge.remove,
    .appointment-select-container .timeselect-badges .calendartimeselect-badge.remove,
    .appointment-select-container .phoneselect-badges .appointment-select-badge.remove,
    .appointment-select-container .phoneselect-badges .timeselect-badge.remove,
    .appointment-select-container .phoneselect-badges .phoneselect-badge.remove,
    .appointment-select-container .phoneselect-badges .locationselect-badge.remove,
    .appointment-select-container .phoneselect-badges .calendarselect-badge.remove,
    .appointment-select-container .phoneselect-badges .calendartimeselect-badge.remove,
    .appointment-select-container .locationselect-badges .appointment-select-badge.remove,
    .appointment-select-container .locationselect-badges .timeselect-badge.remove,
    .appointment-select-container .locationselect-badges .phoneselect-badge.remove,
    .appointment-select-container .locationselect-badges .locationselect-badge.remove,
    .appointment-select-container .locationselect-badges .calendarselect-badge.remove,
    .appointment-select-container .locationselect-badges .calendartimeselect-badge.remove,
    .appointment-select-container .calendarselect-badges .appointment-select-badge.remove,
    .appointment-select-container .calendarselect-badges .timeselect-badge.remove,
    .appointment-select-container .calendarselect-badges .phoneselect-badge.remove,
    .appointment-select-container .calendarselect-badges .locationselect-badge.remove,
    .appointment-select-container .calendarselect-badges .calendarselect-badge.remove,
    .appointment-select-container .calendarselect-badges .calendartimeselect-badge.remove,
    .appointment-select-container .calendartimeselect-badges .appointment-select-badge.remove,
    .appointment-select-container .calendartimeselect-badges .timeselect-badge.remove,
    .appointment-select-container .calendartimeselect-badges .phoneselect-badge.remove,
    .appointment-select-container .calendartimeselect-badges .locationselect-badge.remove,
    .appointment-select-container .calendartimeselect-badges .calendarselect-badge.remove,
    .appointment-select-container .calendartimeselect-badges .calendartimeselect-badge.remove,
    .phoneselect .appointment-select-badges .appointment-select-badge.remove,
    .phoneselect .appointment-select-badges .timeselect-badge.remove,
    .phoneselect .appointment-select-badges .phoneselect-badge.remove,
    .phoneselect .appointment-select-badges .locationselect-badge.remove,
    .phoneselect .appointment-select-badges .calendarselect-badge.remove,
    .phoneselect .appointment-select-badges .calendartimeselect-badge.remove,
    .phoneselect .timeselect-badges .appointment-select-badge.remove,
    .phoneselect .timeselect-badges .timeselect-badge.remove,
    .phoneselect .timeselect-badges .phoneselect-badge.remove,
    .phoneselect .timeselect-badges .locationselect-badge.remove,
    .phoneselect .timeselect-badges .calendarselect-badge.remove,
    .phoneselect .timeselect-badges .calendartimeselect-badge.remove,
    .phoneselect .phoneselect-badges .appointment-select-badge.remove,
    .phoneselect .phoneselect-badges .timeselect-badge.remove,
    .phoneselect .phoneselect-badges .phoneselect-badge.remove,
    .phoneselect .phoneselect-badges .locationselect-badge.remove,
    .phoneselect .phoneselect-badges .calendarselect-badge.remove,
    .phoneselect .phoneselect-badges .calendartimeselect-badge.remove,
    .phoneselect .locationselect-badges .appointment-select-badge.remove,
    .phoneselect .locationselect-badges .timeselect-badge.remove,
    .phoneselect .locationselect-badges .phoneselect-badge.remove,
    .phoneselect .locationselect-badges .locationselect-badge.remove,
    .phoneselect .locationselect-badges .calendarselect-badge.remove,
    .phoneselect .locationselect-badges .calendartimeselect-badge.remove,
    .phoneselect .calendarselect-badges .appointment-select-badge.remove,
    .phoneselect .calendarselect-badges .timeselect-badge.remove,
    .phoneselect .calendarselect-badges .phoneselect-badge.remove,
    .phoneselect .calendarselect-badges .locationselect-badge.remove,
    .phoneselect .calendarselect-badges .calendarselect-badge.remove,
    .phoneselect .calendarselect-badges .calendartimeselect-badge.remove,
    .phoneselect .calendartimeselect-badges .appointment-select-badge.remove,
    .phoneselect .calendartimeselect-badges .timeselect-badge.remove,
    .phoneselect .calendartimeselect-badges .phoneselect-badge.remove,
    .phoneselect .calendartimeselect-badges .locationselect-badge.remove,
    .phoneselect .calendartimeselect-badges .calendarselect-badge.remove,
    .phoneselect .calendartimeselect-badges .calendartimeselect-badge.remove,
    .locationselect .appointment-select-badges .appointment-select-badge.remove,
    .locationselect .appointment-select-badges .timeselect-badge.remove,
    .locationselect .appointment-select-badges .phoneselect-badge.remove,
    .locationselect .appointment-select-badges .locationselect-badge.remove,
    .locationselect .appointment-select-badges .calendarselect-badge.remove,
    .locationselect .appointment-select-badges .calendartimeselect-badge.remove,
    .locationselect .timeselect-badges .appointment-select-badge.remove,
    .locationselect .timeselect-badges .timeselect-badge.remove,
    .locationselect .timeselect-badges .phoneselect-badge.remove,
    .locationselect .timeselect-badges .locationselect-badge.remove,
    .locationselect .timeselect-badges .calendarselect-badge.remove,
    .locationselect .timeselect-badges .calendartimeselect-badge.remove,
    .locationselect .phoneselect-badges .appointment-select-badge.remove,
    .locationselect .phoneselect-badges .timeselect-badge.remove,
    .locationselect .phoneselect-badges .phoneselect-badge.remove,
    .locationselect .phoneselect-badges .locationselect-badge.remove,
    .locationselect .phoneselect-badges .calendarselect-badge.remove,
    .locationselect .phoneselect-badges .calendartimeselect-badge.remove,
    .locationselect .locationselect-badges .appointment-select-badge.remove,
    .locationselect .locationselect-badges .timeselect-badge.remove,
    .locationselect .locationselect-badges .phoneselect-badge.remove,
    .locationselect .locationselect-badges .locationselect-badge.remove,
    .locationselect .locationselect-badges .calendarselect-badge.remove,
    .locationselect .locationselect-badges .calendartimeselect-badge.remove,
    .locationselect .calendarselect-badges .appointment-select-badge.remove,
    .locationselect .calendarselect-badges .timeselect-badge.remove,
    .locationselect .calendarselect-badges .phoneselect-badge.remove,
    .locationselect .calendarselect-badges .locationselect-badge.remove,
    .locationselect .calendarselect-badges .calendarselect-badge.remove,
    .locationselect .calendarselect-badges .calendartimeselect-badge.remove,
    .locationselect .calendartimeselect-badges .appointment-select-badge.remove,
    .locationselect .calendartimeselect-badges .timeselect-badge.remove,
    .locationselect .calendartimeselect-badges .phoneselect-badge.remove,
    .locationselect .calendartimeselect-badges .locationselect-badge.remove,
    .locationselect .calendartimeselect-badges .calendarselect-badge.remove,
    .locationselect .calendartimeselect-badges .calendartimeselect-badge.remove,
    .calendartimeselect .appointment-select-badges .appointment-select-badge.remove,
    .calendartimeselect .appointment-select-badges .timeselect-badge.remove,
    .calendartimeselect .appointment-select-badges .phoneselect-badge.remove,
    .calendartimeselect .appointment-select-badges .locationselect-badge.remove,
    .calendartimeselect .appointment-select-badges .calendarselect-badge.remove,
    .calendartimeselect .appointment-select-badges .calendartimeselect-badge.remove,
    .calendartimeselect .timeselect-badges .appointment-select-badge.remove,
    .calendartimeselect .timeselect-badges .timeselect-badge.remove,
    .calendartimeselect .timeselect-badges .phoneselect-badge.remove,
    .calendartimeselect .timeselect-badges .locationselect-badge.remove,
    .calendartimeselect .timeselect-badges .calendarselect-badge.remove,
    .calendartimeselect .timeselect-badges .calendartimeselect-badge.remove,
    .calendartimeselect .phoneselect-badges .appointment-select-badge.remove,
    .calendartimeselect .phoneselect-badges .timeselect-badge.remove,
    .calendartimeselect .phoneselect-badges .phoneselect-badge.remove,
    .calendartimeselect .phoneselect-badges .locationselect-badge.remove,
    .calendartimeselect .phoneselect-badges .calendarselect-badge.remove,
    .calendartimeselect .phoneselect-badges .calendartimeselect-badge.remove,
    .calendartimeselect .locationselect-badges .appointment-select-badge.remove,
    .calendartimeselect .locationselect-badges .timeselect-badge.remove,
    .calendartimeselect .locationselect-badges .phoneselect-badge.remove,
    .calendartimeselect .locationselect-badges .locationselect-badge.remove,
    .calendartimeselect .locationselect-badges .calendarselect-badge.remove,
    .calendartimeselect .locationselect-badges .calendartimeselect-badge.remove,
    .calendartimeselect .calendarselect-badges .appointment-select-badge.remove,
    .calendartimeselect .calendarselect-badges .timeselect-badge.remove,
    .calendartimeselect .calendarselect-badges .phoneselect-badge.remove,
    .calendartimeselect .calendarselect-badges .locationselect-badge.remove,
    .calendartimeselect .calendarselect-badges .calendarselect-badge.remove,
    .calendartimeselect .calendarselect-badges .calendartimeselect-badge.remove,
    .calendartimeselect .calendartimeselect-badges .appointment-select-badge.remove,
    .calendartimeselect .calendartimeselect-badges .timeselect-badge.remove,
    .calendartimeselect .calendartimeselect-badges .phoneselect-badge.remove,
    .calendartimeselect .calendartimeselect-badges .locationselect-badge.remove,
    .calendartimeselect .calendartimeselect-badges .calendarselect-badge.remove,
    .calendartimeselect .calendartimeselect-badges .calendartimeselect-badge.remove {
      border-radius: 50%;
      opacity: 0;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      height: 21px;
      width: 21px;
      min-width: 21px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.timeselect .locationselect-badges,
.calendarselect .locationselect-badges,
.appointment-select-container .locationselect-badges,
.phoneselect .locationselect-badges,
.locationselect .locationselect-badges,
.calendartimeselect .locationselect-badges {
  width: -webkit-calc(100% - 38px);
  width: calc(100% - 38px); }
  .timeselect .locationselect-badges .locationselect-badge,
  .calendarselect .locationselect-badges .locationselect-badge,
  .appointment-select-container .locationselect-badges .locationselect-badge,
  .phoneselect .locationselect-badges .locationselect-badge,
  .locationselect .locationselect-badges .locationselect-badge,
  .calendartimeselect .locationselect-badges .locationselect-badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.calendartimeselect .timeselect-timer,
.phoneselect .timeselect-timer,
.numberselect .timeselect-timer,
.locationselect .timeselect-timer,
.timeselect .timeselect-timer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }
  .calendartimeselect .timeselect-timer > div,
  .phoneselect .timeselect-timer > div,
  .numberselect .timeselect-timer > div,
  .locationselect .timeselect-timer > div,
  .timeselect .timeselect-timer > div {
    -webkit-box-flex: 0.5;
    -webkit-flex: 0.5;
    -moz-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5;
    width: 50%; }

.calendartimeselect .locationselect-map,
.phoneselect .locationselect-map,
.numberselect .locationselect-map,
.locationselect .locationselect-map,
.timeselect .locationselect-map {
  margin: 8px auto;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f5f7;
  border: 1px solid #ced4da; }

.calendartimeselect .locationselect-checkbox,
.phoneselect .locationselect-checkbox,
.numberselect .locationselect-checkbox,
.locationselect .locationselect-checkbox,
.timeselect .locationselect-checkbox {
  padding: 2px 12px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.calendartimeselect .numberselect-content .form-input.form-numeric,
.phoneselect .numberselect-content .form-input.form-numeric,
.numberselect .numberselect-content .form-input.form-numeric,
.locationselect .numberselect-content .form-input.form-numeric,
.timeselect .numberselect-content .form-input.form-numeric {
  margin: 0 12px 12px; }
  .calendartimeselect .numberselect-content .form-input.form-numeric.valid .form-control,
  .phoneselect .numberselect-content .form-input.form-numeric.valid .form-control,
  .numberselect .numberselect-content .form-input.form-numeric.valid .form-control,
  .locationselect .numberselect-content .form-input.form-numeric.valid .form-control,
  .timeselect .numberselect-content .form-input.form-numeric.valid .form-control {
    border-color: #4DD500 !important; }
  .calendartimeselect .numberselect-content .form-input.form-numeric.invalid .form-control,
  .phoneselect .numberselect-content .form-input.form-numeric.invalid .form-control,
  .numberselect .numberselect-content .form-input.form-numeric.invalid .form-control,
  .locationselect .numberselect-content .form-input.form-numeric.invalid .form-control,
  .timeselect .numberselect-content .form-input.form-numeric.invalid .form-control {
    border-color: #FF4450 !important;
    color: #FF4450 !important; }

.calendartimeselect .entity-field:not(.readonly) .form-input,
.calendartimeselect .entity-field:not(.readonly).active .form-input,
.calendartimeselect .form-input.phone-input,
.phoneselect .entity-field:not(.readonly) .form-input,
.phoneselect .entity-field:not(.readonly).active .form-input,
.phoneselect .form-input.phone-input,
.numberselect .entity-field:not(.readonly) .form-input,
.numberselect .entity-field:not(.readonly).active .form-input,
.numberselect .form-input.phone-input,
.locationselect .entity-field:not(.readonly) .form-input,
.locationselect .entity-field:not(.readonly).active .form-input,
.locationselect .form-input.phone-input,
.timeselect .entity-field:not(.readonly) .form-input,
.timeselect .entity-field:not(.readonly).active .form-input,
.timeselect .form-input.phone-input {
  margin: 0 12px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .calendartimeselect .entity-field:not(.readonly) .form-input.valid .form-control,
  .calendartimeselect .entity-field:not(.readonly).active .form-input.valid .form-control,
  .calendartimeselect .form-input.phone-input.valid .form-control,
  .phoneselect .entity-field:not(.readonly) .form-input.valid .form-control,
  .phoneselect .entity-field:not(.readonly).active .form-input.valid .form-control,
  .phoneselect .form-input.phone-input.valid .form-control,
  .numberselect .entity-field:not(.readonly) .form-input.valid .form-control,
  .numberselect .entity-field:not(.readonly).active .form-input.valid .form-control,
  .numberselect .form-input.phone-input.valid .form-control,
  .locationselect .entity-field:not(.readonly) .form-input.valid .form-control,
  .locationselect .entity-field:not(.readonly).active .form-input.valid .form-control,
  .locationselect .form-input.phone-input.valid .form-control,
  .timeselect .entity-field:not(.readonly) .form-input.valid .form-control,
  .timeselect .entity-field:not(.readonly).active .form-input.valid .form-control,
  .timeselect .form-input.phone-input.valid .form-control {
    border-color: #4DD500 !important; }
  .calendartimeselect .entity-field:not(.readonly) .form-input.invalid .form-control,
  .calendartimeselect .entity-field:not(.readonly).active .form-input.invalid .form-control,
  .calendartimeselect .form-input.phone-input.invalid .form-control,
  .phoneselect .entity-field:not(.readonly) .form-input.invalid .form-control,
  .phoneselect .entity-field:not(.readonly).active .form-input.invalid .form-control,
  .phoneselect .form-input.phone-input.invalid .form-control,
  .numberselect .entity-field:not(.readonly) .form-input.invalid .form-control,
  .numberselect .entity-field:not(.readonly).active .form-input.invalid .form-control,
  .numberselect .form-input.phone-input.invalid .form-control,
  .locationselect .entity-field:not(.readonly) .form-input.invalid .form-control,
  .locationselect .entity-field:not(.readonly).active .form-input.invalid .form-control,
  .locationselect .form-input.phone-input.invalid .form-control,
  .timeselect .entity-field:not(.readonly) .form-input.invalid .form-control,
  .timeselect .entity-field:not(.readonly).active .form-input.invalid .form-control,
  .timeselect .form-input.phone-input.invalid .form-control {
    border-color: #FF4450 !important;
    color: #FF4450 !important; }
  .calendartimeselect .entity-field:not(.readonly) .form-input .phone-input-prefix,
  .calendartimeselect .entity-field:not(.readonly).active .form-input .phone-input-prefix,
  .calendartimeselect .form-input.phone-input .phone-input-prefix,
  .phoneselect .entity-field:not(.readonly) .form-input .phone-input-prefix,
  .phoneselect .entity-field:not(.readonly).active .form-input .phone-input-prefix,
  .phoneselect .form-input.phone-input .phone-input-prefix,
  .numberselect .entity-field:not(.readonly) .form-input .phone-input-prefix,
  .numberselect .entity-field:not(.readonly).active .form-input .phone-input-prefix,
  .numberselect .form-input.phone-input .phone-input-prefix,
  .locationselect .entity-field:not(.readonly) .form-input .phone-input-prefix,
  .locationselect .entity-field:not(.readonly).active .form-input .phone-input-prefix,
  .locationselect .form-input.phone-input .phone-input-prefix,
  .timeselect .entity-field:not(.readonly) .form-input .phone-input-prefix,
  .timeselect .entity-field:not(.readonly).active .form-input .phone-input-prefix,
  .timeselect .form-input.phone-input .phone-input-prefix {
    margin: 0 4px 0 0;
    font-size: 14px;
    color: #86909A; }

.calendartimeselect .numberselect-info,
.calendartimeselect .phoneselect-info,
.phoneselect .numberselect-info,
.phoneselect .phoneselect-info,
.numberselect .numberselect-info,
.numberselect .phoneselect-info,
.locationselect .numberselect-info,
.locationselect .phoneselect-info,
.timeselect .numberselect-info,
.timeselect .phoneselect-info {
  min-height: 38px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  .calendartimeselect .numberselect-info.invalid p,
  .calendartimeselect .phoneselect-info.invalid p,
  .phoneselect .numberselect-info.invalid p,
  .phoneselect .phoneselect-info.invalid p,
  .numberselect .numberselect-info.invalid p,
  .numberselect .phoneselect-info.invalid p,
  .locationselect .numberselect-info.invalid p,
  .locationselect .phoneselect-info.invalid p,
  .timeselect .numberselect-info.invalid p,
  .timeselect .phoneselect-info.invalid p {
    color: #FF4450; }
  .calendartimeselect .numberselect-info p,
  .calendartimeselect .phoneselect-info p,
  .phoneselect .numberselect-info p,
  .phoneselect .phoneselect-info p,
  .numberselect .numberselect-info p,
  .numberselect .phoneselect-info p,
  .locationselect .numberselect-info p,
  .locationselect .phoneselect-info p,
  .timeselect .numberselect-info p,
  .timeselect .phoneselect-info p {
    margin: 0;
    padding: 0; }

.calendartimeselect .numberselect-actions,
.calendartimeselect .phoneselect-actions,
.calendartimeselect .locationselect-actions,
.calendartimeselect .timeselect-actions,
.phoneselect .numberselect-actions,
.phoneselect .phoneselect-actions,
.phoneselect .locationselect-actions,
.phoneselect .timeselect-actions,
.numberselect .numberselect-actions,
.numberselect .phoneselect-actions,
.numberselect .locationselect-actions,
.numberselect .timeselect-actions,
.locationselect .numberselect-actions,
.locationselect .phoneselect-actions,
.locationselect .locationselect-actions,
.locationselect .timeselect-actions,
.timeselect .numberselect-actions,
.timeselect .phoneselect-actions,
.timeselect .locationselect-actions,
.timeselect .timeselect-actions {
  padding: 0 12px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .calendartimeselect .numberselect-actions > span,
  .calendartimeselect .phoneselect-actions > span,
  .calendartimeselect .locationselect-actions > span,
  .calendartimeselect .timeselect-actions > span,
  .phoneselect .numberselect-actions > span,
  .phoneselect .phoneselect-actions > span,
  .phoneselect .locationselect-actions > span,
  .phoneselect .timeselect-actions > span,
  .numberselect .numberselect-actions > span,
  .numberselect .phoneselect-actions > span,
  .numberselect .locationselect-actions > span,
  .numberselect .timeselect-actions > span,
  .locationselect .numberselect-actions > span,
  .locationselect .phoneselect-actions > span,
  .locationselect .locationselect-actions > span,
  .locationselect .timeselect-actions > span,
  .timeselect .numberselect-actions > span,
  .timeselect .phoneselect-actions > span,
  .timeselect .locationselect-actions > span,
  .timeselect .timeselect-actions > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 4px 4px;
    max-width: 50%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 38px; }
  .calendartimeselect .numberselect-actions > span > u,
  .calendartimeselect .numberselect-actions > span > div,
  .calendartimeselect .phoneselect-actions > span > u,
  .calendartimeselect .phoneselect-actions > span > div,
  .calendartimeselect .locationselect-actions > span > u,
  .calendartimeselect .locationselect-actions > span > div,
  .calendartimeselect .timeselect-actions > span > u,
  .calendartimeselect .timeselect-actions > span > div,
  .phoneselect .numberselect-actions > span > u,
  .phoneselect .numberselect-actions > span > div,
  .phoneselect .phoneselect-actions > span > u,
  .phoneselect .phoneselect-actions > span > div,
  .phoneselect .locationselect-actions > span > u,
  .phoneselect .locationselect-actions > span > div,
  .phoneselect .timeselect-actions > span > u,
  .phoneselect .timeselect-actions > span > div,
  .numberselect .numberselect-actions > span > u,
  .numberselect .numberselect-actions > span > div,
  .numberselect .phoneselect-actions > span > u,
  .numberselect .phoneselect-actions > span > div,
  .numberselect .locationselect-actions > span > u,
  .numberselect .locationselect-actions > span > div,
  .numberselect .timeselect-actions > span > u,
  .numberselect .timeselect-actions > span > div,
  .locationselect .numberselect-actions > span > u,
  .locationselect .numberselect-actions > span > div,
  .locationselect .phoneselect-actions > span > u,
  .locationselect .phoneselect-actions > span > div,
  .locationselect .locationselect-actions > span > u,
  .locationselect .locationselect-actions > span > div,
  .locationselect .timeselect-actions > span > u,
  .locationselect .timeselect-actions > span > div,
  .timeselect .numberselect-actions > span > u,
  .timeselect .numberselect-actions > span > div,
  .timeselect .phoneselect-actions > span > u,
  .timeselect .phoneselect-actions > span > div,
  .timeselect .locationselect-actions > span > u,
  .timeselect .locationselect-actions > span > div,
  .timeselect .timeselect-actions > span > u,
  .timeselect .timeselect-actions > span > div {
    padding: 0 8px 0 0; }
    .calendartimeselect .numberselect-actions > span > u svg:hover,
    .calendartimeselect .numberselect-actions > span > div svg:hover,
    .calendartimeselect .phoneselect-actions > span > u svg:hover,
    .calendartimeselect .phoneselect-actions > span > div svg:hover,
    .calendartimeselect .locationselect-actions > span > u svg:hover,
    .calendartimeselect .locationselect-actions > span > div svg:hover,
    .calendartimeselect .timeselect-actions > span > u svg:hover,
    .calendartimeselect .timeselect-actions > span > div svg:hover,
    .phoneselect .numberselect-actions > span > u svg:hover,
    .phoneselect .numberselect-actions > span > div svg:hover,
    .phoneselect .phoneselect-actions > span > u svg:hover,
    .phoneselect .phoneselect-actions > span > div svg:hover,
    .phoneselect .locationselect-actions > span > u svg:hover,
    .phoneselect .locationselect-actions > span > div svg:hover,
    .phoneselect .timeselect-actions > span > u svg:hover,
    .phoneselect .timeselect-actions > span > div svg:hover,
    .numberselect .numberselect-actions > span > u svg:hover,
    .numberselect .numberselect-actions > span > div svg:hover,
    .numberselect .phoneselect-actions > span > u svg:hover,
    .numberselect .phoneselect-actions > span > div svg:hover,
    .numberselect .locationselect-actions > span > u svg:hover,
    .numberselect .locationselect-actions > span > div svg:hover,
    .numberselect .timeselect-actions > span > u svg:hover,
    .numberselect .timeselect-actions > span > div svg:hover,
    .locationselect .numberselect-actions > span > u svg:hover,
    .locationselect .numberselect-actions > span > div svg:hover,
    .locationselect .phoneselect-actions > span > u svg:hover,
    .locationselect .phoneselect-actions > span > div svg:hover,
    .locationselect .locationselect-actions > span > u svg:hover,
    .locationselect .locationselect-actions > span > div svg:hover,
    .locationselect .timeselect-actions > span > u svg:hover,
    .locationselect .timeselect-actions > span > div svg:hover,
    .timeselect .numberselect-actions > span > u svg:hover,
    .timeselect .numberselect-actions > span > div svg:hover,
    .timeselect .phoneselect-actions > span > u svg:hover,
    .timeselect .phoneselect-actions > span > div svg:hover,
    .timeselect .locationselect-actions > span > u svg:hover,
    .timeselect .locationselect-actions > span > div svg:hover,
    .timeselect .timeselect-actions > span > u svg:hover,
    .timeselect .timeselect-actions > span > div svg:hover {
      cursor: pointer;
      -webkit-transform: scale(1.2) !important;
      -ms-transform: scale(1.2) !important;
      transform: scale(1.2) !important;
      fill: #515A63 !important; }
  .calendartimeselect .numberselect-actions > b,
  .calendartimeselect .phoneselect-actions > b,
  .calendartimeselect .locationselect-actions > b,
  .calendartimeselect .timeselect-actions > b,
  .phoneselect .numberselect-actions > b,
  .phoneselect .phoneselect-actions > b,
  .phoneselect .locationselect-actions > b,
  .phoneselect .timeselect-actions > b,
  .numberselect .numberselect-actions > b,
  .numberselect .phoneselect-actions > b,
  .numberselect .locationselect-actions > b,
  .numberselect .timeselect-actions > b,
  .locationselect .numberselect-actions > b,
  .locationselect .phoneselect-actions > b,
  .locationselect .locationselect-actions > b,
  .locationselect .timeselect-actions > b,
  .timeselect .numberselect-actions > b,
  .timeselect .phoneselect-actions > b,
  .timeselect .locationselect-actions > b,
  .timeselect .timeselect-actions > b {
    width: 24px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    position: relative;
    top: initial;
    right: initial;
    left: initial;
    bottom: initial; }
    .calendartimeselect .numberselect-actions > b.submit,
    .calendartimeselect .phoneselect-actions > b.submit,
    .calendartimeselect .locationselect-actions > b.submit,
    .calendartimeselect .timeselect-actions > b.submit,
    .phoneselect .numberselect-actions > b.submit,
    .phoneselect .phoneselect-actions > b.submit,
    .phoneselect .locationselect-actions > b.submit,
    .phoneselect .timeselect-actions > b.submit,
    .numberselect .numberselect-actions > b.submit,
    .numberselect .phoneselect-actions > b.submit,
    .numberselect .locationselect-actions > b.submit,
    .numberselect .timeselect-actions > b.submit,
    .locationselect .numberselect-actions > b.submit,
    .locationselect .phoneselect-actions > b.submit,
    .locationselect .locationselect-actions > b.submit,
    .locationselect .timeselect-actions > b.submit,
    .timeselect .numberselect-actions > b.submit,
    .timeselect .phoneselect-actions > b.submit,
    .timeselect .locationselect-actions > b.submit,
    .timeselect .timeselect-actions > b.submit {
      width: 68px; }
    .calendartimeselect .numberselect-actions > b.icon,
    .calendartimeselect .phoneselect-actions > b.icon,
    .calendartimeselect .locationselect-actions > b.icon,
    .calendartimeselect .timeselect-actions > b.icon,
    .phoneselect .numberselect-actions > b.icon,
    .phoneselect .phoneselect-actions > b.icon,
    .phoneselect .locationselect-actions > b.icon,
    .phoneselect .timeselect-actions > b.icon,
    .numberselect .numberselect-actions > b.icon,
    .numberselect .phoneselect-actions > b.icon,
    .numberselect .locationselect-actions > b.icon,
    .numberselect .timeselect-actions > b.icon,
    .locationselect .numberselect-actions > b.icon,
    .locationselect .phoneselect-actions > b.icon,
    .locationselect .locationselect-actions > b.icon,
    .locationselect .timeselect-actions > b.icon,
    .timeselect .numberselect-actions > b.icon,
    .timeselect .phoneselect-actions > b.icon,
    .timeselect .locationselect-actions > b.icon,
    .timeselect .timeselect-actions > b.icon {
      width: 38px; }
    .calendartimeselect .numberselect-actions > b svg:hover,
    .calendartimeselect .phoneselect-actions > b svg:hover,
    .calendartimeselect .locationselect-actions > b svg:hover,
    .calendartimeselect .timeselect-actions > b svg:hover,
    .phoneselect .numberselect-actions > b svg:hover,
    .phoneselect .phoneselect-actions > b svg:hover,
    .phoneselect .locationselect-actions > b svg:hover,
    .phoneselect .timeselect-actions > b svg:hover,
    .numberselect .numberselect-actions > b svg:hover,
    .numberselect .phoneselect-actions > b svg:hover,
    .numberselect .locationselect-actions > b svg:hover,
    .numberselect .timeselect-actions > b svg:hover,
    .locationselect .numberselect-actions > b svg:hover,
    .locationselect .phoneselect-actions > b svg:hover,
    .locationselect .locationselect-actions > b svg:hover,
    .locationselect .timeselect-actions > b svg:hover,
    .timeselect .numberselect-actions > b svg:hover,
    .timeselect .phoneselect-actions > b svg:hover,
    .timeselect .locationselect-actions > b svg:hover,
    .timeselect .timeselect-actions > b svg:hover {
      -webkit-transform: scale(1.2) !important;
      -ms-transform: scale(1.2) !important;
      transform: scale(1.2) !important;
      fill: #515A63 !important; }

.ai-prompt-container {
  position: fixed;
  z-index: 9999;
  width: 50%;
  max-width: 568px;
  right: 2vw;
  bottom: 0;
  height: -webkit-calc(100vh - 100px);
  height: calc(100vh - 100px);
  background: white;
  border-radius: 8px 8px 0 0;
  border: 1px solid #E0E6EC;
  border-bottom: none;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-duration: 167ms;
  transition-duration: 167ms;
  -webkit-animation: fade-in 167ms cubic-bezier(0.4, 0, 1, 1);
  animation: fade-in 167ms cubic-bezier(0.4, 0, 1, 1); }
  .ai-prompt-container.minimized {
    -webkit-transform: translateY(100%) translateY(-42px);
    -ms-transform: translateY(100%) translateY(-42px);
    transform: translateY(100%) translateY(-42px); }
    .ai-prompt-container.minimized .ai-prompt-header u.toggle {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
  .ai-prompt-container .form-input {
    padding: 0 !important; }
  .ai-prompt-container .ai-prompt-header {
    height: 42px;
    min-height: 42px;
    cursor: pointer;
    border-bottom: 1px solid #E0E6EC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ai-prompt-container .ai-prompt-header:hover, .ai-prompt-container .ai-prompt-header:active, .ai-prompt-container .ai-prompt-header:focus {
      background: #E0E6EC; }
    .ai-prompt-container .ai-prompt-header u.toggle {
      -webkit-transition: -webkit-transform .1s linear;
      transition: -webkit-transform .1s linear;
      transition: transform .1s linear;
      transition: transform .1s linear, -webkit-transform .1s linear;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
    .ai-prompt-container .ai-prompt-header > i, .ai-prompt-container .ai-prompt-header > u {
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .ai-prompt-container .ai-prompt-header > i.close, .ai-prompt-container .ai-prompt-header > u.close {
        cursor: pointer; }
        .ai-prompt-container .ai-prompt-header > i.close svg, .ai-prompt-container .ai-prompt-header > u.close svg {
          cursor: pointer; }
    .ai-prompt-container .ai-prompt-header .knowledge {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
      color: #707172; }
      .ai-prompt-container .ai-prompt-header .knowledge u {
        margin: 0 4px 0 0; }
    .ai-prompt-container .ai-prompt-header label {
      margin: 0;
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 16px;
      font-weight: 600;
      color: #707172;
      cursor: pointer; }
  .ai-prompt-container .ai-prompt-context.visible .ai-prompt-context-backdrop {
    z-index: 10;
    opacity: 0.1; }
  .ai-prompt-container .ai-prompt-context.visible .ai-prompt-context-card {
    z-index: 11;
    opacity: 1; }
  .ai-prompt-container .ai-prompt-context .ai-prompt-context-backdrop {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }
  .ai-prompt-container .ai-prompt-context .ai-prompt-context-card {
    display: block;
    width: 346px;
    height: -webkit-calc(100% - 24px);
    height: calc(100% - 24px);
    left: -webkit-calc(50% - 346px / 2);
    left: calc(50% - 346px / 2);
    top: 12px;
    background: white;
    border-radius: 8px;
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.18); }
  .ai-prompt-container .ai-prompt-context .ai-prompt-context-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 38px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
    border-bottom: 1px solid #E0E6EC; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > i, .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > u {
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > i.close, .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > u.close {
        cursor: pointer; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > i.close svg, .ai-prompt-container .ai-prompt-context .ai-prompt-context-header > u.close svg {
          cursor: pointer; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-header label {
      margin: 0;
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-size: 16px;
      font-weight: 600;
      color: #707172; }
  .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper {
    height: -webkit-calc(100% - 38px);
    height: calc(100% - 38px);
    width: 100%;
    padding: 12px;
    overflow: hidden auto; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper:hover::-webkit-scrollbar-thumb, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper:focus::-webkit-scrollbar-thumb, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 6px; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section > label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        margin: 0 8px;
        height: 22px;
        min-width: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-transform: uppercase;
        color: #ABB2B9; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-container .schema-select-content {
        height: 220px; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-container .form-input.form-search {
        padding: 0 4px 4px !important; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-container .form-input.form-search i {
          top: 4px; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-container .form-input.form-search .form-control {
          border-radius: 8px;
          height: 32px;
          max-height: 32px; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-button {
        margin: 0 0 0 8px;
        border: 1px solid transparent;
        border-radius: 8px;
        width: 28px;
        height: 28px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 !important;
        background: transparent; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-button:hover, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-button:active, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .section .schema-select-button:focus {
          background-color: transparent;
          color: #86909A;
          border: 1px solid #BBC4CD; }
    .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item {
      width: 100%;
      padding: 0 8px;
      height: 32px;
      min-height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      cursor: pointer;
      border-radius: 6px;
      background: transparent;
      margin: 0 0 4px;
      text-decoration: none; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:hover, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:active, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:focus {
        background: #F2F5F7; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:hover .action, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:active .action, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item:focus .action {
          opacity: 1; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item i {
        margin: 0 8px 0 0;
        width: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item label {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #707172;
        cursor: pointer;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item .action {
        opacity: 0;
        min-width: 24px;
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        margin: 0 0 0 8px;
        border: 1px solid #BBC4CD;
        border-radius: 8px;
        background: transparent; }
        .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item .action:hover, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item .action:active, .ai-prompt-container .ai-prompt-context .ai-prompt-context-list-wrapper .ai-prompt-context-item .action:focus {
          border-color: #ABB2B9 !important;
          background: #FAFAFB; }
  .ai-prompt-container .ai-prompt-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    position: relative; }
    .ai-prompt-container .ai-prompt-content .ai-prompt-content-container {
      width: 100%;
      height: 100%;
      padding: 0;
      overflow: hidden auto;
      position: relative;
      z-index: 5; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-content-container:hover::-webkit-scrollbar-thumb, .ai-prompt-container .ai-prompt-content .ai-prompt-content-container:focus::-webkit-scrollbar-thumb, .ai-prompt-container .ai-prompt-content .ai-prompt-content-container:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-content-container::-webkit-scrollbar-track {
        background-color: transparent; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-content-container::-webkit-scrollbar {
        border-radius: 6px;
        width: 6px; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-content-container::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 6px; }
    .ai-prompt-container .ai-prompt-content .ai-prompt-messages {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background: white;
      padding: 12px;
      width: 100%;
      height: 100%; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-message {
        margin: 0 0 8px; }
        .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-message.static {
          background: #F2F5F7 !important; }
        .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-message .message-time span.time {
          opacity: 1; }
        .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-message .message-content .message-html.error {
          color: #FF4450; }
      .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-loader {
        width: 38px;
        height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #E0E6EC;
        border-radius: 8px;
        margin: 0 4px;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        max-height: 0; }
        .ai-prompt-container .ai-prompt-content .ai-prompt-messages .conversations-loader.loading {
          opacity: 1;
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          max-height: 38px; }
  .ai-prompt-container .ai-prompt-form {
    width: 100%;
    position: relative;
    border-top: 1px solid #E0E6EC; }
    .ai-prompt-container .ai-prompt-form .ai-prompt-input {
      position: relative; }
      .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 56%;
        width: 100%;
        position: absolute;
        z-index: 101;
        right: 8px;
        top: 4px;
        padding: 0 4px;
        border: 1px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        height: 28px;
        line-height: 28px; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge:hover, .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge:active, .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge:focus {
          border-color: #bbc4cd; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge > label {
          padding: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          font-size: 14px;
          font-weight: 600;
          color: #707172;
          margin: 0 8px 0 0;
          cursor: pointer;
          height: 100%; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge > label i {
            margin: 0 4px 0 0; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge .ai-prompt-knowledge-window {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 60%;
          -moz-box-flex: 1;
          -ms-flex: 1 1 60%;
          flex: 1 1 60%;
          position: relative;
          cursor: pointer;
          height: 100%; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge .ai-prompt-knowledge-window > label {
            font-size: 12px;
            margin: 0;
            width: 100%;
            position: absolute;
            z-index: 15;
            padding: 0 4px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge .ai-prompt-knowledge-window .ai-prompt-knowledge-bar,
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge .ai-prompt-knowledge-window .ai-prompt-knowledge-progress {
            position: absolute;
            width: 100%;
            height: 22px;
            border-radius: 4px;
            background: #E0E6EC;
            z-index: 5;
            top: -webkit-calc(50% - 22px / 2);
            top: calc(50% - 22px / 2); }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .ai-prompt-knowledge .ai-prompt-knowledge-window .ai-prompt-knowledge-progress {
            background: #38A0FF;
            z-index: 10; }
      .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit {
        width: 28px; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn {
          padding: 0 !important;
          width: 28px;
          height: 28px;
          border-radius: 8px; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn.disabled {
            background: transparent; }
            .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn.disabled svg {
              fill: #BBC4CD !important; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn:not(.disabled) svg {
            fill: white !important; }
          .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn:not(.disabled).active, .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn:not(.disabled):hover, .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn:not(.disabled):active, .ai-prompt-container .ai-prompt-form .ai-prompt-input .submit .btn:not(.disabled):focus {
            background: #4DD500; }
      .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing {
        padding: 0 8px 38px;
        z-index: 100;
        margin: 0;
        cursor: text;
        border: none;
        border-radius: 0 0 12px 12px; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing .rdw-editor-main {
          overflow: initial; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing .rdw-suggestion-dropdown {
          bottom: 100%;
          border-radius: 8px; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing .rdw-mention-link {
          background: none !important;
          color: #008AFF !important; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing .rdw-suggestion-option:last-of-type {
          border: none !important; }
        .ai-prompt-container .ai-prompt-form .ai-prompt-input .html-body-item.editing .rdw-editor-wrapper .rdw-editor-toolbar {
          position: relative;
          top: initial;
          left: initial;
          right: initial;
          padding: 0;
          background: transparent !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          border: none !important; }

.conversations-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  font-size: 14px;
  padding: 4px;
  background: none;
  border-radius: 8px;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  position: relative; }
  .conversations-message:not(.static):hover, .conversations-message:not(.static):active, .conversations-message:not(.static):focus {
    background: #F2F5F7; }
    .conversations-message:not(.static):hover .message-time span.time, .conversations-message:not(.static):active .message-time span.time, .conversations-message:not(.static):focus .message-time span.time {
      opacity: 1; }
    .conversations-message:not(.static):hover .message-actions, .conversations-message:not(.static):active .message-actions, .conversations-message:not(.static):focus .message-actions {
      opacity: 1; }
  .conversations-message .message-time,
  .conversations-message .message-avatar {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: none;
    margin-right: 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .conversations-message .message-time {
    height: 18px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .conversations-message .message-time span.time {
      margin: 2px 8px;
      opacity: 0;
      -webkit-transition: all .1s ease;
      transition: all .1s ease; }
  .conversations-message .message-actions {
    top: -16px;
    right: 4px;
    opacity: 0;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #ced4da;
    padding: 2px 4px;
    border-radius: 6px;
    background: white; }
    .conversations-message .message-actions .btn.btn-icon {
      border-radius: 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 4px !important; }
      .conversations-message .message-actions .btn.btn-icon i {
        margin: 0 6px 0 0; }
      .conversations-message .message-actions .btn.btn-icon:hover.trash svg, .conversations-message .message-actions .btn.btn-icon:active.trash svg, .conversations-message .message-actions .btn.btn-icon:focus.trash svg {
        fill: #FF4450 !important; }
    .conversations-message .message-actions .btn.btn-icon {
      border: 1px solid transparent !important;
      background: transparent !important;
      border-radius: 6px;
      width: 24px;
      height: 24px;
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
  .conversations-message .message-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .conversations-message .message-content .message-html {
      -webkit-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text;
      cursor: text; }
      .conversations-message .message-content .message-html strong {
        font-weight: 700 !important; }
      .conversations-message .message-content .message-html .wysiwyg-mention {
        color: #007bff !important; }
    .conversations-message .message-content .message-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%; }
      .conversations-message .message-content .message-header label {
        font-weight: 700;
        padding: 0;
        margin: 0;
        font-size: 15px; }
  .conversations-message span.time {
    margin: 0 8px;
    font-size: 12px; }

.country-flag {
  margin: 2px 4px !important;
  border-radius: 2px !important;
  border: 1px solid #ced4da;
  background-image: url(/images/flags2.png);
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block !important;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 27px;
  min-width: 27px;
  height: 17px; }
  .country-flag.cf-sm {
    min-width: 18px !important;
    width: 18px !important;
    height: 11px !important; }
  .country-flag.cf-md {
    min-width: 27px !important;
    width: 27px !important;
    height: 17px !important; }
  .country-flag.cf-lg {
    min-width: 42px !important;
    width: 42px !important;
    height: 27px !important; }
  .country-flag.cf-xl {
    min-width: 60px !important;
    width: 60px !important;
    height: 37px !important; }
  .country-flag.empty {
    background: #BBC4CD;
    background-image: none; }
  .country-flag.CH, .country-flag.NP {
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .country-flag.DZ {
    background-position: center 0.2287%; }
  .country-flag.AO {
    background-position: center 0.4524%; }
  .country-flag.BJ {
    background-position: center 0.6721%; }
  .country-flag.BW {
    background-position: center 0.8958%; }
  .country-flag.BF {
    background-position: center 1.1162%; }
  .country-flag.BI {
    background-position: center 1.3379%; }
  .country-flag.CM {
    background-position: center 1.5589%; }
  .country-flag.CV {
    background-position: center 1.7836%; }
  .country-flag.CF {
    background-position: center 2.0047%; }
  .country-flag.TD {
    background-position: center 2.2247%; }
  .country-flag.CD {
    background-position: left 2.4467%; }
  .country-flag.DJ {
    background-position: left 2.6674%; }
  .country-flag.EG {
    background-position: center 2.8931%; }
  .country-flag.GQ {
    background-position: center 3.1125%; }
  .country-flag.ER {
    background-position: left 3.3325%; }
  .country-flag.ET {
    background-position: center 3.5542%; }
  .country-flag.GA {
    background-position: center 3.7759%; }
  .country-flag.GM {
    background-position: center 4.0015%; }
  .country-flag.GH {
    background-position: center 4.2229%; }
  .country-flag.GN {
    background-position: center 4.441%; }
  .country-flag.GW {
    background-position: left 4.66663%; }
  .country-flag.CI {
    background-position: center 4.8844%; }
  .country-flag.KE {
    background-position: center 5.1061%; }
  .country-flag.LS {
    background-position: center 5.3278%; }
  .country-flag.LR {
    background-position: left 5.5495%; }
  .country-flag.LY {
    background-position: center 5.7712%; }
  .country-flag.MG {
    background-position: center 5.994%; }
  .country-flag.MW {
    background-position: center 6.2156%; }
  .country-flag.ML {
    background-position: center 6.4363%; }
  .country-flag.MR {
    background-position: center 6.658%; }
  .country-flag.MU {
    background-position: center 6.8805%; }
  .country-flag.YT {
    background-position: center 7.1038%; }
  .country-flag.MA {
    background-position: center 7.3231%; }
  .country-flag.MZ {
    background-position: left 7.5448%; }
  .country-flag.NA {
    background-position: left 7.7661%; }
  .country-flag.NE {
    background-position: center 7.98937%; }
  .country-flag.NG {
    background-position: center 8.2099%; }
  .country-flag.CG {
    background-position: center 8.4316%; }
  .country-flag.RE {
    background-position: center 8.6533%; }
  .country-flag.RW {
    background-position: right 8.875%; }
  .country-flag.SH {
    background-position: center 9.0967%; }
  .country-flag.ST {
    background-position: center 9.32237%; }
  .country-flag.SN {
    background-position: center 9.5426%; }
  .country-flag.SC {
    background-position: left 9.7628%; }
  .country-flag.SL {
    background-position: center 9.9845%; }
  .country-flag.SO {
    background-position: center 10.2052%; }
  .country-flag.ZA {
    background-position: left 10.4269%; }
  .country-flag.SS {
    background-position: left 10.6486%; }
  .country-flag.SD {
    background-position: center 10.8703%; }
  .country-flag.SR {
    background-position: center 11.0945%; }
  .country-flag.SZ {
    background-position: center 11.3135%; }
  .country-flag.TG {
    background-position: left 11.5354%; }
  .country-flag.TN {
    background-position: center 11.7593%; }
  .country-flag.UG {
    background-position: center 11.9799%; }
  .country-flag.TZ {
    background-position: center 12.2005%; }
  .country-flag.EH {
    background-position: center 12.4222%; }
  .country-flag.YE {
    background-position: center 12.644%; }
  .country-flag.ZM {
    background-position: center 12.8664%; }
  .country-flag.ZW {
    background-position: left 13.0873%; }
  .country-flag.AI {
    background-position: center 13.309%; }
  .country-flag.AG {
    background-position: center 13.5307%; }
  .country-flag.AR {
    background-position: center 13.7524%; }
  .country-flag.AW {
    background-position: left 13.9741%; }
  .country-flag.BS {
    background-position: left 14.1958%; }
  .country-flag.BB {
    background-position: center 14.4175%; }
  .country-flag.BQ {
    background-position: center 14.6415%; }
  .country-flag.BZ {
    background-position: center 14.8609%; }
  .country-flag.BM {
    background-position: center 15.0826%; }
  .country-flag.BO {
    background-position: center 15.306%; }
  .country-flag.VG {
    background-position: center 15.528%; }
  .country-flag.BR {
    background-position: center 15.7496%; }
  .country-flag.CA {
    background-position: center 15.9694%; }
  .country-flag.KY {
    background-position: center 16.1911%; }
  .country-flag.CL {
    background-position: left 16.4128%; }
  .country-flag.CO {
    background-position: left 16.6345%; }
  .country-flag.KM {
    background-position: center 16.8562%; }
  .country-flag.CR {
    background-position: center 17.0779%; }
  .country-flag.CU {
    background-position: left 17.2996%; }
  .country-flag.CW {
    background-position: center 17.5213%; }
  .country-flag.DM {
    background-position: center 17.743%; }
  .country-flag.DO {
    background-position: center 17.968%; }
  .country-flag.EC {
    background-position: center 18.1864%; }
  .country-flag.SV {
    background-position: center 18.4081%; }
  .country-flag.FK {
    background-position: center 18.6298%; }
  .country-flag.GF {
    background-position: center 18.8515%; }
  .country-flag.GL {
    background-position: left 19.0732%; }
  .country-flag.GD {
    background-position: center 19.2987%; }
  .country-flag.GP {
    background-position: center 19.518%; }
  .country-flag.GT {
    background-position: center 19.7383%; }
  .country-flag.GY {
    background-position: center 19.96%; }
  .country-flag.HT {
    background-position: center 20.1817%; }
  .country-flag.HN {
    background-position: center 20.4034%; }
  .country-flag.JM {
    background-position: center 20.6241%; }
  .country-flag.MQ {
    background-position: center 20.8468%; }
  .country-flag.MX {
    background-position: center 21.0685%; }
  .country-flag.MS {
    background-position: center 21.2902%; }
  .country-flag.NI {
    background-position: center 21.5119%; }
  .country-flag.PA {
    background-position: center 21.7336%; }
  .country-flag.PY {
    background-position: center 21.9553%; }
  .country-flag.PE {
    background-position: center 22.177%; }
  .country-flag.PR {
    background-position: left 22.4002%; }
  .country-flag.BL {
    background-position: center 22.6204%; }
  .country-flag.KN {
    background-position: center 22.8421%; }
  .country-flag.LC {
    background-position: center 23.0638%; }
  .country-flag.PM {
    background-position: center 23.2855%; }
  .country-flag.VC {
    background-position: center 23.5072%; }
  .country-flag.SX {
    background-position: left 23.732%; }
  .country-flag.TT {
    background-position: center 23.9506%; }
  .country-flag.TC {
    background-position: center 24.1723%; }
  .country-flag.US {
    background-position: center 24.394%; }
  .country-flag.VI {
    background-position: center 24.6157%; }
  .country-flag.UY {
    background-position: left 24.8374%; }
  .country-flag.VE {
    background-position: center 25.0591%; }
  .country-flag.AF {
    background-position: center 25.2808%; }
  .country-flag.AZ {
    background-position: center 25.5025%; }
  .country-flag.BD {
    background-position: center 25.7242%; }
  .country-flag.BT {
    background-position: center 25.9459%; }
  .country-flag.BN {
    background-position: center 26.1676%; }
  .country-flag.KH {
    background-position: center 26.3885%; }
  .country-flag.CN {
    background-position: left 26.611%; }
  .country-flag.GE {
    background-position: center 26.8327%; }
  .country-flag.HK {
    background-position: center 27.0544%; }
  .country-flag.IN {
    background-position: center 27.2761%; }
  .country-flag.ID {
    background-position: center 27.4978%; }
  .country-flag.JP {
    background-position: center 27.7195%; }
  .country-flag.KZ {
    background-position: center 27.9412%; }
  .country-flag.LA {
    background-position: center 28.1615%; }
  .country-flag.MO {
    background-position: center 28.3846%; }
  .country-flag.MY {
    background-position: center 28.6063%; }
  .country-flag.MV {
    background-position: center 28.829%; }
  .country-flag.MN {
    background-position: left 29.0497%; }
  .country-flag.MM {
    background-position: center 29.2714%; }
  .country-flag.NP {
    background-position: left 29.4931%; }
  .country-flag.KP {
    background-position: left 29.7148%; }
  .country-flag.MP {
    background-position: center 29.9365%; }
  .country-flag.PW {
    background-position: center 30.1582%; }
  .country-flag.PG {
    background-position: center 30.3799%; }
  .country-flag.PH {
    background-position: left 30.6016%; }
  .country-flag.SG {
    background-position: left 30.8233%; }
  .country-flag.KR {
    background-position: center 31.045%; }
  .country-flag.LK {
    background-position: right 31.2667%; }
  .country-flag.TW {
    background-position: left 31.4884%; }
  .country-flag.TJ {
    background-position: center 31.7101%; }
  .country-flag.TH {
    background-position: center 31.9318%; }
  .country-flag.TL {
    background-position: left 32.1535%; }
  .country-flag.TM {
    background-position: center 32.3752%; }
  .country-flag.VN {
    background-position: center 32.5969%; }
  .country-flag.AL {
    background-position: center 32.8186%; }
  .country-flag.AD {
    background-position: center 33.0403%; }
  .country-flag.AM {
    background-position: center 33.258%; }
  .country-flag.AT {
    background-position: center 33.4837%; }
  .country-flag.BY {
    background-position: left 33.7054%; }
  .country-flag.BE {
    background-position: center 33.9271%; }
  .country-flag.BA {
    background-position: center 34.1488%; }
  .country-flag.BG {
    background-position: center 34.3705%; }
  .country-flag.HR {
    background-position: center 34.5922%; }
  .country-flag.CY {
    background-position: center 34.8139%; }
  .country-flag.CZ {
    background-position: left 35.0356%; }
  .country-flag.DK {
    background-position: center 35.2555%; }
  .country-flag.EE {
    background-position: center 35.479%; }
  .country-flag.FO {
    background-position: center 35.7007%; }
  .country-flag.FI {
    background-position: center 35.9224%; }
  .country-flag.FR {
    background-position: center 36.1441%; }
  .country-flag.de, .country-flag.DE {
    background-position: center 36.3658%; }
  .country-flag.GI {
    background-position: center 36.5875%; }
  .country-flag.GR {
    background-position: left 36.8092%; }
  .country-flag.hu, .country-flag.HU {
    background-position: center 37.0309%; }
  .country-flag.IS {
    background-position: center 37.2526%; }
  .country-flag.IE {
    background-position: center 37.4743%; }
  .country-flag.IM {
    background-position: center 37.696%; }
  .country-flag.IT {
    background-position: center 37.9177%; }
  .country-flag.JE {
    background-position: center 38.1394%; }
  .country-flag.XK {
    background-position: center 38.3611%; }
  .country-flag.LV {
    background-position: center 38.5828%; }
  .country-flag.LI {
    background-position: left 38.8045%; }
  .country-flag.LT {
    background-position: center 39.0262%; }
  .country-flag.LU {
    background-position: center 39.2479%; }
  .country-flag.MT {
    background-position: left 39.4696%; }
  .country-flag.MD {
    background-position: center 39.6913%; }
  .country-flag.MC {
    background-position: center 39.913%; }
  .country-flag.ME {
    background-position: center 40.1347%; }
  .country-flag.NL {
    background-position: center 40.3564%; }
  .country-flag.MK {
    background-position: center 40.5781%; }
  .country-flag.NO {
    background-position: center 40.7998%; }
  .country-flag.pl, .country-flag.PL {
    background-position: center 41.0215%; }
  .country-flag.pt, .country-flag.PT {
    background-position: center 41.2432%; }
  .country-flag.ro, .country-flag.RO {
    background-position: center 41.4649%; }
  .country-flag.RU {
    background-position: center 41.6866%; }
  .country-flag.SM {
    background-position: center 41.9083%; }
  .country-flag.RS {
    background-position: center 42.13%; }
  .country-flag.SK {
    background-position: center 42.3517%; }
  .country-flag.SI {
    background-position: center 42.5734%; }
  .country-flag.es, .country-flag.ES {
    background-position: left 42.7951%; }
  .country-flag.SE {
    background-position: center 43.0168%; }
  .country-flag.CH {
    background-position: center 43.2385%; }
  .country-flag.tr, .country-flag.TR {
    background-position: center 43.4602%; }
  .country-flag.UA {
    background-position: center 43.6819%; }
  .country-flag.en, .country-flag.GB {
    background-position: center 43.9036%; }
  .country-flag.VA {
    background-position: right 44.1253%; }
  .country-flag.BH {
    background-position: center 44.347%; }
  .country-flag.IR {
    background-position: center 44.5687%; }
  .country-flag.IQ {
    background-position: center 44.7904%; }
  .country-flag.IL {
    background-position: center 45.0121%; }
  .country-flag.KW {
    background-position: left 45.2338%; }
  .country-flag.JO {
    background-position: left 45.4555%; }
  .country-flag.KG {
    background-position: center 45.6772%; }
  .country-flag.LB {
    background-position: center 45.897%; }
  .country-flag.OM {
    background-position: left 46.1206%; }
  .country-flag.PK {
    background-position: center 46.3423%; }
  .country-flag.PS {
    background-position: center 46.561%; }
  .country-flag.QA {
    background-position: center 46.7857%; }
  .country-flag.SA {
    background-position: center 47.0074%; }
  .country-flag.SY {
    background-position: center 47.2291%; }
  .country-flag.AE {
    background-position: center 47.4508%; }
  .country-flag.UZ {
    background-position: left 47.6725%; }
  .country-flag.AS {
    background-position: right 47.8942%; }
  .country-flag.AU {
    background-position: center 48.1159%; }
  .country-flag.CX {
    background-position: center 48.3376%; }
  .country-flag.CC {
    background-position: center 48.5593%; }
  .country-flag.CK {
    background-position: center 48.781%; }
  .country-flag.FJ {
    background-position: center 49.0027%; }
  .country-flag.PF {
    background-position: center 49.2244%; }
  .country-flag.GU {
    background-position: center 49.4445%; }
  .country-flag.KI {
    background-position: center 49.6678%; }
  .country-flag.MH {
    background-position: left 49.8895%; }
  .country-flag.FM {
    background-position: center 50.1112%; }
  .country-flag.NC {
    background-position: center 50.3329%; }
  .country-flag.NZ {
    background-position: center 50.5546%; }
  .country-flag.NR {
    background-position: left 50.7763%; }
  .country-flag.NU {
    background-position: center 50.998%; }
  .country-flag.NF {
    background-position: center 51.2197%; }
  .country-flag.WS {
    background-position: left 51.4414%; }
  .country-flag.SB {
    background-position: left 51.6631%; }
  .country-flag.TK {
    background-position: center 51.8848%; }
  .country-flag.TO {
    background-position: left 52.1065%; }
  .country-flag.TV {
    background-position: center 52.3282%; }
  .country-flag.VU {
    background-position: left 52.5499%; }
  .country-flag.WF {
    background-position: center 52.7716%; }

.language-selector .dropdown-container {
  padding: 0 !important; }

.language-selector .dropdown-menu {
  line-height: normal; }

.language-selector .dropdown-toggle .country-flag {
  position: relative;
  top: 4px;
  right: initial; }

.language-selector .dropdown-item .country-flag {
  position: relative;
  right: initial;
  top: initial; }

.language-selector.with-label .dropdown .dropdown-toggle {
  font-size: 14px;
  font-weight: 500; }

.lead-canvas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: auto; }
  .lead-canvas .lead-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .lead-canvas .lead-columns .lead-column {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .lead-canvas .lead-canvas-header {
    height: 250px;
    min-height: 250px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .lead-canvas .lead-canvas-header .lead-canvas-actions {
      padding: 12px 0 0; }
    .lead-canvas .lead-canvas-header .lead-canvas-status {
      padding: 0 0 12px; }
    .lead-canvas .lead-canvas-header .lead-canvas-actions .btn {
      border-radius: 8px; }
    .lead-canvas .lead-canvas-header .lead-canvas-actions,
    .lead-canvas .lead-canvas-header .lead-canvas-status {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      width: 100%; }
      .lead-canvas .lead-canvas-header .lead-canvas-actions .btn,
      .lead-canvas .lead-canvas-header .lead-canvas-status .btn {
        margin: 0 0 0 8px; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .btn > i,
        .lead-canvas .lead-canvas-header .lead-canvas-status .btn > i {
          margin: 0 4px 0 0; }
      .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown,
      .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.qualification .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.qualification .dropdown-select {
          background: #38A0FF !important; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.customer .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.customer .dropdown-select {
          background: #00D515 !important; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lead-management .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lead-management .dropdown-select {
          background: #7BE986 !important; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lost .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lost .dropdown-select {
          background: #FF4450 !important; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lost .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lead-management .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.customer .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.qualification .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lost .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lead-management .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.customer .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.qualification .dropdown-select {
          border-radius: 24px;
          color: white !important; }
          .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lost .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.lead-management .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.customer .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown.qualification .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lost .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.lead-management .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.customer .dropdown-select svg,
          .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown.qualification .dropdown-select svg {
            fill: white !important; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown label,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown label {
          font-size: 14px;
          color: #86909A;
          margin: 0 4px 0 0; }
        .lead-canvas .lead-canvas-header .lead-canvas-actions .form-dropdown .dropdown-select,
        .lead-canvas .lead-canvas-header .lead-canvas-status .form-dropdown .dropdown-select {
          text-transform: uppercase;
          font-size: 13px;
          color: #515A63 !important;
          font-weight: 700;
          padding: 0 8px; }
    .lead-canvas .lead-canvas-header .lead-canvas-profile {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 70%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .lead-canvas .lead-canvas-header .lead-canvas-profile .lead-icon {
        min-width: 74px;
        margin: 0 12px 0 0; }
      .lead-canvas .lead-canvas-header .lead-canvas-profile .lead-name {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        color: #212326; }
      .lead-canvas .lead-canvas-header .lead-canvas-profile .lead-uid {
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: 300;
        color: #86909A;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .lead-canvas .lead-canvas-header .lead-canvas-profile .lead-uid > b {
          font-weight: 700;
          margin: 0 6px 0 0; }
        .lead-canvas .lead-canvas-header .lead-canvas-profile .lead-uid > span {
          -webkit-user-select: text;
          -moz-user-select: text;
          -ms-user-select: text;
          user-select: text;
          cursor: text; }
  .lead-canvas .lead-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8px; }
    .lead-canvas .lead-field > label {
      font-size: 14px;
      color: #86909A;
      margin: 0 4px 0 0; }
    .lead-canvas .lead-field > span {
      font-size: 14px;
      color: #515A63; }
  .lead-canvas .lead-canvas-section {
    width: 100%; }
    .lead-canvas .lead-canvas-section .lead-email-list.loading {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .lead-canvas .lead-canvas-section .lead-canvas-section-header,
    .lead-canvas .lead-canvas-section > label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      padding: 8px 0 12px;
      margin: 0;
      color: #BBC4CD;
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      height: 44px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .lead-canvas .lead-canvas-section .lead-canvas-section-header span,
      .lead-canvas .lead-canvas-section > label span {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .lead-canvas .lead-canvas-section .lead-canvas-section-header span b.loader,
        .lead-canvas .lead-canvas-section > label span b.loader {
          margin: 0 8px; }
      .lead-canvas .lead-canvas-section .lead-canvas-section-header .btn-refresh,
      .lead-canvas .lead-canvas-section > label .btn-refresh {
        padding: 0 !important;
        margin: 0 4px !important;
        height: 22px;
        width: 22px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .lead-canvas .lead-canvas-section .lead-canvas-section-header .btn-refresh:hover, .lead-canvas .lead-canvas-section .lead-canvas-section-header .btn-refresh:active, .lead-canvas .lead-canvas-section .lead-canvas-section-header .btn-refresh:focus,
        .lead-canvas .lead-canvas-section > label .btn-refresh:hover,
        .lead-canvas .lead-canvas-section > label .btn-refresh:active,
        .lead-canvas .lead-canvas-section > label .btn-refresh:focus {
          background: #BBC4CD !important;
          -webkit-transform: translateY(-2px);
          -ms-transform: translateY(-2px);
          transform: translateY(-2px); }
    .lead-canvas .lead-canvas-section .form-input.form-search {
      padding: 0 0 12px; }
      .lead-canvas .lead-canvas-section .form-input.form-search i {
        top: 4px; }
      .lead-canvas .lead-canvas-section .form-input.form-search .form-control {
        height: 32px;
        max-height: 32px;
        padding: 2px 12px;
        border-radius: 8px; }
  .lead-canvas .lead-canvas-section.fix-height {
    height: 100%;
    max-height: 25vh; }
    .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content {
      overflow: hidden auto;
      height: 100%;
      max-height: -webkit-calc(25vh - 64px);
      max-height: calc(25vh - 64px);
      padding: 0; }
      .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content:hover::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content:focus::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content.loading .canvas-content {
        -webkit-filter: blur(0.1em);
        filter: blur(0.1em); }
      .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content::-webkit-scrollbar-track {
        background-color: transparent; }
      .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content::-webkit-scrollbar {
        border-radius: 4px;
        width: 4px; }
      .lead-canvas .lead-canvas-section.fix-height .lead-canvas-content::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 4px; }
  .lead-canvas .lead-canvas-section.full-height {
    height: 100%;
    padding: 0 !important;
    overflow: hidden auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    aling-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .lead-canvas .lead-canvas-section.full-height .lead-canvas-section-content {
      padding: 0 12px 12px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 46px;
      height: 100%;
      margin: 0;
      padding: 4px 0 4px 4px;
      background: #e0e6ec;
      border-radius: 12px 0 0 12px;
      overflow: hidden auto; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions:hover::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions:focus::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions::-webkit-scrollbar-track {
        background-color: transparent; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions::-webkit-scrollbar {
        border-radius: 0px;
        width: 0px; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 0px; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action {
        height: 42px;
        min-height: 42px;
        width: 42px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: transparent;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active {
          background: #F2F5F7;
          border-radius: 8px 0 0 8px; }
        .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus {
          cursor: pointer; }
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.starred svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.starred svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.starred svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.starred svg {
            fill: #FFC900 !important;
            stroke: #FFC900 !important; }
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.trash svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.trash svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.trash svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.trash svg {
            fill: #FF4450 !important;
            stroke: #FF4450 !important; }
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.archived svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.history svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.inbox svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.links svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.workflow svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.emails svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.connections svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.active.chats svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.archived svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.history svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.inbox svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.links svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.workflow svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.emails svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.connections svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:hover.chats svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.archived svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.history svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.inbox svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.links svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.workflow svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.emails svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.connections svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:active.chats svg, .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.archived svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.history svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.inbox svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.links svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.workflow svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.emails svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.connections svg,
          .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action:focus.chats svg {
            fill: #008AFF !important;
            stroke: #008AFF !important; }
    .lead-canvas .lead-canvas-section.full-height .lead-canvas-content {
      overflow: hidden auto;
      height: -webkit-calc(100% - 92px);
      height: calc(100% - 92px);
      padding: 0; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content:hover::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.full-height .lead-canvas-content:focus::-webkit-scrollbar-thumb, .lead-canvas .lead-canvas-section.full-height .lead-canvas-content:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content.loading .canvas-content {
        -webkit-filter: blur(0.1em);
        filter: blur(0.1em); }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content::-webkit-scrollbar-track {
        background-color: transparent; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content::-webkit-scrollbar {
        border-radius: 4px;
        width: 4px; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 4px; }
      .lead-canvas .lead-canvas-section.full-height .lead-canvas-content.no-search {
        height: -webkit-calc(100% - 42px);
        height: calc(100% - 42px); }
  .lead-canvas .lead-filter-cloud {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .lead-canvas .lead-filter-cloud .lead-filter-item {
      background: #f2f5f7;
      border-radius: 6px;
      padding: 2px 8px;
      margin: 0 8px 8px 0;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .lead-canvas .lead-filter-cloud .lead-filter-item:hover, .lead-canvas .lead-filter-cloud .lead-filter-item:active, .lead-canvas .lead-filter-cloud .lead-filter-item:focus {
        background: #E0E6EC; }
        .lead-canvas .lead-filter-cloud .lead-filter-item:hover > span, .lead-canvas .lead-filter-cloud .lead-filter-item:active > span, .lead-canvas .lead-filter-cloud .lead-filter-item:focus > span {
          text-decoration: underline; }
      .lead-canvas .lead-filter-cloud .lead-filter-item > i {
        margin: 0 6px 0 0; }
      .lead-canvas .lead-filter-cloud .lead-filter-item > span {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #707172;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer; }
  .lead-canvas .lead-email-list .lead-email-item,
  .lead-canvas .lead-email-list .lead-canvas-item,
  .lead-canvas .lead-canvas-list .lead-email-item,
  .lead-canvas .lead-canvas-list .lead-canvas-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0 0 4px 0;
    border-radius: 8px;
    padding: 4px;
    min-height: 38px;
    cursor: pointer;
    color: #707172;
    position: relative; }
    .lead-canvas .lead-email-list .lead-email-item.changed > div label,
    .lead-canvas .lead-email-list .lead-canvas-item.changed > div label,
    .lead-canvas .lead-canvas-list .lead-email-item.changed > div label,
    .lead-canvas .lead-canvas-list .lead-canvas-item.changed > div label {
      color: #212326;
      font-weight: 700; }
    .lead-canvas .lead-email-list .lead-email-item.active, .lead-canvas .lead-email-list .lead-email-item:hover, .lead-canvas .lead-email-list .lead-email-item:active, .lead-canvas .lead-email-list .lead-email-item:focus,
    .lead-canvas .lead-email-list .lead-canvas-item.active,
    .lead-canvas .lead-email-list .lead-canvas-item:hover,
    .lead-canvas .lead-email-list .lead-canvas-item:active,
    .lead-canvas .lead-email-list .lead-canvas-item:focus,
    .lead-canvas .lead-canvas-list .lead-email-item.active,
    .lead-canvas .lead-canvas-list .lead-email-item:hover,
    .lead-canvas .lead-canvas-list .lead-email-item:active,
    .lead-canvas .lead-canvas-list .lead-email-item:focus,
    .lead-canvas .lead-canvas-list .lead-canvas-item.active,
    .lead-canvas .lead-canvas-list .lead-canvas-item:hover,
    .lead-canvas .lead-canvas-list .lead-canvas-item:active,
    .lead-canvas .lead-canvas-list .lead-canvas-item:focus {
      background: #F2F5F7; }
    .lead-canvas .lead-email-list .lead-email-item.single-line,
    .lead-canvas .lead-email-list .lead-canvas-item.single-line,
    .lead-canvas .lead-canvas-list .lead-email-item.single-line,
    .lead-canvas .lead-canvas-list .lead-canvas-item.single-line {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .lead-canvas .lead-email-list .lead-email-item.single-line > div,
      .lead-canvas .lead-email-list .lead-canvas-item.single-line > div,
      .lead-canvas .lead-canvas-list .lead-email-item.single-line > div,
      .lead-canvas .lead-canvas-list .lead-canvas-item.single-line > div {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%; }
        .lead-canvas .lead-email-list .lead-email-item.single-line > div label,
        .lead-canvas .lead-email-list .lead-canvas-item.single-line > div label,
        .lead-canvas .lead-canvas-list .lead-email-item.single-line > div label,
        .lead-canvas .lead-canvas-list .lead-canvas-item.single-line > div label {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
        .lead-canvas .lead-email-list .lead-email-item.single-line > div i.count,
        .lead-canvas .lead-email-list .lead-canvas-item.single-line > div i.count,
        .lead-canvas .lead-canvas-list .lead-email-item.single-line > div i.count,
        .lead-canvas .lead-canvas-list .lead-canvas-item.single-line > div i.count {
          font-style: initial;
          color: #86909A;
          background: #E0E6EC;
          padding: 0 4px;
          border-radius: 4px;
          font-size: 13px;
          font-weight: 500; }
    .lead-canvas .lead-email-list .lead-email-item > i,
    .lead-canvas .lead-email-list .lead-canvas-item > i,
    .lead-canvas .lead-canvas-list .lead-email-item > i,
    .lead-canvas .lead-canvas-list .lead-canvas-item > i {
      margin: 0 8px 0 0;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; }
    .lead-canvas .lead-email-list .lead-email-item b.loader,
    .lead-canvas .lead-email-list .lead-canvas-item b.loader,
    .lead-canvas .lead-canvas-list .lead-email-item b.loader,
    .lead-canvas .lead-canvas-list .lead-canvas-item b.loader {
      width: 24px;
      height: 24px;
      background: rgba(0, 0, 0, 0.12);
      border-radius: 8px;
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .lead-canvas .lead-email-list .lead-email-item > div,
    .lead-canvas .lead-email-list .lead-canvas-item > div,
    .lead-canvas .lead-canvas-list .lead-email-item > div,
    .lead-canvas .lead-canvas-list .lead-canvas-item > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .lead-canvas .lead-email-list .lead-email-item > div label,
      .lead-canvas .lead-email-list .lead-canvas-item > div label,
      .lead-canvas .lead-canvas-list .lead-email-item > div label,
      .lead-canvas .lead-canvas-list .lead-canvas-item > div label {
        margin: 0;
        padding: 0;
        line-height: 14px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        color: #515A63; }
        .lead-canvas .lead-email-list .lead-email-item > div label > b,
        .lead-canvas .lead-email-list .lead-canvas-item > div label > b,
        .lead-canvas .lead-canvas-list .lead-email-item > div label > b,
        .lead-canvas .lead-canvas-list .lead-canvas-item > div label > b {
          font-weight: 700; }
      .lead-canvas .lead-email-list .lead-email-item > div span,
      .lead-canvas .lead-email-list .lead-canvas-item > div span,
      .lead-canvas .lead-canvas-list .lead-email-item > div span,
      .lead-canvas .lead-canvas-list .lead-canvas-item > div span {
        font-size: 12px;
        font-weight: 400;
        color: #ABB2B9;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 1.2; }
        .lead-canvas .lead-email-list .lead-email-item > div span > i,
        .lead-canvas .lead-email-list .lead-canvas-item > div span > i,
        .lead-canvas .lead-canvas-list .lead-email-item > div span > i,
        .lead-canvas .lead-canvas-list .lead-canvas-item > div span > i {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0 4px 0 0; }
  .lead-canvas .lead-email-list .lead-email-item > i,
  .lead-canvas .lead-canvas-list .lead-email-item > i {
    width: 36px;
    margin: 0 4px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .lead-canvas .lead-email-list .lead-email-item b.loader,
  .lead-canvas .lead-canvas-list .lead-email-item b.loader {
    width: 21px;
    height: 16px;
    margin: 0 0 0 14px;
    border-radius: 2px; }
  .lead-canvas .lead-email-list {
    overflow: hidden auto;
    height: -webkit-calc(100% - 42px);
    height: calc(100% - 42px);
    padding: 0; }
    .lead-canvas .lead-email-list:hover::-webkit-scrollbar-thumb, .lead-canvas .lead-email-list:focus::-webkit-scrollbar-thumb, .lead-canvas .lead-email-list:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .lead-canvas .lead-email-list.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .lead-canvas .lead-email-list::-webkit-scrollbar-track {
      background-color: transparent; }
    .lead-canvas .lead-email-list::-webkit-scrollbar {
      border-radius: 4px;
      width: 4px; }
    .lead-canvas .lead-email-list::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 4px; }
    .lead-canvas .lead-email-list .lead-email-item > div > span {
      width: -webkit-calc(100% - 33px);
      width: calc(100% - 33px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
  .lead-canvas .btn.btn-link {
    font-size: 12px;
    text-align: right;
    color: #88C6FF; }
    .lead-canvas .btn.btn-link:hover, .lead-canvas .btn.btn-link:active, .lead-canvas .btn.btn-link:focus, .lead-canvas .btn.btn-link:hover {
      text-decoration: none;
      color: #008AFF !important; }

.promptselect .dropdown .dropdown-select.btn,
.canvasselect .dropdown .dropdown-select.btn {
  padding: 0;
  background: transparent !important;
  border: none !important; }

.ownerselect {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .ownerselect > label {
    font-size: 14px;
    color: #86909A;
    margin: 0 4px 0 0; }
  .ownerselect .dropdown .dropdown-select.btn {
    font-size: 14px;
    padding: 2px 12px;
    border-radius: 8px;
    background: transparent;
    color: #707172;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    resize: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .ownerselect .dropdown .dropdown-select.btn i {
      margin: 0 0 0 4px; }
    .ownerselect .dropdown .dropdown-select.btn > span {
      max-width: 130px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.promptselect,
.ownerselect,
.canvasselect {
  margin: 0 8px 0 0; }
  .promptselect .btn.btn-ghost,
  .ownerselect .btn.btn-ghost,
  .canvasselect .btn.btn-ghost {
    border-radius: 8px; }
  .promptselect:last-of-type,
  .ownerselect:last-of-type,
  .canvasselect:last-of-type {
    margin: 0; }
  .promptselect .promptselect-container .form-input.form-search,
  .promptselect .canvasselect-container2 .form-input.form-search,
  .ownerselect .promptselect-container .form-input.form-search,
  .ownerselect .canvasselect-container2 .form-input.form-search,
  .canvasselect .promptselect-container .form-input.form-search,
  .canvasselect .canvasselect-container2 .form-input.form-search {
    padding: 0;
    margin: 0 8px 8px; }
    .promptselect .promptselect-container .form-input.form-search .form-control,
    .promptselect .canvasselect-container2 .form-input.form-search .form-control,
    .ownerselect .promptselect-container .form-input.form-search .form-control,
    .ownerselect .canvasselect-container2 .form-input.form-search .form-control,
    .canvasselect .promptselect-container .form-input.form-search .form-control,
    .canvasselect .canvasselect-container2 .form-input.form-search .form-control {
      height: 32px;
      max-height: 32px;
      border-radius: 8px;
      font-size: 14px; }
    .promptselect .promptselect-container .form-input.form-search i,
    .promptselect .canvasselect-container2 .form-input.form-search i,
    .ownerselect .promptselect-container .form-input.form-search i,
    .ownerselect .canvasselect-container2 .form-input.form-search i,
    .canvasselect .promptselect-container .form-input.form-search i,
    .canvasselect .canvasselect-container2 .form-input.form-search i {
      top: 0;
      right: 4px;
      height: 32px;
      width: 28px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
  .promptselect .promptselect-content,
  .promptselect .ownerselect-content,
  .promptselect .canvasselect-content,
  .ownerselect .promptselect-content,
  .ownerselect .ownerselect-content,
  .ownerselect .canvasselect-content,
  .canvasselect .promptselect-content,
  .canvasselect .ownerselect-content,
  .canvasselect .canvasselect-content {
    max-height: 250px;
    width: 25vw;
    max-width: 300px;
    overflow: hidden auto; }
    .promptselect .promptselect-content:hover::-webkit-scrollbar-thumb, .promptselect .promptselect-content:focus::-webkit-scrollbar-thumb, .promptselect .promptselect-content:active::-webkit-scrollbar-thumb,
    .promptselect .ownerselect-content:hover::-webkit-scrollbar-thumb,
    .promptselect .ownerselect-content:focus::-webkit-scrollbar-thumb,
    .promptselect .ownerselect-content:active::-webkit-scrollbar-thumb,
    .promptselect .canvasselect-content:hover::-webkit-scrollbar-thumb,
    .promptselect .canvasselect-content:focus::-webkit-scrollbar-thumb,
    .promptselect .canvasselect-content:active::-webkit-scrollbar-thumb,
    .ownerselect .promptselect-content:hover::-webkit-scrollbar-thumb,
    .ownerselect .promptselect-content:focus::-webkit-scrollbar-thumb,
    .ownerselect .promptselect-content:active::-webkit-scrollbar-thumb,
    .ownerselect .ownerselect-content:hover::-webkit-scrollbar-thumb,
    .ownerselect .ownerselect-content:focus::-webkit-scrollbar-thumb,
    .ownerselect .ownerselect-content:active::-webkit-scrollbar-thumb,
    .ownerselect .canvasselect-content:hover::-webkit-scrollbar-thumb,
    .ownerselect .canvasselect-content:focus::-webkit-scrollbar-thumb,
    .ownerselect .canvasselect-content:active::-webkit-scrollbar-thumb,
    .canvasselect .promptselect-content:hover::-webkit-scrollbar-thumb,
    .canvasselect .promptselect-content:focus::-webkit-scrollbar-thumb,
    .canvasselect .promptselect-content:active::-webkit-scrollbar-thumb,
    .canvasselect .ownerselect-content:hover::-webkit-scrollbar-thumb,
    .canvasselect .ownerselect-content:focus::-webkit-scrollbar-thumb,
    .canvasselect .ownerselect-content:active::-webkit-scrollbar-thumb,
    .canvasselect .canvasselect-content:hover::-webkit-scrollbar-thumb,
    .canvasselect .canvasselect-content:focus::-webkit-scrollbar-thumb,
    .canvasselect .canvasselect-content:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .promptselect .promptselect-content.loading .canvas-content,
    .promptselect .ownerselect-content.loading .canvas-content,
    .promptselect .canvasselect-content.loading .canvas-content,
    .ownerselect .promptselect-content.loading .canvas-content,
    .ownerselect .ownerselect-content.loading .canvas-content,
    .ownerselect .canvasselect-content.loading .canvas-content,
    .canvasselect .promptselect-content.loading .canvas-content,
    .canvasselect .ownerselect-content.loading .canvas-content,
    .canvasselect .canvasselect-content.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .promptselect .promptselect-content::-webkit-scrollbar-track,
    .promptselect .ownerselect-content::-webkit-scrollbar-track,
    .promptselect .canvasselect-content::-webkit-scrollbar-track,
    .ownerselect .promptselect-content::-webkit-scrollbar-track,
    .ownerselect .ownerselect-content::-webkit-scrollbar-track,
    .ownerselect .canvasselect-content::-webkit-scrollbar-track,
    .canvasselect .promptselect-content::-webkit-scrollbar-track,
    .canvasselect .ownerselect-content::-webkit-scrollbar-track,
    .canvasselect .canvasselect-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .promptselect .promptselect-content::-webkit-scrollbar,
    .promptselect .ownerselect-content::-webkit-scrollbar,
    .promptselect .canvasselect-content::-webkit-scrollbar,
    .ownerselect .promptselect-content::-webkit-scrollbar,
    .ownerselect .ownerselect-content::-webkit-scrollbar,
    .ownerselect .canvasselect-content::-webkit-scrollbar,
    .canvasselect .promptselect-content::-webkit-scrollbar,
    .canvasselect .ownerselect-content::-webkit-scrollbar,
    .canvasselect .canvasselect-content::-webkit-scrollbar {
      border-radius: 6px;
      width: 6px; }
    .promptselect .promptselect-content::-webkit-scrollbar-thumb,
    .promptselect .ownerselect-content::-webkit-scrollbar-thumb,
    .promptselect .canvasselect-content::-webkit-scrollbar-thumb,
    .ownerselect .promptselect-content::-webkit-scrollbar-thumb,
    .ownerselect .ownerselect-content::-webkit-scrollbar-thumb,
    .ownerselect .canvasselect-content::-webkit-scrollbar-thumb,
    .canvasselect .promptselect-content::-webkit-scrollbar-thumb,
    .canvasselect .ownerselect-content::-webkit-scrollbar-thumb,
    .canvasselect .canvasselect-content::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
    .promptselect .promptselect-content > div,
    .promptselect .ownerselect-content > div,
    .promptselect .canvasselect-content > div,
    .ownerselect .promptselect-content > div,
    .ownerselect .ownerselect-content > div,
    .ownerselect .canvasselect-content > div,
    .canvasselect .promptselect-content > div,
    .canvasselect .ownerselect-content > div,
    .canvasselect .canvasselect-content > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-size: 14px;
      font-weight: 500;
      background: transparent;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      margin: 0 0 4px 0;
      padding: 4px 8px;
      height: 38px;
      cursor: pointer;
      color: #707172;
      text-transform: initial;
      line-height: 1.2; }
      .promptselect .promptselect-content > div.active, .promptselect .promptselect-content > div:hover, .promptselect .promptselect-content > div:active, .promptselect .promptselect-content > div:focus,
      .promptselect .ownerselect-content > div.active,
      .promptselect .ownerselect-content > div:hover,
      .promptselect .ownerselect-content > div:active,
      .promptselect .ownerselect-content > div:focus,
      .promptselect .canvasselect-content > div.active,
      .promptselect .canvasselect-content > div:hover,
      .promptselect .canvasselect-content > div:active,
      .promptselect .canvasselect-content > div:focus,
      .ownerselect .promptselect-content > div.active,
      .ownerselect .promptselect-content > div:hover,
      .ownerselect .promptselect-content > div:active,
      .ownerselect .promptselect-content > div:focus,
      .ownerselect .ownerselect-content > div.active,
      .ownerselect .ownerselect-content > div:hover,
      .ownerselect .ownerselect-content > div:active,
      .ownerselect .ownerselect-content > div:focus,
      .ownerselect .canvasselect-content > div.active,
      .ownerselect .canvasselect-content > div:hover,
      .ownerselect .canvasselect-content > div:active,
      .ownerselect .canvasselect-content > div:focus,
      .canvasselect .promptselect-content > div.active,
      .canvasselect .promptselect-content > div:hover,
      .canvasselect .promptselect-content > div:active,
      .canvasselect .promptselect-content > div:focus,
      .canvasselect .ownerselect-content > div.active,
      .canvasselect .ownerselect-content > div:hover,
      .canvasselect .ownerselect-content > div:active,
      .canvasselect .ownerselect-content > div:focus,
      .canvasselect .canvasselect-content > div.active,
      .canvasselect .canvasselect-content > div:hover,
      .canvasselect .canvasselect-content > div:active,
      .canvasselect .canvasselect-content > div:focus {
        background: #F2F5F7; }
      .promptselect .promptselect-content > div > i,
      .promptselect .ownerselect-content > div > i,
      .promptselect .canvasselect-content > div > i,
      .ownerselect .promptselect-content > div > i,
      .ownerselect .ownerselect-content > div > i,
      .ownerselect .canvasselect-content > div > i,
      .canvasselect .promptselect-content > div > i,
      .canvasselect .ownerselect-content > div > i,
      .canvasselect .canvasselect-content > div > i {
        margin: 0 8px 0 0; }
  .promptselect .promptselect-content > div > i,
  .ownerselect .promptselect-content > div > i,
  .canvasselect .promptselect-content > div > i {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px; }

@media screen and (max-width: 870px) {
  .promptselect .promptselect-container,
  .promptselect .canvasselect-container2,
  .canvasselect .promptselect-container,
  .canvasselect .canvasselect-container2 {
    width: 70vw; }
    .promptselect .promptselect-container .promptselect-content,
    .promptselect .promptselect-container .canvasselect-content,
    .promptselect .canvasselect-container2 .promptselect-content,
    .promptselect .canvasselect-container2 .canvasselect-content,
    .canvasselect .promptselect-container .promptselect-content,
    .canvasselect .promptselect-container .canvasselect-content,
    .canvasselect .canvasselect-container2 .promptselect-content,
    .canvasselect .canvasselect-container2 .canvasselect-content {
      width: 100%;
      max-width: 100%; }
  .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.history,
  .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.connections,
  .lead-canvas .lead-canvas-section.full-height .lead-canvas-actions .lead-canvas-action.workflow {
    display: none; } }

.page-wrapper .page-header.with-menubar {
  height: 110px;
  min-height: 110px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0;
  overflow: initial; }
  .page-wrapper .page-header.with-menubar .page-title .page-subtitle span.unlocked {
    color: #4DD500;
    font-weight: 700; }
    .page-wrapper .page-header.with-menubar .page-title .page-subtitle span.unlocked:hover, .page-wrapper .page-header.with-menubar .page-title .page-subtitle span.unlocked:active, .page-wrapper .page-header.with-menubar .page-title .page-subtitle span.unlocked:focus {
      border-bottom: 3px solid #4DD500; }
  .page-wrapper .page-header.with-menubar .page-title .header-options {
    position: absolute;
    margin: 0 8px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .page-wrapper .page-header.with-menubar .page-title .header-options > div {
      margin: 0 8px 0 0; }
  .page-wrapper .page-header.with-menubar .page-header-main {
    height: 70px;
    min-height: 70px;
    border-bottom: 1px solid #E0E6EC;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16px;
    position: relative; }
  .page-wrapper .page-header.with-menubar .page-header-menubar {
    height: 40px;
    min-height: 40px;
    border-bottom: 1px solid #E0E6EC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px 0 -webkit-calc(70px + 16px);
    padding: 0 16px 0 calc(70px + 16px); }
    .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0 0 0 -webkit-calc(40px + 8px);
      padding: 0 0 0 calc(40px + 8px);
      font-size: 13px; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs.with-next-indicator > span {
        position: relative;
        margin-right: 22px; }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs.with-next-indicator > span .next-indicator {
          position: absolute;
          right: -16px;
          bottom: -webkit-calc(100%/2 - 8px);
          bottom: calc(100%/2 - 8px); }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs.with-next-indicator > span .tab-badge {
          position: absolute;
          margin: 0 10px;
          color: #bbc4cd;
          font-size: 12px;
          background: 0 0;
          border-radius: 4px;
          padding: 0 2px;
          border: 1px solid #bbc4cd;
          min-width: 18px;
          text-align: center; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span {
        margin: 0 4px 0 0;
        color: #707172;
        font-weight: 400;
        background: transparent;
        padding: 1px 8px;
        border-radius: 18px;
        cursor: pointer;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        white-space: nowrap;
        position: relative; }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.disabled {
          color: #BBC4CD !important;
          cursor: initial; }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span:not(.disabled):hover, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span:not(.disabled):active, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span:not(.disabled):focus, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span:not(.disabled).active {
          color: white;
          background: #ABB2B9; }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.unlocked {
          background: #4DD500;
          color: white; }
          .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.unlocked:hover, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.unlocked:active, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.unlocked:focus, .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span.unlocked.active {
            background: #4ABF29; }
        .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span .badge {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          position: absolute;
          z-index: 10;
          background: #4DD500;
          padding: 0 4px;
          border-radius: 4px;
          font-size: 10px;
          right: 0;
          height: 16px;
          top: -16px;
          color: white; }
          .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-tabs > span .badge i {
            margin: 0 4px 0 0; }
    .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions > div > div {
        margin: 0 0 0 8px; }
    .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions .form-input {
      padding: 0; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions .form-input > i {
        top: 2px; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions .form-input .form-control {
        padding: 2px 12px;
        height: 32px;
        max-height: 32px; }
    .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions .persona-filter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .page-wrapper .page-header.with-menubar .page-header-menubar .page-header-menubar-actions .persona-filter i {
        margin: 0 0 0 2px; }

.chatbot-canvas {
  padding: 0 0 0 70px !important;
  position: relative; }
  .chatbot-canvas.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .chatbot-canvas .page-section-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: -webkit-calc(100vh - 180px);
    height: calc(100vh - 180px);
    max-height: -webkit-calc(100vh - 180px);
    max-height: calc(100vh - 180px);
    border-top: 1px solid #E0E6EC; }
    .chatbot-canvas .page-section-content .page-section-content-main {
      display: block;
      width: 100%;
      height: 100%;
      overflow: auto; }
      .chatbot-canvas .page-section-content .page-section-content-main:hover::-webkit-scrollbar-thumb, .chatbot-canvas .page-section-content .page-section-content-main:focus::-webkit-scrollbar-thumb, .chatbot-canvas .page-section-content .page-section-content-main:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .chatbot-canvas .page-section-content .page-section-content-main::-webkit-scrollbar-track {
        background-color: transparent; }
      .chatbot-canvas .page-section-content .page-section-content-main::-webkit-scrollbar {
        border-radius: 6px;
        width: 4px; }
      .chatbot-canvas .page-section-content .page-section-content-main::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 6px; }
    .chatbot-canvas .page-section-content .page-section-content-aside {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 360px;
      -moz-box-flex: 1;
      -ms-flex: 1 0 360px;
      flex: 1 0 360px;
      border-left: 1px solid #E0E6EC;
      background: white;
      width: 360px;
      min-width: 360px;
      height: -webkit-calc(100vh - 110px - 70px);
      height: calc(100vh - 110px - 70px);
      max-height: -webkit-calc(100vh - 110px - 70px);
      max-height: calc(100vh - 110px - 70px);
      overflow: hidden;
      position: relative; }
      @media screen and (min-width: 1200px) {
        .chatbot-canvas .page-section-content .page-section-content-aside {
          width: 35vw;
          max-width: 400px; } }
      .chatbot-canvas .page-section-content .page-section-content-aside .vertical-menubar {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0; }
  .chatbot-canvas .chatbot-canvas-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 0 12px 64px;
    width: 100%;
    height: 70px;
    position: relative; }
    .chatbot-canvas .chatbot-canvas-header > i.caret {
      height: inherit; }
    .chatbot-canvas .chatbot-canvas-header .h2 {
      font-size: 18px;
      color: #515A63;
      font-weight: 600;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      height: inherit; }
      .chatbot-canvas .chatbot-canvas-header .h2 > i {
        margin: 0 0 0 4px; }
      .chatbot-canvas .chatbot-canvas-header .h2 span.main {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .chatbot-canvas .chatbot-canvas-header .h2 span.main label {
          max-width: 35vw;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          @media screen and (min-width: 1300px) {
            .chatbot-canvas .chatbot-canvas-header .h2 span.main label {
              max-width: 40vw; } }
      .chatbot-canvas .chatbot-canvas-header .h2 span.info {
        font-size: 12px;
        font-weight: 300;
        color: #86909A;
        margin: 0; }
      .chatbot-canvas .chatbot-canvas-header .h2 span.side {
        height: inherit;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -moz-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          padding: 2px 20px 2px 0; }
          .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list > div {
            margin: 0 0 0 8px; }
          .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list.icons > div {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
            .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list.icons > div:hover, .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list.icons > div:active, .chatbot-canvas .chatbot-canvas-header .h2 span.side .icon-list.icons > div:focus {
              -webkit-transform: scale(1.2);
              -ms-transform: scale(1.2);
              transform: scale(1.2); }
    .chatbot-canvas .chatbot-canvas-header .chatbot-canvas-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-width: 400px; }
  .chatbot-canvas i.caret {
    width: 40px;
    height: 40px;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: 1; }
  .chatbot-canvas i.badge {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin: 0 8px 0 0;
    background: #BBC4CD;
    display: block; }
    .chatbot-canvas i.badge.icon {
      background: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0; }
    .chatbot-canvas i.badge.job {
      background: #38A0FF; }
    .chatbot-canvas i.badge.pain {
      background: #FF4450; }
    .chatbot-canvas i.badge.gain {
      background: #00D515; }
    .chatbot-canvas i.badge.product {
      background: #2C598D; }
    .chatbot-canvas i.badge.creator {
      background: #52C1CE; }
    .chatbot-canvas i.badge.reliever {
      background: #FF6B33; }
    .chatbot-canvas i.badge.job, .chatbot-canvas i.badge.pain, .chatbot-canvas i.badge.gain, .chatbot-canvas i.badge.product, .chatbot-canvas i.badge.creator, .chatbot-canvas i.badge.reliever {
      width: 12px;
      height: 12px;
      border-radius: 24px; }
  .chatbot-canvas .chatbot-canvas-loader {
    position: absolute;
    top: 50px;
    left: 10px;
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
    height: -webkit-calc(100% - (12px + 20px));
    height: calc(100% - (12px + 20px));
    background: rgba(245, 246, 247, 0.28);
    border-radius: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    z-index: -2; }
    .chatbot-canvas .chatbot-canvas-loader.visible {
      z-index: 1000;
      opacity: 1; }
  .chatbot-canvas .canvas-section-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: white;
    margin: 0;
    height: 40px;
    padding: 0 12px 0 64px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    border-bottom: 1px solid #E0E6EC; }
    .chatbot-canvas .canvas-section-header:hover, .chatbot-canvas .canvas-section-header:active, .chatbot-canvas .canvas-section-header:focus {
      background: #EAEEF2; }
    .chatbot-canvas .canvas-section-header.closed i.caret {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .chatbot-canvas .canvas-section-header i.caret {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .chatbot-canvas .canvas-section-header label {
      font-weight: 700;
      font-size: 16px;
      color: #515A63;
      padding: 0;
      margin: 0;
      cursor: pointer; }
  .chatbot-canvas .canvas-group .canvas-group-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: transparent;
    margin: 0;
    height: 40px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer; }
    .chatbot-canvas .canvas-group .canvas-group-header:hover, .chatbot-canvas .canvas-group .canvas-group-header:active, .chatbot-canvas .canvas-group .canvas-group-header:focus {
      background: #EAEEF2; }
    .chatbot-canvas .canvas-group .canvas-group-header.closed i.caret {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .chatbot-canvas .canvas-group .canvas-group-header i.caret {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .chatbot-canvas .canvas-group .canvas-group-header label {
      font-weight: 600;
      font-size: 16px;
      color: #515A63;
      padding: 0;
      margin: 0;
      cursor: pointer; }
      .chatbot-canvas .canvas-group .canvas-group-header label > span {
        font-weight: 300;
        font-size: 14px;
        margin: 0 0 0 4px; }
  .chatbot-canvas .canvas-content,
  .chatbot-canvas .canvas-group-content {
    overflow: hidden auto;
    -webkit-transition: all 0.25s cubic-bezier(0.2, 0.5, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.2, 0.5, 0.2, 1); }
  .chatbot-canvas .board-content {
    min-height: 0;
    max-height: 200px;
    overflow: hidden auto;
    padding-right: 8px;
    margin: 0 4px 0 0;
    -webkit-transition: all 0.25s cubic-bezier(0.2, 0.5, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.2, 0.5, 0.2, 1); }
    .chatbot-canvas .board-content.empty {
      padding: 0;
      margin: 0;
      max-height: 0; }
    .chatbot-canvas .board-content .jpg-card {
      margin: 4px 0; }
    .chatbot-canvas .board-content:hover::-webkit-scrollbar-thumb, .chatbot-canvas .board-content:focus::-webkit-scrollbar-thumb, .chatbot-canvas .board-content:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .chatbot-canvas .board-content.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .chatbot-canvas .board-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .chatbot-canvas .board-content::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .chatbot-canvas .board-content::-webkit-scrollbar-thumb {
      background-color: transparent;
      border-radius: 6px; }

.p1 {
  padding-left: 64px; }

.p2 {
  padding-left: 32px; }

.p3 {
  padding-left: 96px; }
  .p3 > i.caret {
    left: -webkit-calc(96px - 42px);
    left: calc(96px - 42px); }

.p4 {
  padding-left: 128px; }
  .p4 > i.caret {
    left: -webkit-calc(128px - 42px);
    left: calc(128px - 42px); }

.chatbot-canvas .segment-analyze .segment-analyze-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 12px 12px 0; }
  .chatbot-canvas .segment-analyze .segment-analyze-title i {
    margin: 0 8px 0 0; }
  .chatbot-canvas .segment-analyze .segment-analyze-title label {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #707172;
    padding: 0 52px 0 0; }

.chatbot-canvas .segment-analyze .vertical-barchart.segment-attribute {
  padding: 0 52px 0 0; }
  .chatbot-canvas .segment-analyze .vertical-barchart.segment-attribute .barchart-row:last-of-type {
    margin: 0 0 38px 0; }

.vertical-barchart.countries .barchart-row > label {
  padding-right: 28px !important;
  position: relative; }
  .vertical-barchart.countries .barchart-row > label i.country-flag {
    position: absolute;
    top: -webkit-calc(50% - 9px);
    top: calc(50% - 9px);
    right: 0; }

.chatbot-canvas .lead-analyze {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: inherit;
  overflow: hidden; }
  .chatbot-canvas .lead-analyze .persona-analyze-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 12px 12px 0; }
    .chatbot-canvas .lead-analyze .persona-analyze-title i {
      margin: 0 8px 0 0; }
    .chatbot-canvas .lead-analyze .persona-analyze-title label {
      padding: 0;
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      color: #707172; }
  .chatbot-canvas .lead-analyze .persona-analyze-content {
    height: 100%;
    padding: 0 54px 12px 54px; }
  .chatbot-canvas .lead-analyze .recharts-wrapper {
    margin: 0 25px 0 0; }
  .chatbot-canvas .lead-analyze .persona-legend {
    margin: 0;
    padding: 0;
    overflow: auto;
    height: -webkit-calc(100% - 200px);
    height: calc(100% - 200px);
    width: 250px; }
    .chatbot-canvas .lead-analyze .persona-legend:hover::-webkit-scrollbar-thumb, .chatbot-canvas .lead-analyze .persona-legend:focus::-webkit-scrollbar-thumb, .chatbot-canvas .lead-analyze .persona-legend:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .chatbot-canvas .lead-analyze .persona-legend.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .chatbot-canvas .lead-analyze .persona-legend::-webkit-scrollbar-track {
      background-color: transparent; }
    .chatbot-canvas .lead-analyze .persona-legend::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .chatbot-canvas .lead-analyze .persona-legend::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
    .chatbot-canvas .lead-analyze .persona-legend .persona-avatar {
      margin: 0 8px 0 0; }
    .chatbot-canvas .lead-analyze .persona-legend .persona-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .chatbot-canvas .lead-analyze .persona-legend .persona-details .persona-name {
        color: #515A63; }
      .chatbot-canvas .lead-analyze .persona-legend .persona-details .persona-stats {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .chatbot-canvas .lead-analyze .persona-legend .persona-details .persona-stats > i {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          font-size: 12px;
          font-weight: 500;
          color: #86909A;
          line-height: 12px;
          font-style: normal;
          margin: 0 8px 0 0; }
          .chatbot-canvas .lead-analyze .persona-legend .persona-details .persona-stats > i svg {
            margin: 0 4px 0 0; }

.vertical-menubar {
  width: 48px;
  height: inherit;
  position: relative; }
  .vertical-menubar:last-of-type .icon {
    border-bottom: 1px solid #E0E6EC; }
  .vertical-menubar .scrollbtn {
    position: absolute;
    height: 40px;
    width: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #EAEEF2;
    z-index: 1;
    cursor: pointer; }
    .vertical-menubar .scrollbtn.up {
      up: 0;
      border-bottom: 1px solid #E0E6EC;
      border-left: 1px solid #E0E6EC; }
    .vertical-menubar .scrollbtn.down {
      bottom: 0;
      border-top: 1px solid #E0E6EC;
      border-left: 1px solid #E0E6EC; }
  .vertical-menubar .vertical-menubar-scroll {
    position: relative;
    height: 100%;
    overflow: auto;
    scrollbar-width: none; }
    .vertical-menubar .vertical-menubar-scroll::-webkit-scrollbar-track {
      background-color: transparent; }
    .vertical-menubar .vertical-menubar-scroll::-webkit-scrollbar {
      border-radius: 6px;
      width: 0; }
    .vertical-menubar .vertical-menubar-scroll::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 0; }
    .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
      margin: 40px 0; }
      .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon {
        height: 48px;
        width: 48px;
        border-top: 1px solid #E0E6EC;
        border-left: 1px solid #E0E6EC;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        background: #F9FBFC; }
        .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon label {
          display: none; }
        .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:first-of-type {
          border-top-left-radius: 4px; }
        .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:last-of-type {
          border-bottom-left-radius: 4px; }
        .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon.persona.active {
          background: white; }
          .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon.persona.active svg {
            fill: #008AFF !important; }
          .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon.persona.active .attr-icon {
            background: #008AFF !important; }
        .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:hover, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:focus, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:active {
          background: white; }
          .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:hover svg, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:focus svg, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:active svg {
            fill: #86909A; }
          .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:hover .attr-icon, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:focus .attr-icon, .vertical-menubar .vertical-menubar-scroll .vertical-menubar-icons .icon:active .attr-icon {
            background: #86909A; }

.jpg-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 8px 4px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .jpg-row:not(.add):hover, .jpg-row:not(.add):active, .jpg-row:not(.add):focus {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    background: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    cursor: pointer; }
  .jpg-row.add {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 24px;
    height: 56px; }
  .jpg-row.dropdown-open {
    z-index: 1000; }
  .jpg-row .jpg-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%; }
    .jpg-row .jpg-content i {
      width: 24px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .jpg-row .jpg-content i svg {
        visibility: hidden; }
      .jpg-row .jpg-content i .dropdown .dropdown-toggle {
        background-color: transparent !important; }
      .jpg-row .jpg-content i .dropdown .dropdown-menu {
        z-index: 1000 !important;
        border-radius: 8px; }
    .jpg-row .jpg-content h4 {
      font-size: 14px;
      font-weight: 600;
      color: #707172;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .jpg-row .jpg-infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .jpg-row .jpg-infobar .jpg-infobar-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row .jpg-infobar .jpg-infobar-main img {
        margin-right: 4px; }
      .jpg-row .jpg-infobar .jpg-infobar-main > div {
        color: #ABB2B9;
        font-size: 12px; }
    .jpg-row .jpg-infobar .jpg-infobar-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row .jpg-infobar .jpg-infobar-side .type {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 600;
        color: #BBC4CD; }
      .jpg-row .jpg-infobar .jpg-infobar-side .replies {
        color: #ABB2B9;
        font-size: 12px;
        margin-left: 8px;
        white-space: nowrap; }

.page-section.with-menu .page-menu {
  width: 360px;
  min-width: 360px; }
  .page-section.with-menu .page-menu .page-menu-card {
    height: -webkit-calc(100vh - 138px);
    height: calc(100vh - 138px);
    max-height: -webkit-calc(100vh - 138px);
    max-height: calc(100vh - 138px);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    padding: 12px; }

.page-menu .page-menu-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none;
  max-width: 100%;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 8px;
  padding: 0;
  margin-bottom: 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative; }

.jpg-card {
  padding: 8px 12px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  background: #F9FBFC;
  min-height: 50px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 100;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 1200px) {
    .jpg-card.v2 {
      height: 60px; }
      .jpg-card.v2.with-category {
        height: 86px; }
    .jpg-card.v2, .jpg-card.v3 {
      padding: 12px; }
      .jpg-card.v2 .jpg-card-main h4, .jpg-card.v3 .jpg-card-main h4 {
        font-size: 16px;
        position: relative;
        line-height: 20px;
        height: 40px;
        max-height: 40px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal; }
      .jpg-card.v2 .jpg-personas img, .jpg-card.v3 .jpg-personas img {
        width: 28px;
        height: 28px; } }
  .jpg-card:hover {
    cursor: pointer;
    background: white;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .jpg-card:hover .jpg-content i svg {
      visibility: visible; }
      .jpg-card:hover .jpg-content i svg:hover, .jpg-card:hover .jpg-content i svg:active, .jpg-card:hover .jpg-content i svg:focus {
        fill: #707172 !important; }
  .jpg-card.has-category h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .jpg-card.with-category h4 {
    position: relative;
    line-height: 16px;
    height: 36px;
    max-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal; }
  .jpg-card .jpg-card-category {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2px 0 0;
    background: #f2f5f7;
    padding: 0 2px;
    width: auto;
    border-radius: 2px;
    min-height: 22px; }
    .jpg-card .jpg-card-category i {
      margin: 0 4px 0 0; }
    .jpg-card .jpg-card-category label {
      margin: 0;
      padding: 0;
      font-size: 12px;
      font-weight: 500;
      color: #86909A; }
  .jpg-card.most {
    background: white; }
    .jpg-card.most .jpg-card-main h4 {
      font-weight: 600; }
  .jpg-card .jpg-personas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .jpg-card .jpg-personas.sm {
      height: 22px; }
      .jpg-card .jpg-personas.sm > i {
        margin: 2px 2px 0 0; }
  .jpg-card .jpg-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .jpg-card .jpg-tags .jpg-tag {
      border-radius: 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 38px;
      width: auto;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      height: 6px;
      margin: 0 4px 4px 0;
      background: #BBC4CD; }
      .jpg-card .jpg-tags .jpg-tag.haslabel {
        height: 16px;
        font-size: 12px;
        color: white;
        font-weight: 300;
        padding: 0 6px;
        border-radius: 4px; }
  .jpg-card .jpg-card-main {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .jpg-card .jpg-card-main.v2, .jpg-card .jpg-card-main.v3 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .jpg-card .jpg-card-main.v2 .jpg-tag.icon, .jpg-card .jpg-card-main.v3 .jpg-tag.icon {
        width: 20px;
        min-width: 20px;
        height: 20px;
        border-radius: 4px;
        margin: 0 8px 0 0;
        background: #BBC4CD;
        display: block;
        overflow: hidden;
        position: relative; }
        .jpg-card .jpg-card-main.v2 .jpg-tag.icon label, .jpg-card .jpg-card-main.v3 .jpg-tag.icon label {
          opacity: 0;
          margin: 0;
          color: white;
          font-size: 12px;
          font-weight: 300;
          padding: 0 6px;
          height: 20px;
          position: absolute;
          white-space: nowrap;
          top: 0;
          left: 0;
          z-index: 100;
          border-radius: 4px;
          background: inherit;
          -webkit-transition: all .2s ease;
          transition: all .2s ease; }
        .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:hover, .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:focus, .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:active, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:hover, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:focus, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:active {
          overflow: initial; }
          .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:hover label, .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:focus label, .jpg-card .jpg-card-main.v2 .jpg-tag.icon.haslabel:active label, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:hover label, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:focus label, .jpg-card .jpg-card-main.v3 .jpg-tag.icon.haslabel:active label {
            opacity: 1;
            -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .jpg-card .jpg-card-main.v3 > i {
      margin: 0 8px 0 0; }
    .jpg-card .jpg-card-main.v3 .jpg-card-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-titlebar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        min-height: 22px; }
        .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-titlebar > div {
          margin: 0 8px 0 0; }
      .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-badge {
        color: #2C598D;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        margin: 4px 0 0 0;
        min-height: 22px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-category {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 12px;
        font-weight: 300; }
        .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-category > i {
          margin: 0 6px 0 0; }
      .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-tag {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-tag .card-tag {
          border-radius: 4px;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          min-width: 18px;
          min-height: 18px;
          width: auto;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          height: 6px;
          margin: 0;
          background: #BBC4CD;
          position: relative; }
          .jpg-card .jpg-card-main.v3 .jpg-card-title .jpg-card-tag .card-tag label {
            opacity: 1;
            margin: 0;
            color: white;
            font-size: 12px;
            font-weight: 300;
            padding: 0 6px;
            height: 20px;
            position: relative;
            white-space: nowrap;
            top: 0;
            left: 0;
            z-index: 100;
            border-radius: 4px;
            background: inherit;
            -webkit-transition: all .2s ease;
            transition: all .2s ease; }
    .jpg-card .jpg-card-main h4 {
      font-size: 14px;
      font-weight: 300;
      color: #515A63;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .jpg-card .jpg-card-main > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .jpg-card .jpg-card-main > div .effort {
        margin: 0 0 0 6px; }
      .jpg-card .jpg-card-main > div .jpg-personas > div {
        font-size: 12px;
        height: 24px;
        line-height: 30px; }
    .jpg-card .jpg-card-main .effort {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 600;
      color: #BBC4CD; }
  .jpg-card .jpg-card-rating {
    border-left: 1px solid #e4e4e4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 0 8px;
    margin: 0 0 0 8px; }
    .jpg-card .jpg-card-rating.pain b.filled {
      border-color: #FF6B33;
      background: #FF6B33; }
    .jpg-card .jpg-card-rating.gain b.filled {
      border-color: #52C1CE;
      background: #52C1CE; }
    .jpg-card .jpg-card-rating b {
      display: block;
      width: 10px;
      height: 10px;
      min-width: 10px;
      min-height: 10px;
      background: transparent;
      border: 1px solid #ced4da;
      border-radius: 2px;
      margin: 0 0 2px 0; }
  .jpg-card .jpg-card-personas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8px;
    margin: 0 8px;
    font-size: 12px;
    font-weight: 400;
    color: #86909A;
    border-right: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4; }
  .jpg-card .jpg-card-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0; }
    .jpg-card .jpg-card-side .effort {
      height: 14px;
      width: 16px;
      font-size: 10px;
      font-weight: 600;
      border-radius: 4px 4px 4px 2px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 6px;
      color: #fff; }
    .jpg-card .jpg-card-side .type {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 600;
      color: #BBC4CD; }
    .jpg-card .jpg-card-side .replies {
      color: #ABB2B9;
      font-size: 12px;
      margin-left: 8px; }
    .jpg-card .jpg-card-side .importance {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 0 8px 0; }
      .jpg-card .jpg-card-side .importance.canvas, .jpg-card .jpg-card-side .importance.most {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        width: 114px;
        margin: 0 0 8px; }
      .jpg-card .jpg-card-side .importance.most {
        font-size: 10px;
        font-weight: 700;
        color: white;
        text-transform: uppercase;
        background: #BBC4CD;
        border-radius: 18px;
        padding: 1px 4px;
        height: 18px;
        margin: 0 0 2px; }
        .jpg-card .jpg-card-side .importance.most.job {
          background: #008AFF; }
        .jpg-card .jpg-card-side .importance.most.pain {
          background: #FF4450; }
        .jpg-card .jpg-card-side .importance.most.gain {
          background: #4DD500; }
        .jpg-card .jpg-card-side .importance.most.product {
          background: #2C598D; }
        .jpg-card .jpg-card-side .importance.most.creator {
          background: #52C1CE; }
        .jpg-card .jpg-card-side .importance.most.reliever {
          background: #FF6B33; }
      .jpg-card .jpg-card-side .importance b {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 700;
        background: #E0E6EC;
        color: white;
        padding: 1px 4px;
        border-radius: 18px;
        width: -webkit-calc(110px / 5 - 2px);
        width: calc(110px / 5 - 2px);
        height: 5px;
        margin: 0 2px 0 0; }
        .jpg-card .jpg-card-side .importance b:last-of-type {
          margin: 0; }
      .jpg-card .jpg-card-side .importance i {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        border: 1px solid #008AFF;
        display: block;
        margin: 0 2px; }
        .jpg-card .jpg-card-side .importance i.filled {
          background: #008AFF; }

.jpg-modal.jpg-filter .modal-body aside .form-multiselect {
  max-height: 168px;
  height: 168px;
  background: #F2F5F7;
  border-radius: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0; }
  .jpg-modal.jpg-filter .modal-body aside .form-multiselect .form-multiselect {
    padding: 6px 0 !important; }
    .jpg-modal.jpg-filter .modal-body aside .form-multiselect .form-multiselect .custom-control-label::before {
      border-color: #BBC4CD !important; }
    .jpg-modal.jpg-filter .modal-body aside .form-multiselect .form-multiselect .option:hover {
      background: #E0E6EC !important;
      font-weight: 600; }

.jpg-modal.jpg-filter .modal-content .jpg-details.jpg-segment-details {
  padding-bottom: 62px; }

.jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header {
  background-color: transparent;
  -webkit-transition: background-color .1s ease;
  transition: background-color .1s ease; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header:hover, .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header:active, .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header:focus {
    cursor: pointer;
    background-color: #F2F5F7;
    border-radius: 4px; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header.inactive > label {
    font-weight: 500;
    color: #86909A; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header:not(.inactive) > i svg {
    fill: #707172 !important; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header > label {
    margin: 0;
    color: #707172;
    width: 100%;
    cursor: pointer; }
  .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header .subtitle {
    color: #ABB2B9;
    cursor: pointer; }
    .jpg-modal.jpg-filter .modal-content .jpg-details .jpg-segment-section .jpg-section-header .subtitle > span {
      color: #707172;
      font-weight: 600;
      font-size: 10px;
      display: contents;
      text-transform: uppercase;
      white-space: nowrap;
      line-height: 20px;
      margin-right: 8px;
      height: 20px; }

.board-effort .dropdown-menu,
.board-replies .dropdown-menu {
  padding: 0;
  width: 360px;
  border-radius: 12px;
  z-index: 2000; }

.board-view .dropdown-menu {
  padding: 0;
  width: 180px;
  border-radius: 12px;
  z-index: 2000; }

.board-view .board-view-content {
  padding: 8px 0; }
  .board-view .board-view-content .board-view-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    line-height: 30px;
    padding: 0 12px;
    cursor: pointer; }
    .board-view .board-view-content .board-view-option:last-of-type {
      margin: 0; }
    .board-view .board-view-content .board-view-option.active, .board-view .board-view-content .board-view-option:hover, .board-view .board-view-content .board-view-option:active, .board-view .board-view-content .board-view-option:focus {
      background: #f0f4f6; }
      .board-view .board-view-content .board-view-option.active i, .board-view .board-view-content .board-view-option:hover i, .board-view .board-view-content .board-view-option:active i, .board-view .board-view-content .board-view-option:focus i {
        opacity: 1; }
      .board-view .board-view-content .board-view-option.active label, .board-view .board-view-content .board-view-option:hover label, .board-view .board-view-content .board-view-option:active label, .board-view .board-view-content .board-view-option:focus label {
        color: #515A63; }
    .board-view .board-view-content .board-view-option i {
      margin: 0 8px 0 0;
      opacity: 0.8; }
    .board-view .board-view-content .board-view-option label {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: 600;
      color: #86909A;
      cursor: pointer; }

.board-effort .dropdown-menu,
.board-view .dropdown-menu,
.board-replies .dropdown-menu {
  top: 0px !important;
  left: initial !important;
  right: 0px !important;
  -webkit-transform: translate3d(0, 33px, 0px) !important;
  transform: translate3d(0, 33px, 0px) !important; }

.board-effort .dropdown-select,
.board-view .dropdown-select,
.board-replies .dropdown-select {
  color: #ABB2B9;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer; }
  .board-effort .dropdown-select > i,
  .board-view .dropdown-select > i,
  .board-replies .dropdown-select > i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  .board-effort .dropdown-select svg:hover,
  .board-view .dropdown-select svg:hover,
  .board-replies .dropdown-select svg:hover {
    fill: #BBC4CD !important; }
  .board-effort .dropdown-select label,
  .board-view .dropdown-select label,
  .board-replies .dropdown-select label {
    color: #ABB2B9;
    font-size: 14px;
    margin: 0;
    padding: 0 6px;
    cursor: pointer; }
  .board-effort .dropdown-select span,
  .board-view .dropdown-select span,
  .board-replies .dropdown-select span {
    padding: 0 6px 0 0;
    color: #515A63;
    font-size: 14px; }

.board-effort .board-effort-content .board-efforts {
  height: 100%;
  max-height: 100%; }
  .board-effort .board-effort-content .board-efforts .board-effort-item {
    padding: 0 18px 0 32px;
    height: 32px;
    margin: 8px 0 !important;
    border-radius: 8px 8px 8px 4px !important; }
    .board-effort .board-effort-content .board-efforts .board-effort-item i {
      width: 32px;
      height: 32px;
      border-radius: 8px 8px 8px 4px;
      font-style: normal;
      font-weight: 700;
      color: #fff;
      left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }

.canvas-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 70px;
  width: 35vw;
  max-width: 360px; }
  .canvas-total.v2 .canvas-total-card {
    width: -webkit-calc(360px / 2);
    width: calc(360px / 2); }
  .canvas-total.v3 .canvas-total-card {
    width: -webkit-calc(360px / 3);
    width: calc(360px / 3); }
  .canvas-total .canvas-total-card {
    height: 100%;
    width: 360px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: transparent;
    border-left: 1px solid #E0E6EC;
    font-size: 12px;
    position: relative; }
    .canvas-total .canvas-total-card.completed > label, .canvas-total .canvas-total-card.completed > div {
      color: #4DD500; }
    .canvas-total .canvas-total-card.uncompleted > label, .canvas-total .canvas-total-card.uncompleted > div {
      color: #BBC4CD; }
    .canvas-total .canvas-total-card.has-hidden > div.sum {
      padding: 0px 4px;
      font-size: 16px; }
    .canvas-total .canvas-total-card > label {
      margin: 0;
      text-align: left;
      padding: 8px 0 0 4px;
      font-size: 10px;
      text-transform: uppercase;
      color: #707172;
      font-weight: 700;
      width: 100%; }
    .canvas-total .canvas-total-card > div.sum {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      padding: 2px 4px 12px;
      font-size: 22px;
      color: #707172; }
      .canvas-total .canvas-total-card > div.sum > i {
        margin: 0 0 10px; }
    .canvas-total .canvas-total-card div.completed,
    .canvas-total .canvas-total-card div.hidden {
      height: 20px;
      width: 100%;
      padding: 2px 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .canvas-total .canvas-total-card div.completed label,
      .canvas-total .canvas-total-card div.hidden label {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 4px 0 0;
        padding: 0; }
      .canvas-total .canvas-total-card div.completed span,
      .canvas-total .canvas-total-card div.hidden span {
        font-size: 13px;
        font-weight: 300; }
    .canvas-total .canvas-total-card div.hidden {
      background: #434F5A; }
      .canvas-total .canvas-total-card div.hidden label {
        color: #F9B424; }
      .canvas-total .canvas-total-card div.hidden span {
        color: white; }
    .canvas-total .canvas-total-card div.completed {
      background: transparent;
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 0;
      height: 12px; }
      .canvas-total .canvas-total-card div.completed label {
        color: #ABB2B9; }
      .canvas-total .canvas-total-card div.completed span {
        color: #ABB2B9; }

.emptystate-board {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background: #fafafa;
  border: 1px dashed #E0E6EC; }
  .emptystate-board .emptystate-board-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: transparent;
    padding: 12px;
    border-radius: 18px; }
    .emptystate-board .emptystate-board-content label {
      margin: 0;
      padding: 0;
      font-size: 20px;
      font-weight: 700;
      color: #475059;
      text-align: center; }
    .emptystate-board .emptystate-board-content b {
      font-weight: 700 !important; }
    .emptystate-board .emptystate-board-content p, .emptystate-board .emptystate-board-content ul, .emptystate-board .emptystate-board-content li, .emptystate-board .emptystate-board-content b {
      font-weight: 300;
      font-size: 14px;
      color: #86909A; }
    .emptystate-board .emptystate-board-content i {
      color: #475059; }
    .emptystate-board .emptystate-board-content p {
      padding: 0 0 8px;
      text-align: left;
      margin: 0;
      width: 100%; }
    .emptystate-board .emptystate-board-content ul {
      -webkit-margin-before: 0;
      margin-block-start: 0;
      -webkit-margin-after: 0;
      margin-block-end: 0;
      -webkit-margin-start: 0;
      -moz-margin-start: 0;
      margin-inline-start: 0;
      -webkit-margin-end: 0;
      -moz-margin-end: 0;
      margin-inline-end: 0;
      -webkit-padding-start: 24px;
      -moz-padding-start: 24px;
      padding-inline-start: 24px; }
    .emptystate-board .emptystate-board-content .emptystate-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 0;
      width: 100%; }
      .emptystate-board .emptystate-board-content .emptystate-board-actions > button {
        white-space: nowrap; }

.emptystate-card {
  width: 100%;
  padding: 42px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 12px;
  background: #fafafa;
  border: 1px dashed #E0E6EC; }
  .emptystate-card .emptystate-card-content {
    max-width: 416px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: transparent;
    padding: 24px;
    border-radius: 18px; }
    .emptystate-card .emptystate-card-content > label {
      margin: 0;
      padding: 0;
      font-size: 20px;
      font-weight: 700;
      color: #475059;
      text-align: center; }
    .emptystate-card .emptystate-card-content > p {
      padding: 24px 0;
      font-weight: 300;
      font-size: 16px;
      color: #86909A;
      text-align: center;
      margin: 0; }
      .emptystate-card .emptystate-card-content > p i {
        color: #475059; }
    .emptystate-card .emptystate-card-content .emptystate-card-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 0;
      width: 100%; }
      .emptystate-card .emptystate-card-content .emptystate-card-actions > button {
        white-space: nowrap;
        border-radius: 8px; }
        .emptystate-card .emptystate-card-content .emptystate-card-actions > button.btn-green {
          border-radius: 18px; }

.helper-card {
  padding: 24px 12px;
  height: 100%; }
  .helper-card .helper-card-content {
    padding: 0 12px;
    height: 100%;
    overflow: hidden auto;
    scrollbar-width: thin; }
    .helper-card .helper-card-content:hover::-webkit-scrollbar-thumb, .helper-card .helper-card-content:focus::-webkit-scrollbar-thumb, .helper-card .helper-card-content:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .helper-card .helper-card-content::-webkit-scrollbar-track {
      background-color: transparent; }
    .helper-card .helper-card-content::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .helper-card .helper-card-content::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
    .helper-card .helper-card-content .topic {
      display: block;
      text-transform: uppercase;
      color: #BBC4CD;
      font-weight: 600;
      font-size: 12px; }
      .helper-card .helper-card-content .topic > i {
        display: inline-block; }
    .helper-card .helper-card-content .title {
      display: block;
      font-weight: 600;
      font-size: 18px;
      margin: 12px 0; }
    .helper-card .helper-card-content b {
      font-weight: 700 !important; }
    .helper-card .helper-card-content i {
      color: #475059; }
    .helper-card .helper-card-content > p, .helper-card .helper-card-content > b {
      padding: 0 0 12px;
      font-weight: 300;
      font-size: 14px;
      color: #86909A;
      text-align: left;
      margin: 0; }

@media screen and (max-width: 870px) {
  .chatbot-canvas {
    padding: 0 0 70px !important; } }

.page-respondent-section .page-section.with-menu .page-menu .page-menu-card {
  max-height: 500px; }

.respondent-section {
  min-height: 150px;
  max-height: -webkit-calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 0 12px 12px 0;
  margin: 0 12px 0 0;
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px);
  scrollbar-width: thin; }
  .respondent-section:hover::-webkit-scrollbar-thumb, .respondent-section:focus::-webkit-scrollbar-thumb, .respondent-section:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .respondent-section.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .respondent-section::-webkit-scrollbar-track {
    background-color: transparent; }
  .respondent-section::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .respondent-section::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .respondent-section .page-section-filters .page-section-filter {
    margin: 0 0 0 12px;
    color: #707172;
    font-weight: 500; }
    .respondent-section .page-section-filters .page-section-filter > span {
      margin: 0 4px 0 0; }
    .respondent-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select {
      color: #707172 !important;
      font-weight: 700; }
  .respondent-section .page-section-header {
    margin: 4px 0;
    padding: 4px 0 12px 0; }
    .respondent-section .page-section-header h2 {
      padding: 0; }
    .respondent-section .page-section-header .form-input.form-search {
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .respondent-section .page-section-header .form-input.form-search i {
        top: 0;
        right: 0;
        height: 32px;
        width: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .respondent-section .page-section-header .form-input.form-search input {
        font-size: 14px;
        height: 32px;
        max-height: 32px; }
  .respondent-section .page-section-items {
    scrollbar-width: thin; }
    .respondent-section .page-section-items::-webkit-scrollbar-track {
      background-color: transparent; }
    .respondent-section .page-section-items::-webkit-scrollbar {
      border-radius: 4px;
      width: 4px; }
    .respondent-section .page-section-items::-webkit-scrollbar-thumb {
      background-color: #BBC4CD;
      border-radius: 4px; }
  .respondent-section .respondent-board {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin: 0 0 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .respondent-section .respondent-board .respondent-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .respondent-section .respondent-board .respondent-board-actions .respondent-board-mainaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .respondent-section .respondent-board .respondent-board-actions .respondent-board-sideaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .respondent-section .respondent-board .respondent-board-empty {
      height: inherit;
      min-height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 82px 24px;
      margin: 0 auto;
      opacity: 1; }
      .respondent-section .respondent-board .respondent-board-empty > i {
        z-index: 10; }
      .respondent-section .respondent-board .respondent-board-empty > span {
        position: absolute;
        height: 138px;
        width: 450px;
        padding: 24px 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ABB2B9;
        z-index: 15; }

.respondent-analyze .respondent-legend {
  padding: 12px;
  margin: 0 8px; }
  .respondent-analyze .respondent-legend .respondent-legend-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 8px; }
    .respondent-analyze .respondent-legend .respondent-legend-item:last-of-type {
      margin: 0; }
    .respondent-analyze .respondent-legend .respondent-legend-item.noreply .respondent-name {
      opacity: 0.5; }
    .respondent-analyze .respondent-legend .respondent-legend-item.with-avatar .respondent-avatar {
      margin: 4px 8px 4px 4px; }
    .respondent-analyze .respondent-legend .respondent-legend-item .respondent-details {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .respondent-analyze .respondent-legend .respondent-legend-item .respondent-details .respondent-stat {
        font-size: 12px;
        font-weight: 500;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        color: #ABB2B9; }
        .respondent-analyze .respondent-legend .respondent-legend-item .respondent-details .respondent-stat i {
          margin: 0 4px 0 0; }
    .respondent-analyze .respondent-legend .respondent-legend-item .respondent-badge {
      width: 10px;
      height: 10px;
      border-radius: 8px;
      margin: 4px 8px 4px 4px;
      background: #BBC4CD; }
    .respondent-analyze .respondent-legend .respondent-legend-item .respondent-name {
      font-size: 14px;
      font-weight: 600;
      color: #707172;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }

.page-qualification-section .page-section.with-menu.sortable {
  padding: 12px 24px 0 -webkit-calc(70px - 24px);
  padding: 12px 24px 0 calc(70px - 24px); }
  @media screen and (min-width: 1200px) {
    .page-qualification-section .page-section.with-menu.sortable {
      max-width: 90vw; } }
  @media screen and (min-width: 1400px) {
    .page-qualification-section .page-section.with-menu.sortable {
      max-width: 1300px; } }
  .page-qualification-section .page-section.with-menu.sortable .qualification-section {
    padding-left: 28px; }

.page-qualification-section .page-section.with-menu .page-menu .page-menu-card {
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  height: auto;
  padding: 12px 8px 12px 12px; }
  .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper {
    overflow: auto;
    padding: 0 4px 0 0;
    width: 100%;
    height: 100%; }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:hover::-webkit-scrollbar-thumb, .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:focus::-webkit-scrollbar-thumb, .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px;
      height: 4px; }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
    .page-qualification-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper .section-row.detailed > label > span {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.qualification-section {
  min-height: 150px;
  height: -webkit-calc(100vh - 110px);
  height: calc(100vh - 110px);
  max-height: -webkit-calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 0 12px 12px 0;
  margin: 0 12px 0 0;
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px); }
  .qualification-section:hover::-webkit-scrollbar-thumb, .qualification-section:focus::-webkit-scrollbar-thumb, .qualification-section:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .qualification-section.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .qualification-section::-webkit-scrollbar-track {
    background-color: transparent; }
  .qualification-section::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .qualification-section::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .qualification-section .page-section-filters .page-section-filter {
    margin: 0 0 0 12px;
    color: #707172;
    font-weight: 500; }
    .qualification-section .page-section-filters .page-section-filter > span {
      margin: 0 4px 0 0; }
    .qualification-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select {
      color: #707172 !important;
      font-weight: 700; }
  .qualification-section .qualifications-list {
    margin: 0; }
  .qualification-section .page-section-header {
    margin: 4px 0;
    padding: 4px 0 12px 0; }
    .qualification-section .page-section-header h2 {
      padding: 0; }
    .qualification-section .page-section-header .form-input.form-search {
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .qualification-section .page-section-header .form-input.form-search i {
        top: 0;
        right: 0;
        height: 32px;
        width: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .qualification-section .page-section-header .form-input.form-search input {
        font-size: 14px;
        height: 32px;
        max-height: 32px; }
  .qualification-section .page-section-items::-webkit-scrollbar-track {
    background-color: transparent; }
  .qualification-section .page-section-items::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .qualification-section .page-section-items::-webkit-scrollbar-thumb {
    background-color: #BBC4CD;
    border-radius: 4px; }
  .qualification-section .qualification-board {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin: 0 0 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .qualification-section .qualification-board .qualification-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .qualification-section .qualification-board .qualification-board-actions .qualification-board-mainaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .qualification-section .qualification-board .qualification-board-actions .qualification-board-sideaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .qualification-section .qualification-board .qualification-board-empty {
      height: inherit;
      min-height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 82px 24px;
      margin: 0 auto;
      opacity: 1; }
      .qualification-section .qualification-board .qualification-board-empty > i {
        z-index: 10; }
      .qualification-section .qualification-board .qualification-board-empty > span {
        position: absolute;
        height: 138px;
        width: 450px;
        padding: 24px 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ABB2B9;
        z-index: 15; }
    .qualification-section .qualification-board .qualifications-list {
      width: 100%; }
  .qualification-section .qualification-inchat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px; }
    .qualification-section .qualification-inchat.active > label {
      color: #00D515; }
    .qualification-section .qualification-inchat.inactive > label {
      color: #BBC4CD; }
    .qualification-section .qualification-inchat > label {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 12px;
      margin: 0 4px;
      padding: 0; }

.common-modal.section-modal .common-modal-header .common-modal-icon.jpg {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  margin: 2px 8px 2px 0; }

.condition-expression {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
  height: auto; }
  .condition-expression > span {
    margin-right: 4px !important; }
  .condition-expression .operator {
    text-transform: uppercase; }
  .condition-expression > label,
  .condition-expression .operator {
    background: #106dca;
    color: white;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .condition-expression .field {
    color: #535657;
    font-weight: 600;
    background: #e4e4e4;
    height: 28px;
    line-height: 28px;
    margin: 2px 0;
    font-size: 13px;
    padding: 0 6px;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    .condition-expression .field > i {
      margin: 0 4px 0 0; }
  .condition-expression .value {
    color: #535657;
    font-weight: 300;
    word-break: break-word;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.common-modal.qualification-modal .common-modal-details {
  height: 50vh;
  max-height: 400px;
  min-height: 250px; }

.common-modal.qualification-modal .common-modal-details.callto-details .common-modal-field .form-input {
  width: 100%; }

.common-modal.qualification-modal .autoformat-example,
.common-modal.qualification-modal .autoincrement-example {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #EAEEF2;
  padding: 24px 12px;
  border-radius: 12px;
  min-height: 100px;
  margin: 0 0 12px; }
  .common-modal.qualification-modal .autoformat-example p,
  .common-modal.qualification-modal .autoincrement-example p {
    font-size: 14px;
    font-weight: 300;
    color: #86909A;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .common-modal.qualification-modal .autoformat-example p:first-of-type,
    .common-modal.qualification-modal .autoincrement-example p:first-of-type {
      margin: 0 0 12px; }
    .common-modal.qualification-modal .autoformat-example p span,
    .common-modal.qualification-modal .autoincrement-example p span {
      margin: 0 8px;
      white-space: nowrap; }

.common-modal.qualification-modal .common-modal-field.html-field {
  margin: 16px 0 0; }
  .common-modal.qualification-modal .common-modal-field.html-field .form-input {
    width: 100%; }

.common-modal.qualification-modal .timeslot {
  width: 100%;
  height: auto; }
  .common-modal.qualification-modal .timeslot .common-modal-field.timeslot-field .form-input .form-control {
    height: 38px;
    min-height: 38px; }
  .common-modal.qualification-modal .timeslot .schema-select-button {
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 6px;
    padding: 0 12px;
    width: auto;
    min-width: 22px;
    height: 32px;
    line-height: 32px; }
    .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target {
      background-color: transparent;
      color: #86909A;
      font-size: 16px;
      font-weight: 600;
      border: 1px solid #ced4da; }
      .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:active, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:focus, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:hover {
        background-color: #008AFF;
        border: 1px solid #008AFF;
        color: #fff; }
        .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:active > i svg, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:active > svg, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:focus > i svg, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:focus > svg, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:hover > i svg, .common-modal.qualification-modal .timeslot .schema-select-button.workflow-target:hover > svg {
          fill: #fff !important; }
    .common-modal.qualification-modal .timeslot .schema-select-button .workflow-target-badge {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .common-modal.qualification-modal .timeslot .schema-select-button .workflow-target-badge > i {
        margin: 0 6px 0 0; }
      .common-modal.qualification-modal .timeslot .schema-select-button .workflow-target-badge label {
        margin: 0;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }

.schema-select-content {
  max-height: 250px;
  width: 25vw;
  max-width: 300px;
  overflow: hidden auto; }
  .schema-select-content:hover::-webkit-scrollbar-thumb, .schema-select-content:focus::-webkit-scrollbar-thumb, .schema-select-content:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .schema-select-content.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .schema-select-content::-webkit-scrollbar-track {
    background-color: transparent; }
  .schema-select-content::-webkit-scrollbar {
    border-radius: 6px;
    width: 6px; }
  .schema-select-content::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .schema-select-content > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0 0 4px 0;
    padding: 4px 8px;
    height: 38px;
    cursor: pointer;
    color: #707172;
    text-transform: initial; }
    .schema-select-content > div.active, .schema-select-content > div:hover, .schema-select-content > div:active, .schema-select-content > div:focus {
      background: #F2F5F7; }
    .schema-select-content > div > i {
      margin: 0 8px 0 0; }

.common-modal.calculation-modal .common-modal-integration-content,
.common-modal.qualification-modal .common-modal-integration-content {
  width: 100%; }
  .common-modal.calculation-modal .common-modal-integration-content .dataselect .form-input label span > img,
  .common-modal.qualification-modal .common-modal-integration-content .dataselect .form-input label span > img {
    margin: 0 4px 0 0; }
  .common-modal.calculation-modal .common-modal-integration-content .dataselect .form-input .form-control,
  .common-modal.qualification-modal .common-modal-integration-content .dataselect .form-input .form-control {
    height: auto;
    max-height: 32px;
    min-height: 32px; }

.common-modal.calculation-modal .common-modal-label,
.common-modal.qualification-modal .common-modal-label {
  text-transform: uppercase;
  color: #BBC4CD;
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 12px 0; }

.common-modal.calculation-modal .common-modal-header .common-modal-icon.jpg,
.common-modal.qualification-modal .common-modal-header .common-modal-icon.jpg {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 2px 8px 2px 0; }

.common-modal.calculation-modal .form-avatar-upload,
.common-modal.qualification-modal .form-avatar-upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .common-modal.calculation-modal .form-avatar-upload .form-avatar-actions,
  .common-modal.qualification-modal .form-avatar-upload .form-avatar-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal.calculation-modal .form-avatar-upload .form-avatar-actions button,
    .common-modal.qualification-modal .form-avatar-upload .form-avatar-actions button {
      margin: 0 8px 0 0; }

.common-modal.calculation-modal .common-modal-header .common-modal-icon.jpg {
  border-radius: 4px; }

.qualifications-list .form-input.form-search {
  padding: 6px;
  margin: 0 0 8px; }
  .qualifications-list .form-input.form-search i {
    top: 8px; }
  .qualifications-list .form-input.form-search .form-control {
    padding: 2px 8px;
    border-radius: 8px;
    height: 28px;
    max-height: 28px;
    font-size: 14px; }

.qualifications-list .qualifications-list-title {
  font-size: 12px;
  font-weight: 600;
  color: #ABB2B9;
  width: 100%;
  display: block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 8px; }

.qualifications-list .qualifications-list-content {
  max-height: 200px;
  width: 200px;
  overflow: hidden auto; }
  .qualifications-list .qualifications-list-content:hover::-webkit-scrollbar-thumb, .qualifications-list .qualifications-list-content:focus::-webkit-scrollbar-thumb, .qualifications-list .qualifications-list-content:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .qualifications-list .qualifications-list-content:hover::-webkit-scrollbar-track, .qualifications-list .qualifications-list-content:focus::-webkit-scrollbar-track, .qualifications-list .qualifications-list-content:active::-webkit-scrollbar-track {
    background-color: #E0E6EC; }
  .qualifications-list .qualifications-list-content::-webkit-scrollbar-track {
    background-color: #F9FAFA; }
  .qualifications-list .qualifications-list-content::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
    height: 4px; }
  .qualifications-list .qualifications-list-content::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 4px; }
  .qualifications-list .qualifications-list-content .qualifications-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 2px;
    padding: 0; }
    .qualifications-list .qualifications-list-content .qualifications-list-item:last-of-type {
      margin: 0; }
    .qualifications-list .qualifications-list-content .qualifications-list-item i {
      padding: 0 0 0 8px; }
    .qualifications-list .qualifications-list-content .qualifications-list-item label {
      font-size: 12px;
      font-weight: 500;
      color: #515A63;
      margin: 0;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 28px;
      line-height: 1.2;
      padding: 5px 8px; }

.qualification-selector-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 2px 8px;
  border: 1px solid #E0E6EC;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 8px;
  cursor: pointer;
  background: transparent; }
  .qualification-selector-item:not(.readonly) {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer; }
    .qualification-selector-item:not(.readonly) > label {
      cursor: pointer; }
    .qualification-selector-item:not(.readonly):hover, .qualification-selector-item:not(.readonly):active, .qualification-selector-item:not(.readonly):focus {
      background: #E0E6EC; }
  .qualification-selector-item > i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 8px 0 0; }
  .qualification-selector-item > label {
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .qualification-selector-item > label span.title {
      font-size: 14px;
      font-weight: 600;
      color: #707172; }
    .qualification-selector-item > label span.type {
      font-size: 12px;
      font-weight: 500;
      color: #ABB2B9; }

.page-layout-section .layout-section {
  padding: 42px 24px 42px 70px;
  margin: 0 auto; }
  @media screen and (min-width: 1200px) {
    .page-layout-section .layout-section {
      max-width: 90vw; } }
  @media screen and (min-width: 1400px) {
    .page-layout-section .layout-section {
      max-width: 1300px; } }
  .page-layout-section .layout-section .layout-rows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px; }
  .page-layout-section .layout-section .layout-row-draggable {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 24px 12px;
    background: #F9FAFA; }
    .page-layout-section .layout-section .layout-row-draggable .layout-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      min-height: 100px; }
  .page-layout-section .layout-section .empty-text {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    padding: 12px;
    font-weight: 300;
    font-size: 16px;
    color: #86909A; }
  .page-layout-section .layout-section .layout-column {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 24px;
    background: #fff; }
  .page-layout-section .layout-section .layout-block-row {
    min-height: 70px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px; }
  .page-layout-section .layout-section .layout-field-droppable {
    min-height: 70px; }
  .page-layout-section .layout-section .layout-field {
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 8px;
    margin: 0 0 12px;
    background: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .page-layout-section .layout-section .layout-field:last-of-type {
      margin: 0; }
    .page-layout-section .layout-section .layout-field:hover, .page-layout-section .layout-section .layout-field:active, .page-layout-section .layout-section .layout-field:focus {
      background: #E0E6EC; }
    .page-layout-section .layout-section .layout-field .layout-field-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .page-layout-section .layout-section .layout-field .layout-field-content .layout-field-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        margin: 0 12px 0 0;
        background: transparent; }
      .page-layout-section .layout-section .layout-field .layout-field-content .layout-field-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .page-layout-section .layout-section .layout-field .layout-field-content .layout-field-name > label {
          font-size: 16px;
          font-weight: 600;
          color: #707172;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          padding: 0;
          margin: 0 0 4px; }
        .page-layout-section .layout-section .layout-field .layout-field-content .layout-field-name > span {
          font-size: 12px;
          font-weight: 500;
          color: #ABB2B9; }
    .page-layout-section .layout-section .layout-field .component-options .dropdown-menu {
      min-width: 15rem; }
    .page-layout-section .layout-section .layout-field .component-options .component-options-header label {
      padding: 4px 8px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0;
      width: 100%;
      color: #86909A; }
    .page-layout-section .layout-section .layout-field .component-options .component-options-content {
      max-height: 200px;
      overflow: hidden auto;
      padding: 0 8px; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content:hover::-webkit-scrollbar-thumb, .page-layout-section .layout-section .layout-field .component-options .component-options-content:focus::-webkit-scrollbar-thumb, .page-layout-section .layout-section .layout-field .component-options .component-options-content:active::-webkit-scrollbar-thumb {
        background-color: #BBC4CD; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content::-webkit-scrollbar-track {
        background-color: transparent; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content::-webkit-scrollbar {
        border-radius: 6px;
        width: 4px; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content::-webkit-scrollbar-thumb {
        background-color: #E0E6EC;
        border-radius: 6px; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content .form-input {
        padding: 4px 0; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content .custom-checkbox {
        margin: 0 !important; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content .form-control {
        height: 28px !important;
        max-height: 28px !important;
        padding: 2px 12px !important;
        border-radius: 8px !important; }
      .page-layout-section .layout-section .layout-field .component-options .component-options-content .component-options-content-subtitle {
        padding: 4px 0;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        margin: 8px 0 4px;
        width: 100%;
        color: #86909A; }
  .page-layout-section .layout-section .layout-draggable {
    position: relative; }
    .page-layout-section .layout-section .layout-draggable.focused {
      border-color: #ABB2B9; }
      .page-layout-section .layout-section .layout-draggable.focused > .layout-draggable-actions {
        opacity: 1;
        top: -32px;
        background: #BBC4CD; }
    .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      background: #F2F5F7;
      border-radius: 4px;
      left: 4px;
      top: 0;
      opacity: 0; }
      .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-label {
        padding: 0 4px 0 8px;
        color: #86909A;
        font-size: 14px;
        font-weight: 600; }
      .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .dropdown .dropdown-select.btn {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important; }
      .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .entity-add-popup .graph-block-popup-body .entity-selector {
        max-height: 200px; }
      .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon {
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon.layout-action-delete {
          cursor: pointer; }
          .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon.layout-action-delete svg {
            cursor: pointer; }
        .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon.layout-action-grab {
          cursor: -webkit-grab;
          cursor: -moz-grab;
          cursor: grab; }
          .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon.layout-action-grab svg {
            cursor: -webkit-grab;
            cursor: -moz-grab;
            cursor: grab; }
        .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon:hover svg, .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon:active svg, .page-layout-section .layout-section .layout-draggable > .layout-draggable-actions .layout-action-icon:focus svg {
          fill: #515A63 !important; }

.page-evaluation-section .page-section.with-menu.sortable {
  padding: 12px 24px 0 -webkit-calc(70px - 24px);
  padding: 12px 24px 0 calc(70px - 24px); }
  @media screen and (min-width: 1200px) {
    .page-evaluation-section .page-section.with-menu.sortable {
      max-width: 90vw; } }
  @media screen and (min-width: 1400px) {
    .page-evaluation-section .page-section.with-menu.sortable {
      max-width: 1300px; } }
  .page-evaluation-section .page-section.with-menu.sortable .evaluation-section {
    padding-left: 28px; }

.page-evaluation-section .page-section.with-menu .page-menu .page-menu-card {
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  height: auto;
  padding: 12px 8px 12px 12px; }
  .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper {
    overflow: hidden auto;
    padding: 0 4px 0 0;
    width: 100%;
    height: 100%; }
    .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:hover::-webkit-scrollbar-thumb, .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:focus::-webkit-scrollbar-thumb, .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .page-evaluation-section .page-section.with-menu .page-menu .page-menu-card .page-menu-card-wrapper::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }

.evaluation-section {
  min-height: 150px;
  height: -webkit-calc(100vh - 110px);
  height: calc(100vh - 110px);
  max-height: -webkit-calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 0 12px 12px 0;
  margin: 0 12px 0 0;
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px); }
  .evaluation-section:hover::-webkit-scrollbar-thumb, .evaluation-section:focus::-webkit-scrollbar-thumb, .evaluation-section:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .evaluation-section.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .evaluation-section::-webkit-scrollbar-track {
    background-color: transparent; }
  .evaluation-section::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .evaluation-section::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .evaluation-section .page-section-filters .page-section-filter {
    margin: 0 0 0 12px;
    color: #707172;
    font-weight: 500; }
    .evaluation-section .page-section-filters .page-section-filter > span {
      margin: 0 4px 0 0; }
    .evaluation-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select {
      color: #707172 !important;
      font-weight: 700; }
  .evaluation-section .evaluations-list {
    margin: 0; }
  .evaluation-section .integration-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 12px;
    z-index: 100;
    background: #fff;
    border-radius: 8px;
    padding: 2px 8px;
    border: 1px solid #E0E6EC; }
    .evaluation-section .integration-row.active {
      background: #fff; }
      .evaluation-section .integration-row.active .integration-row-status {
        color: #4DD500; }
    .evaluation-section .integration-row.inactive {
      background: #E0E6EC; }
      .evaluation-section .integration-row.inactive > i {
        opacity: .5; }
      .evaluation-section .integration-row.inactive > label {
        color: #86909A; }
    .evaluation-section .integration-row > i {
      margin: 0 8px 0 0; }
    .evaluation-section .integration-row > label {
      font-size: 12px;
      font-weight: 700;
      margin: 0;
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: #707172; }
    .evaluation-section .integration-row .integration-row-status {
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 500;
      padding: 0 0 0 8px;
      color: #ABB2B9; }
      .evaluation-section .integration-row .integration-row-status > i {
        margin: 0 0 0 8px; }
  .evaluation-section .page-section-header {
    margin: 4px 0;
    padding: 4px 0 12px 0; }
    .evaluation-section .page-section-header h2 {
      padding: 0; }
    .evaluation-section .page-section-header .form-input.form-search {
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .evaluation-section .page-section-header .form-input.form-search i {
        top: 0;
        right: 0;
        height: 32px;
        width: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .evaluation-section .page-section-header .form-input.form-search input {
        font-size: 14px;
        height: 32px;
        max-height: 32px; }
  .evaluation-section .page-section-items::-webkit-scrollbar-track {
    background-color: transparent; }
  .evaluation-section .page-section-items::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .evaluation-section .page-section-items::-webkit-scrollbar-thumb {
    background-color: #BBC4CD;
    border-radius: 4px; }
  .evaluation-section .evaluation-board {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin: 0 0 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .evaluation-section .evaluation-board .evaluation-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .evaluation-section .evaluation-board .evaluation-board-actions .evaluation-board-mainaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .evaluation-section .evaluation-board .evaluation-board-actions .evaluation-board-sideaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .evaluation-section .evaluation-board .evaluation-board-empty {
      height: inherit;
      min-height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 82px 24px;
      margin: 0 auto;
      opacity: 1; }
      .evaluation-section .evaluation-board .evaluation-board-empty > i {
        z-index: 10; }
      .evaluation-section .evaluation-board .evaluation-board-empty > span {
        position: absolute;
        height: 138px;
        width: 450px;
        padding: 24px 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ABB2B9;
        z-index: 15; }
    .evaluation-section .evaluation-board .evaluations-list {
      width: 100%; }
  .evaluation-section .evaluation-inchat {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px; }
    .evaluation-section .evaluation-inchat.active > label {
      color: #00D515; }
    .evaluation-section .evaluation-inchat.inactive > label {
      color: #BBC4CD; }
    .evaluation-section .evaluation-inchat > label {
      text-transform: uppercase;
      font-weight: 400;
      font-size: 12px;
      margin: 0 4px;
      padding: 0; }

.common-modal.section-modal .common-modal-header .common-modal-icon.jpg {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  margin: 2px 8px 2px 0; }

.condition-expression {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
  height: auto; }
  .condition-expression > span {
    margin-right: 4px !important; }
  .condition-expression .operator {
    text-transform: uppercase; }
  .condition-expression > label,
  .condition-expression .operator {
    background: #106dca;
    color: white;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .condition-expression .field {
    color: #535657;
    font-weight: 600;
    background: #e4e4e4;
    height: 28px;
    line-height: 28px;
    margin: 2px 0;
    font-size: 13px;
    padding: 0 6px;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    .condition-expression .field > i {
      margin: 0 4px 0 0; }
  .condition-expression .value {
    color: #535657;
    font-weight: 300;
    word-break: break-word;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.common-modal.evaluation-modal .common-modal-details {
  height: 50vh;
  max-height: 400px;
  min-height: 250px; }

.common-modal.calculation-modal .common-modal-integration-content,
.common-modal.evaluation-modal .common-modal-integration-content {
  width: 100%; }
  .common-modal.calculation-modal .common-modal-integration-content .dataselect .form-input label span > img,
  .common-modal.evaluation-modal .common-modal-integration-content .dataselect .form-input label span > img {
    margin: 0 4px 0 0; }
  .common-modal.calculation-modal .common-modal-integration-content .dataselect .form-input .form-control,
  .common-modal.evaluation-modal .common-modal-integration-content .dataselect .form-input .form-control {
    height: auto;
    max-height: 32px;
    min-height: 32px; }

.common-modal.calculation-modal .common-modal-label,
.common-modal.evaluation-modal .common-modal-label {
  text-transform: uppercase;
  color: #BBC4CD;
  font-weight: 600;
  font-size: 12px;
  margin: 0 0 12px 0; }

.common-modal.calculation-modal .common-modal-header .common-modal-icon.jpg,
.common-modal.evaluation-modal .common-modal-header .common-modal-icon.jpg {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 2px 8px 2px 0; }

.common-modal.calculation-modal .form-avatar-upload,
.common-modal.evaluation-modal .form-avatar-upload {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .common-modal.calculation-modal .form-avatar-upload .form-avatar-actions,
  .common-modal.evaluation-modal .form-avatar-upload .form-avatar-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .common-modal.calculation-modal .form-avatar-upload .form-avatar-actions button,
    .common-modal.evaluation-modal .form-avatar-upload .form-avatar-actions button {
      margin: 0 8px 0 0; }

.common-modal.calculation-modal .common-modal-header .common-modal-icon.jpg {
  border-radius: 4px; }

.evaluations-list .form-input.form-search {
  padding: 6px;
  margin: 0 0 8px; }
  .evaluations-list .form-input.form-search i {
    top: 8px; }
  .evaluations-list .form-input.form-search .form-control {
    padding: 2px 8px;
    border-radius: 8px;
    height: 28px;
    max-height: 28px;
    font-size: 14px; }

.evaluations-list .evaluations-list-title {
  font-size: 12px;
  font-weight: 600;
  color: #ABB2B9;
  width: 100%;
  display: block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 8px; }

.evaluations-list .evaluations-list-content {
  max-height: 200px;
  width: 200px;
  overflow: hidden auto; }
  .evaluations-list .evaluations-list-content:hover::-webkit-scrollbar-thumb, .evaluations-list .evaluations-list-content:focus::-webkit-scrollbar-thumb, .evaluations-list .evaluations-list-content:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .evaluations-list .evaluations-list-content:hover::-webkit-scrollbar-track, .evaluations-list .evaluations-list-content:focus::-webkit-scrollbar-track, .evaluations-list .evaluations-list-content:active::-webkit-scrollbar-track {
    background-color: #E0E6EC; }
  .evaluations-list .evaluations-list-content::-webkit-scrollbar-track {
    background-color: #F9FAFA; }
  .evaluations-list .evaluations-list-content::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
    height: 4px; }
  .evaluations-list .evaluations-list-content::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 4px; }
  .evaluations-list .evaluations-list-content .evaluations-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 2px;
    padding: 0; }
    .evaluations-list .evaluations-list-content .evaluations-list-item:last-of-type {
      margin: 0; }
    .evaluations-list .evaluations-list-content .evaluations-list-item i {
      padding: 0 0 0 8px; }
    .evaluations-list .evaluations-list-content .evaluations-list-item label {
      font-size: 12px;
      font-weight: 500;
      color: #515A63;
      margin: 0;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 28px;
      line-height: 1.2;
      padding: 5px 8px; }

.evaluation-selector-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  padding: 2px 8px;
  border: 1px solid #E0E6EC;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 8px;
  cursor: pointer;
  background: transparent; }
  .evaluation-selector-item:not(.readonly) {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer; }
    .evaluation-selector-item:not(.readonly) > label {
      cursor: pointer; }
    .evaluation-selector-item:not(.readonly):hover, .evaluation-selector-item:not(.readonly):active, .evaluation-selector-item:not(.readonly):focus {
      background: #E0E6EC; }
  .evaluation-selector-item > i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 8px 0 0; }
  .evaluation-selector-item > label {
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .evaluation-selector-item > label span.title {
      font-size: 14px;
      font-weight: 600;
      color: #707172; }
    .evaluation-selector-item > label span.type {
      font-size: 12px;
      font-weight: 500;
      color: #ABB2B9; }

.page-calculation-section .page-section.with-menu.sortable {
  padding: 12px 24px 0 -webkit-calc(70px - 24px);
  padding: 12px 24px 0 calc(70px - 24px); }
  @media screen and (min-width: 1200px) {
    .page-calculation-section .page-section.with-menu.sortable {
      max-width: 90vw; } }
  @media screen and (min-width: 1400px) {
    .page-calculation-section .page-section.with-menu.sortable {
      max-width: 1300px; } }
  .page-calculation-section .page-section.with-menu.sortable .calculation-section {
    padding-left: 28px; }

.page-calculation-section .page-section.with-menu .page-menu .page-menu-card {
  max-height: 500px; }

.equation-preview-container {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #EAEEF2;
  padding: 24px 12px;
  border-radius: 12px;
  min-height: 70px; }
  .equation-preview-container div, .equation-preview-container span, .equation-preview-container i, .equation-preview-container label {
    display: inline-block !important;
    float: left !important;
    text-align: center !important; }

.equation-preview {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #86909A; }
  .equation-preview .equation-preview-bracket {
    font-style: normal; }
    .equation-preview .equation-preview-bracket.left {
      margin: 0 4px 0 0; }
    .equation-preview .equation-preview-bracket.right {
      margin: 0 0 0 4px; }
  .equation-preview .equation-preview-operator {
    margin: 0 4px;
    font-style: normal; }
  .equation-preview .equation-preview-value label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    color: #707172; }
    .equation-preview .equation-preview-value label.depends {
      border: 1px solid #ced4da;
      border-radius: 6px;
      padding: 0 4px; }
    .equation-preview .equation-preview-value label > b, .equation-preview .equation-preview-value label > i {
      margin: 0 2px 0 0; }
      .equation-preview .equation-preview-value label > b.unit, .equation-preview .equation-preview-value label > i.unit {
        margin: 0 2px; }
    .equation-preview .equation-preview-value label > b.aggregation {
      font-weight: 700;
      color: #515A63; }
  .equation-preview > div:last-of-type {
    margin: 0; }

.equation-values-container {
  padding: 12px 8px 12px 12px;
  border: 1px solid #E0E6EC;
  width: 100%;
  border-radius: 12px;
  margin: 12px 0 0; }
  .equation-values-container .equation-values-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden auto;
    max-height: 300px;
    padding: 0 4px 0 0;
    width: 100%; }
    .equation-values-container .equation-values-wrapper:hover::-webkit-scrollbar-thumb, .equation-values-container .equation-values-wrapper:focus::-webkit-scrollbar-thumb, .equation-values-container .equation-values-wrapper:active::-webkit-scrollbar-thumb {
      background-color: #BBC4CD; }
    .equation-values-container .equation-values-wrapper.loading .canvas-content {
      -webkit-filter: blur(0.1em);
      filter: blur(0.1em); }
    .equation-values-container .equation-values-wrapper::-webkit-scrollbar-track {
      background-color: transparent; }
    .equation-values-container .equation-values-wrapper::-webkit-scrollbar {
      border-radius: 6px;
      width: 4px; }
    .equation-values-container .equation-values-wrapper::-webkit-scrollbar-thumb {
      background-color: #E0E6EC;
      border-radius: 6px; }
  .equation-values-container .equation-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    padding: 4px;
    margin: 0 0 4px 0; }
    .equation-values-container .equation-value:nth-child(2n) {
      background: #F2F5F7;
      border-radius: 4px; }
    .equation-values-container .equation-value > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 50%; }
      .equation-values-container .equation-value > div label {
        margin: 0;
        padding: 0; }
        .equation-values-container .equation-value > div label > i {
          margin: 0 4px 0 0; }
        .equation-values-container .equation-value > div label > b {
          margin: 0 0 0 4px; }
      .equation-values-container .equation-value > div.value {
        font-size: 14px;
        font-weight: 300;
        color: #86909A; }
    .equation-values-container .equation-value:last-of-type {
      border-bottom: none; }

.equation-container {
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .equation-container .equation {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px 0 0; }
    .equation-container .equation:last-of-type {
      margin: 0; }
    .equation-container .equation > b.right,
    .equation-container .equation > b.left {
      margin: 0 8px 0 0;
      position: relative; }
      .equation-container .equation > b.right.active > svg,
      .equation-container .equation > b.left.active > svg {
        fill: #008AFF !important; }
      .equation-container .equation > b.right.active i.remove,
      .equation-container .equation > b.left.active i.remove {
        opacity: 1; }
      .equation-container .equation > b.right i.remove,
      .equation-container .equation > b.left i.remove {
        width: 26px;
        height: 26px;
        margin-bottom: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 50%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
        background: #ABB2B9;
        -webkit-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
        z-index: 1000;
        opacity: 0;
        position: absolute;
        right: -12px;
        top: -12px; }
    .equation-container .equation .selector-field .form-field.depends {
      background: #ABB2B9; }
    .equation-container .equation > div {
      margin: 0 8px 0 0; }
      .equation-container .equation > div:last-of-type {
        margin: 0; }

.calculation-section {
  min-height: 150px;
  height: -webkit-calc(100vh - 110px);
  height: calc(100vh - 110px);
  max-height: -webkit-calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 0 12px 12px 0;
  margin: 0 12px 0 0;
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px); }
  .calculation-section:hover::-webkit-scrollbar-thumb, .calculation-section:focus::-webkit-scrollbar-thumb, .calculation-section:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .calculation-section.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .calculation-section::-webkit-scrollbar-track {
    background-color: transparent; }
  .calculation-section::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .calculation-section::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .calculation-section .page-section-filters .page-section-filter {
    margin: 0 0 0 12px;
    color: #707172;
    font-weight: 500; }
    .calculation-section .page-section-filters .page-section-filter > span {
      margin: 0 4px 0 0; }
    .calculation-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select {
      color: #707172 !important;
      font-weight: 700; }
  .calculation-section .page-section-header {
    margin: 4px 0;
    padding: 4px 0 12px 0; }
    .calculation-section .page-section-header h2 {
      padding: 0; }
    .calculation-section .page-section-header .form-input.form-search {
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .calculation-section .page-section-header .form-input.form-search i {
        top: 0;
        right: 0;
        height: 32px;
        width: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .calculation-section .page-section-header .form-input.form-search input {
        font-size: 14px;
        height: 32px;
        max-height: 32px; }
  .calculation-section .page-section-items::-webkit-scrollbar-track {
    background-color: transparent; }
  .calculation-section .page-section-items::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .calculation-section .page-section-items::-webkit-scrollbar-thumb {
    background-color: #BBC4CD;
    border-radius: 4px; }
  .calculation-section .calculation-board {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin: 0 0 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .calculation-section .calculation-board .calculation-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin: 0 0 12px; }
      .calculation-section .calculation-board .calculation-board-actions .calculation-board-mainaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .calculation-section .calculation-board .calculation-board-actions .calculation-board-sideaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .calculation-section .calculation-board .calculation-board-actions .calculation-board-sideaction > .btn {
          margin: 0 0 0 8px; }
      .calculation-section .calculation-board .calculation-board-actions .btn.btn-sm {
        height: 32px;
        border-radius: 8px; }
      .calculation-section .calculation-board .calculation-board-actions .form-input.form-search {
        padding: 0; }
        .calculation-section .calculation-board .calculation-board-actions .form-input.form-search i {
          top: 4px; }
        .calculation-section .calculation-board .calculation-board-actions .form-input.form-search .form-control {
          height: 32px;
          max-height: 32px;
          padding: 4px 12px;
          font-size: 14px;
          border-radius: 8px;
          min-width: 300px; }
    .calculation-section .calculation-board .calculation-board-empty {
      height: inherit;
      min-height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 82px 24px;
      margin: 0 auto;
      opacity: 1; }
      .calculation-section .calculation-board .calculation-board-empty > i {
        z-index: 10; }
      .calculation-section .calculation-board .calculation-board-empty > span {
        position: absolute;
        height: 138px;
        width: 450px;
        padding: 24px 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ABB2B9;
        z-index: 15; }
    .calculation-section .calculation-board .calculations-list {
      width: 100%; }

.chat-canvas-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #E0E6EC;
  border-radius: 12px;
  padding: 12px; }
  .chat-canvas-search .chat-canvas-search-bottom,
  .chat-canvas-search .chat-canvas-search-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%; }
  .chat-canvas-search .chat-canvas-search-bottom {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 8px 0 0; }
    .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-tags {
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-tags > span {
        margin: 0 6px 6px 0;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600 !important;
        height: 22px;
        text-transform: capitalize; }
    .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span {
      margin: 0 0 0 8px;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 700;
      color: #BBC4CD;
      cursor: pointer;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span svg {
        fill: #BBC4CD; }
      .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span b {
        margin: 0 2px 0 0; }
      .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:hover, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:active, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:focus, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span.active {
        color: #008AFF; }
        .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:hover svg, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:active svg, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span:focus svg, .chat-canvas-search .chat-canvas-search-bottom .chat-canvas-highlight > span.active svg {
          fill: #008AFF !important; }
  .chat-canvas-search .chat-canvas-search-title > label {
    font-size: 12px;
    text-transform: uppercase;
    color: #86909A;
    font-weight: 700;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .chat-canvas-search .chat-canvas-search-title .form-input.form-search {
    padding: 0;
    margin: 0;
    max-width: 280px;
    width: 280px; }
    .chat-canvas-search .chat-canvas-search-title .form-input.form-search i {
      top: 4px; }
    .chat-canvas-search .chat-canvas-search-title .form-input.form-search .form-control {
      height: 32px;
      max-height: 32px;
      padding: 2px 12px;
      border-radius: 8px; }

.calculation-modal {
  max-width: 750px; }
  .calculation-modal .modal-body {
    overflow: hidden; }
  .calculation-modal .common-modal-conditions,
  .calculation-modal .common-modal-integrations {
    min-height: 250px; }
  .calculation-modal .highlight-icon {
    border-radius: 6px;
    display: block;
    border: 1px solid #E0E6EC;
    font-size: 12px !important;
    padding: 2px 6px !important;
    margin: 0 4px 0 0; }
    .calculation-modal .highlight-icon.active, .calculation-modal .highlight-icon:hover, .calculation-modal .highlight-icon:active, .calculation-modal .highlight-icon:focus {
      border: 1px solid #008AFF !important;
      background: #008AFF !important; }
      .calculation-modal .highlight-icon.active svg, .calculation-modal .highlight-icon:hover svg, .calculation-modal .highlight-icon:active svg, .calculation-modal .highlight-icon:focus svg {
        fill: white !important;
        -webkit-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        transform: scale(1) !important; }
  .calculation-modal .equation-constant-action {
    width: 38px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #EBECED;
    border-radius: 8px;
    margin: 0 0 0 8px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .calculation-modal .equation-constant-action:not(.disabled):hover, .calculation-modal .equation-constant-action:not(.disabled):active, .calculation-modal .equation-constant-action:not(.disabled):focus {
      background: #BBC4CD;
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0); }
  .calculation-modal .equation-constants {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .calculation-modal .equation-constant-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 38px;
    height: 38px;
    padding: 0 8px;
    background: #EBECED;
    border-radius: 8px;
    margin: 0 0 0 8px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    .calculation-modal .equation-constant-field b {
      margin: 0 4px 0 0; }
    .calculation-modal .equation-constant-field:not(.disabled):hover, .calculation-modal .equation-constant-field:not(.disabled):active, .calculation-modal .equation-constant-field:not(.disabled):focus {
      background: #BBC4CD;
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0); }
  .calculation-modal .equation-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 12px 0;
    width: 100%; }
    .calculation-modal .equation-result > label {
      font-size: 28px;
      font-weight: 300;
      margin: 0;
      width: 100%; }
    .calculation-modal .equation-result .status {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .calculation-modal .equation-result .format {
      text-transform: uppercase; }
    .calculation-modal .equation-result .format b {
      margin: 0 0 0 4px; }
    .calculation-modal .equation-result .unit b {
      margin: 0 4px 0 0; }
    .calculation-modal .equation-result .format,
    .calculation-modal .equation-result .unit {
      margin: 0 8px 0 0;
      border-radius: 6px;
      min-width: 24px;
      width: auto;
      height: 24px;
      line-height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #ced4da;
      font-weight: 600;
      padding: 0 6px;
      color: #ABB2B9; }
  .calculation-modal .calculation-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%; }
    .calculation-modal .calculation-options .common-modal-field {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0 18px 0 0;
      width: 55px; }
      .calculation-modal .calculation-options .common-modal-field.unit {
        width: 75px; }
      .calculation-modal .calculation-options .common-modal-field.select {
        width: 100px; }
      .calculation-modal .calculation-options .common-modal-field.checkbox {
        height: 58px;
        padding: 28px 0 0; }
        .calculation-modal .calculation-options .common-modal-field.checkbox .custom-control.custom-checkbox {
          width: 100%; }
          .calculation-modal .calculation-options .common-modal-field.checkbox .custom-control.custom-checkbox .custom-control-label div {
            line-height: normal; }
      .calculation-modal .calculation-options .common-modal-field:last-of-type {
        margin: 0; }
      .calculation-modal .calculation-options .common-modal-field .form-control {
        padding: 2px 12px; }
      .calculation-modal .calculation-options .common-modal-field input::-webkit-outer-spin-button,
      .calculation-modal .calculation-options .common-modal-field input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .calculation-modal .calculation-options .common-modal-field.readonly .form-control {
        border: 1px solid #ced4da !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        background: #EAEEF2; }
      .calculation-modal .calculation-options .common-modal-field .form-input .form-control {
        text-align: center; }
      .calculation-modal .calculation-options .common-modal-field label {
        color: #BBC4CD;
        font-weight: 600;
        font-size: 12px;
        margin: 0 0 8px 0;
        width: 100%;
        min-width: initial; }
      .calculation-modal .calculation-options .common-modal-field .form-input,
      .calculation-modal .calculation-options .common-modal-field select {
        width: 100%;
        border-radius: 8px;
        height: 32px;
        min-height: 32px; }

.equation-wrapper {
  position: relative;
  height: 40px;
  width: 100%;
  margin: 0 0 12px;
  z-index: 100; }
  .equation-wrapper .equation-container {
    height: 40px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .equation-wrapper .slidearrow {
    position: absolute;
    z-index: 100;
    background: white; }
    .equation-wrapper .slidearrow .slidearrow-icon {
      border-radius: 8px;
      width: 28px;
      background: #008AFF;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .equation-wrapper .slidearrow .slidearrow-icon:hover, .equation-wrapper .slidearrow .slidearrow-icon:active, .equation-wrapper .slidearrow .slidearrow-icon:focus {
        background: #1863AE; }
    .equation-wrapper .slidearrow.right {
      top: 0;
      right: -1rem;
      padding-right: 1rem;
      display: none;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .equation-wrapper .slidearrow.left {
      top: 0;
      left: -1rem;
      padding-left: 1rem;
      display: none;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }

.calculations-list .form-input.form-search {
  padding: 6px;
  margin: 0 0 8px; }
  .calculations-list .form-input.form-search i {
    top: 8px; }
  .calculations-list .form-input.form-search .form-control {
    padding: 2px 8px;
    border-radius: 8px;
    height: 28px;
    max-height: 28px;
    font-size: 14px; }

.calculations-list .calculations-list-title {
  font-size: 12px;
  font-weight: 600;
  color: #ABB2B9;
  width: 100%;
  display: block;
  text-transform: uppercase;
  margin: 0;
  padding: 0 8px; }

.calculations-list .calculations-list-content {
  max-height: 200px;
  width: 200px;
  overflow: hidden auto; }
  .calculations-list .calculations-list-content:hover::-webkit-scrollbar-thumb, .calculations-list .calculations-list-content:focus::-webkit-scrollbar-thumb, .calculations-list .calculations-list-content:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .calculations-list .calculations-list-content:hover::-webkit-scrollbar-track, .calculations-list .calculations-list-content:focus::-webkit-scrollbar-track, .calculations-list .calculations-list-content:active::-webkit-scrollbar-track {
    background-color: #E0E6EC; }
  .calculations-list .calculations-list-content::-webkit-scrollbar-track {
    background-color: #F9FAFA; }
  .calculations-list .calculations-list-content::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
    height: 4px; }
  .calculations-list .calculations-list-content::-webkit-scrollbar-thumb {
    background-color: #ced4da;
    border-radius: 4px; }
  .calculations-list .calculations-list-content .calculations-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 2px;
    padding: 0; }
    .calculations-list .calculations-list-content .calculations-list-item:last-of-type {
      margin: 0; }
    .calculations-list .calculations-list-content .calculations-list-item i {
      padding: 0 0 0 8px; }
    .calculations-list .calculations-list-content .calculations-list-item label {
      font-size: 12px;
      font-weight: 500;
      color: #515A63;
      margin: 0;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 28px;
      line-height: 1.2;
      padding: 5px 8px; }

.page-itemview-section .page-section.with-menu.sortable,
.page-itemactivity-section .page-section.with-menu.sortable,
.page-integration-section .page-section.with-menu.sortable {
  padding: 12px 24px 0 -webkit-calc(70px - 24px);
  padding: 12px 24px 0 calc(70px - 24px); }
  @media screen and (min-width: 1200px) {
    .page-itemview-section .page-section.with-menu.sortable,
    .page-itemactivity-section .page-section.with-menu.sortable,
    .page-integration-section .page-section.with-menu.sortable {
      max-width: 90vw; } }
  @media screen and (min-width: 1400px) {
    .page-itemview-section .page-section.with-menu.sortable,
    .page-itemactivity-section .page-section.with-menu.sortable,
    .page-integration-section .page-section.with-menu.sortable {
      max-width: 1300px; } }
  .page-itemview-section .page-section.with-menu.sortable .itemview-section,
  .page-itemview-section .page-section.with-menu.sortable .itemactivity-section,
  .page-itemview-section .page-section.with-menu.sortable .integration-section,
  .page-itemactivity-section .page-section.with-menu.sortable .itemview-section,
  .page-itemactivity-section .page-section.with-menu.sortable .itemactivity-section,
  .page-itemactivity-section .page-section.with-menu.sortable .integration-section,
  .page-integration-section .page-section.with-menu.sortable .itemview-section,
  .page-integration-section .page-section.with-menu.sortable .itemactivity-section,
  .page-integration-section .page-section.with-menu.sortable .integration-section {
    padding-left: 28px; }

.page-itemview-section .page-section.with-menu .page-menu .page-menu-card,
.page-itemactivity-section .page-section.with-menu .page-menu .page-menu-card,
.page-integration-section .page-section.with-menu .page-menu .page-menu-card {
  max-height: 500px; }

.integration-snippet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%; }
  .integration-snippet > div {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 100px; }
  .integration-snippet .integration-snippet-example .form-input {
    padding: 0; }
  .integration-snippet .integration-snippet-note {
    padding: 0 12px 0 0; }
    .integration-snippet .integration-snippet-note .form-input-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .integration-snippet .integration-snippet-note .form-input-container p {
        font-size: 14px;
        color: #86909A;
        margin: 0;
        width: 100%;
        padding: 0 8px; }
      .integration-snippet .integration-snippet-note .form-input-container .form-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%; }
        .integration-snippet .integration-snippet-note .form-input-container .form-input label {
          width: 100%;
          max-width: initial !important; }
        .integration-snippet .integration-snippet-note .form-input-container .form-input .form-control {
          max-width: initial !important;
          min-width: initial !important;
          width: 100% !important; }
  .integration-snippet .code-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 0 4px;
    position: relative; }
    .integration-snippet .code-block label {
      width: 100%; }
    .integration-snippet .code-block .code-block-content {
      padding: 12px;
      border-radius: 12px;
      min-height: 52px;
      background: #F9FAFA;
      border: 1px solid #ced4da;
      color: #707172;
      font-size: 11px;
      font-weight: 500;
      position: relative; }
      .integration-snippet .code-block .code-block-content.disabled button {
        display: none; }
      .integration-snippet .code-block .code-block-content.disabled pre {
        -webkit-filter: blur(0.1em);
        filter: blur(0.1em); }
      .integration-snippet .code-block .code-block-content.disabled .disabled-cover {
        z-index: 10;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }
      .integration-snippet .code-block .code-block-content .disabled-cover {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: -1;
        display: none;
        width: 100%;
        background: rgba(224, 230, 236, 0.65);
        font-weight: 600;
        font-size: 16px;
        color: #515A63;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center; }
      .integration-snippet .code-block .code-block-content button {
        position: absolute;
        bottom: 12px;
        right: 12px; }
      .integration-snippet .code-block .code-block-content pre {
        margin: 0;
        padding: 0;
        -moz-tab-size: 2;
        tab-size: 2; }
        .integration-snippet .code-block .code-block-content pre code {
          word-break: break-all;
          white-space: pre-wrap;
          -moz-tab-size: 2;
          tab-size: 2; }

.itemview-section,
.itemactivity-section,
.integration-section {
  min-height: 150px;
  height: -webkit-calc(100vh - 110px);
  height: calc(100vh - 110px);
  max-height: -webkit-calc(100vh - 110px);
  max-height: calc(100vh - 110px);
  overflow: auto;
  padding: 0 12px 12px 0;
  margin: 0 12px 0 0;
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px); }
  .itemview-section:hover::-webkit-scrollbar-thumb, .itemview-section:focus::-webkit-scrollbar-thumb, .itemview-section:active::-webkit-scrollbar-thumb,
  .itemactivity-section:hover::-webkit-scrollbar-thumb,
  .itemactivity-section:focus::-webkit-scrollbar-thumb,
  .itemactivity-section:active::-webkit-scrollbar-thumb,
  .integration-section:hover::-webkit-scrollbar-thumb,
  .integration-section:focus::-webkit-scrollbar-thumb,
  .integration-section:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .itemview-section.loading .canvas-content,
  .itemactivity-section.loading .canvas-content,
  .integration-section.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .itemview-section::-webkit-scrollbar-track,
  .itemactivity-section::-webkit-scrollbar-track,
  .integration-section::-webkit-scrollbar-track {
    background-color: transparent; }
  .itemview-section::-webkit-scrollbar,
  .itemactivity-section::-webkit-scrollbar,
  .integration-section::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .itemview-section::-webkit-scrollbar-thumb,
  .itemactivity-section::-webkit-scrollbar-thumb,
  .integration-section::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .itemview-section .page-section-filters .page-section-filter,
  .itemactivity-section .page-section-filters .page-section-filter,
  .integration-section .page-section-filters .page-section-filter {
    margin: 0 0 0 12px;
    color: #707172;
    font-weight: 500; }
    .itemview-section .page-section-filters .page-section-filter > span,
    .itemactivity-section .page-section-filters .page-section-filter > span,
    .integration-section .page-section-filters .page-section-filter > span {
      margin: 0 4px 0 0; }
    .itemview-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select,
    .itemactivity-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select,
    .integration-section .page-section-filters .page-section-filter .dropdown .dropdown-toggle.dropdown-select {
      color: #707172 !important;
      font-weight: 700; }
  .itemview-section .page-section-header,
  .itemactivity-section .page-section-header,
  .integration-section .page-section-header {
    margin: 4px 0;
    padding: 4px 0 12px 0; }
    .itemview-section .page-section-header h2,
    .itemactivity-section .page-section-header h2,
    .integration-section .page-section-header h2 {
      padding: 0; }
    .itemview-section .page-section-header .form-input.form-search,
    .itemactivity-section .page-section-header .form-input.form-search,
    .integration-section .page-section-header .form-input.form-search {
      padding: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .itemview-section .page-section-header .form-input.form-search i,
      .itemactivity-section .page-section-header .form-input.form-search i,
      .integration-section .page-section-header .form-input.form-search i {
        top: 0;
        right: 0;
        height: 32px;
        width: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .itemview-section .page-section-header .form-input.form-search input,
      .itemactivity-section .page-section-header .form-input.form-search input,
      .integration-section .page-section-header .form-input.form-search input {
        font-size: 14px;
        height: 32px;
        max-height: 32px; }
  .itemview-section .page-section-items::-webkit-scrollbar-track,
  .itemactivity-section .page-section-items::-webkit-scrollbar-track,
  .integration-section .page-section-items::-webkit-scrollbar-track {
    background-color: transparent; }
  .itemview-section .page-section-items::-webkit-scrollbar,
  .itemactivity-section .page-section-items::-webkit-scrollbar,
  .integration-section .page-section-items::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .itemview-section .page-section-items::-webkit-scrollbar-thumb,
  .itemactivity-section .page-section-items::-webkit-scrollbar-thumb,
  .integration-section .page-section-items::-webkit-scrollbar-thumb {
    background-color: #BBC4CD;
    border-radius: 4px; }
  .itemview-section .itemview-board,
  .itemview-section .itemactivity-board,
  .itemview-section .integration-board,
  .itemactivity-section .itemview-board,
  .itemactivity-section .itemactivity-board,
  .itemactivity-section .integration-board,
  .integration-section .itemview-board,
  .integration-section .itemactivity-board,
  .integration-section .integration-board {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 280px;
    margin: 0 0 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .itemview-section .itemview-board .itemview-board-actions,
    .itemview-section .itemview-board .integration-board-actions,
    .itemview-section .itemactivity-board .itemview-board-actions,
    .itemview-section .itemactivity-board .integration-board-actions,
    .itemview-section .integration-board .itemview-board-actions,
    .itemview-section .integration-board .integration-board-actions,
    .itemactivity-section .itemview-board .itemview-board-actions,
    .itemactivity-section .itemview-board .integration-board-actions,
    .itemactivity-section .itemactivity-board .itemview-board-actions,
    .itemactivity-section .itemactivity-board .integration-board-actions,
    .itemactivity-section .integration-board .itemview-board-actions,
    .itemactivity-section .integration-board .integration-board-actions,
    .integration-section .itemview-board .itemview-board-actions,
    .integration-section .itemview-board .integration-board-actions,
    .integration-section .itemactivity-board .itemview-board-actions,
    .integration-section .itemactivity-board .integration-board-actions,
    .integration-section .integration-board .itemview-board-actions,
    .integration-section .integration-board .integration-board-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin: 0 0 12px; }
      .itemview-section .itemview-board .itemview-board-actions .itemview-board-mainaction,
      .itemview-section .itemview-board .itemview-board-actions .integration-board-mainaction,
      .itemview-section .itemview-board .integration-board-actions .itemview-board-mainaction,
      .itemview-section .itemview-board .integration-board-actions .integration-board-mainaction,
      .itemview-section .itemactivity-board .itemview-board-actions .itemview-board-mainaction,
      .itemview-section .itemactivity-board .itemview-board-actions .integration-board-mainaction,
      .itemview-section .itemactivity-board .integration-board-actions .itemview-board-mainaction,
      .itemview-section .itemactivity-board .integration-board-actions .integration-board-mainaction,
      .itemview-section .integration-board .itemview-board-actions .itemview-board-mainaction,
      .itemview-section .integration-board .itemview-board-actions .integration-board-mainaction,
      .itemview-section .integration-board .integration-board-actions .itemview-board-mainaction,
      .itemview-section .integration-board .integration-board-actions .integration-board-mainaction,
      .itemactivity-section .itemview-board .itemview-board-actions .itemview-board-mainaction,
      .itemactivity-section .itemview-board .itemview-board-actions .integration-board-mainaction,
      .itemactivity-section .itemview-board .integration-board-actions .itemview-board-mainaction,
      .itemactivity-section .itemview-board .integration-board-actions .integration-board-mainaction,
      .itemactivity-section .itemactivity-board .itemview-board-actions .itemview-board-mainaction,
      .itemactivity-section .itemactivity-board .itemview-board-actions .integration-board-mainaction,
      .itemactivity-section .itemactivity-board .integration-board-actions .itemview-board-mainaction,
      .itemactivity-section .itemactivity-board .integration-board-actions .integration-board-mainaction,
      .itemactivity-section .integration-board .itemview-board-actions .itemview-board-mainaction,
      .itemactivity-section .integration-board .itemview-board-actions .integration-board-mainaction,
      .itemactivity-section .integration-board .integration-board-actions .itemview-board-mainaction,
      .itemactivity-section .integration-board .integration-board-actions .integration-board-mainaction,
      .integration-section .itemview-board .itemview-board-actions .itemview-board-mainaction,
      .integration-section .itemview-board .itemview-board-actions .integration-board-mainaction,
      .integration-section .itemview-board .integration-board-actions .itemview-board-mainaction,
      .integration-section .itemview-board .integration-board-actions .integration-board-mainaction,
      .integration-section .itemactivity-board .itemview-board-actions .itemview-board-mainaction,
      .integration-section .itemactivity-board .itemview-board-actions .integration-board-mainaction,
      .integration-section .itemactivity-board .integration-board-actions .itemview-board-mainaction,
      .integration-section .itemactivity-board .integration-board-actions .integration-board-mainaction,
      .integration-section .integration-board .itemview-board-actions .itemview-board-mainaction,
      .integration-section .integration-board .itemview-board-actions .integration-board-mainaction,
      .integration-section .integration-board .integration-board-actions .itemview-board-mainaction,
      .integration-section .integration-board .integration-board-actions .integration-board-mainaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .itemview-section .itemview-board .itemview-board-actions .itemview-board-sideaction,
      .itemview-section .itemview-board .itemview-board-actions .integration-board-sideaction,
      .itemview-section .itemview-board .integration-board-actions .itemview-board-sideaction,
      .itemview-section .itemview-board .integration-board-actions .integration-board-sideaction,
      .itemview-section .itemactivity-board .itemview-board-actions .itemview-board-sideaction,
      .itemview-section .itemactivity-board .itemview-board-actions .integration-board-sideaction,
      .itemview-section .itemactivity-board .integration-board-actions .itemview-board-sideaction,
      .itemview-section .itemactivity-board .integration-board-actions .integration-board-sideaction,
      .itemview-section .integration-board .itemview-board-actions .itemview-board-sideaction,
      .itemview-section .integration-board .itemview-board-actions .integration-board-sideaction,
      .itemview-section .integration-board .integration-board-actions .itemview-board-sideaction,
      .itemview-section .integration-board .integration-board-actions .integration-board-sideaction,
      .itemactivity-section .itemview-board .itemview-board-actions .itemview-board-sideaction,
      .itemactivity-section .itemview-board .itemview-board-actions .integration-board-sideaction,
      .itemactivity-section .itemview-board .integration-board-actions .itemview-board-sideaction,
      .itemactivity-section .itemview-board .integration-board-actions .integration-board-sideaction,
      .itemactivity-section .itemactivity-board .itemview-board-actions .itemview-board-sideaction,
      .itemactivity-section .itemactivity-board .itemview-board-actions .integration-board-sideaction,
      .itemactivity-section .itemactivity-board .integration-board-actions .itemview-board-sideaction,
      .itemactivity-section .itemactivity-board .integration-board-actions .integration-board-sideaction,
      .itemactivity-section .integration-board .itemview-board-actions .itemview-board-sideaction,
      .itemactivity-section .integration-board .itemview-board-actions .integration-board-sideaction,
      .itemactivity-section .integration-board .integration-board-actions .itemview-board-sideaction,
      .itemactivity-section .integration-board .integration-board-actions .integration-board-sideaction,
      .integration-section .itemview-board .itemview-board-actions .itemview-board-sideaction,
      .integration-section .itemview-board .itemview-board-actions .integration-board-sideaction,
      .integration-section .itemview-board .integration-board-actions .itemview-board-sideaction,
      .integration-section .itemview-board .integration-board-actions .integration-board-sideaction,
      .integration-section .itemactivity-board .itemview-board-actions .itemview-board-sideaction,
      .integration-section .itemactivity-board .itemview-board-actions .integration-board-sideaction,
      .integration-section .itemactivity-board .integration-board-actions .itemview-board-sideaction,
      .integration-section .itemactivity-board .integration-board-actions .integration-board-sideaction,
      .integration-section .integration-board .itemview-board-actions .itemview-board-sideaction,
      .integration-section .integration-board .itemview-board-actions .integration-board-sideaction,
      .integration-section .integration-board .integration-board-actions .itemview-board-sideaction,
      .integration-section .integration-board .integration-board-actions .integration-board-sideaction {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
      .itemview-section .itemview-board .itemview-board-actions .btn.btn-sm,
      .itemview-section .itemview-board .integration-board-actions .btn.btn-sm,
      .itemview-section .itemactivity-board .itemview-board-actions .btn.btn-sm,
      .itemview-section .itemactivity-board .integration-board-actions .btn.btn-sm,
      .itemview-section .integration-board .itemview-board-actions .btn.btn-sm,
      .itemview-section .integration-board .integration-board-actions .btn.btn-sm,
      .itemactivity-section .itemview-board .itemview-board-actions .btn.btn-sm,
      .itemactivity-section .itemview-board .integration-board-actions .btn.btn-sm,
      .itemactivity-section .itemactivity-board .itemview-board-actions .btn.btn-sm,
      .itemactivity-section .itemactivity-board .integration-board-actions .btn.btn-sm,
      .itemactivity-section .integration-board .itemview-board-actions .btn.btn-sm,
      .itemactivity-section .integration-board .integration-board-actions .btn.btn-sm,
      .integration-section .itemview-board .itemview-board-actions .btn.btn-sm,
      .integration-section .itemview-board .integration-board-actions .btn.btn-sm,
      .integration-section .itemactivity-board .itemview-board-actions .btn.btn-sm,
      .integration-section .itemactivity-board .integration-board-actions .btn.btn-sm,
      .integration-section .integration-board .itemview-board-actions .btn.btn-sm,
      .integration-section .integration-board .integration-board-actions .btn.btn-sm {
        height: 32px;
        border-radius: 8px; }
      .itemview-section .itemview-board .itemview-board-actions .form-input.form-search,
      .itemview-section .itemview-board .integration-board-actions .form-input.form-search,
      .itemview-section .itemactivity-board .itemview-board-actions .form-input.form-search,
      .itemview-section .itemactivity-board .integration-board-actions .form-input.form-search,
      .itemview-section .integration-board .itemview-board-actions .form-input.form-search,
      .itemview-section .integration-board .integration-board-actions .form-input.form-search,
      .itemactivity-section .itemview-board .itemview-board-actions .form-input.form-search,
      .itemactivity-section .itemview-board .integration-board-actions .form-input.form-search,
      .itemactivity-section .itemactivity-board .itemview-board-actions .form-input.form-search,
      .itemactivity-section .itemactivity-board .integration-board-actions .form-input.form-search,
      .itemactivity-section .integration-board .itemview-board-actions .form-input.form-search,
      .itemactivity-section .integration-board .integration-board-actions .form-input.form-search,
      .integration-section .itemview-board .itemview-board-actions .form-input.form-search,
      .integration-section .itemview-board .integration-board-actions .form-input.form-search,
      .integration-section .itemactivity-board .itemview-board-actions .form-input.form-search,
      .integration-section .itemactivity-board .integration-board-actions .form-input.form-search,
      .integration-section .integration-board .itemview-board-actions .form-input.form-search,
      .integration-section .integration-board .integration-board-actions .form-input.form-search {
        padding: 0; }
        .itemview-section .itemview-board .itemview-board-actions .form-input.form-search i,
        .itemview-section .itemview-board .integration-board-actions .form-input.form-search i,
        .itemview-section .itemactivity-board .itemview-board-actions .form-input.form-search i,
        .itemview-section .itemactivity-board .integration-board-actions .form-input.form-search i,
        .itemview-section .integration-board .itemview-board-actions .form-input.form-search i,
        .itemview-section .integration-board .integration-board-actions .form-input.form-search i,
        .itemactivity-section .itemview-board .itemview-board-actions .form-input.form-search i,
        .itemactivity-section .itemview-board .integration-board-actions .form-input.form-search i,
        .itemactivity-section .itemactivity-board .itemview-board-actions .form-input.form-search i,
        .itemactivity-section .itemactivity-board .integration-board-actions .form-input.form-search i,
        .itemactivity-section .integration-board .itemview-board-actions .form-input.form-search i,
        .itemactivity-section .integration-board .integration-board-actions .form-input.form-search i,
        .integration-section .itemview-board .itemview-board-actions .form-input.form-search i,
        .integration-section .itemview-board .integration-board-actions .form-input.form-search i,
        .integration-section .itemactivity-board .itemview-board-actions .form-input.form-search i,
        .integration-section .itemactivity-board .integration-board-actions .form-input.form-search i,
        .integration-section .integration-board .itemview-board-actions .form-input.form-search i,
        .integration-section .integration-board .integration-board-actions .form-input.form-search i {
          top: 4px; }
        .itemview-section .itemview-board .itemview-board-actions .form-input.form-search .form-control,
        .itemview-section .itemview-board .integration-board-actions .form-input.form-search .form-control,
        .itemview-section .itemactivity-board .itemview-board-actions .form-input.form-search .form-control,
        .itemview-section .itemactivity-board .integration-board-actions .form-input.form-search .form-control,
        .itemview-section .integration-board .itemview-board-actions .form-input.form-search .form-control,
        .itemview-section .integration-board .integration-board-actions .form-input.form-search .form-control,
        .itemactivity-section .itemview-board .itemview-board-actions .form-input.form-search .form-control,
        .itemactivity-section .itemview-board .integration-board-actions .form-input.form-search .form-control,
        .itemactivity-section .itemactivity-board .itemview-board-actions .form-input.form-search .form-control,
        .itemactivity-section .itemactivity-board .integration-board-actions .form-input.form-search .form-control,
        .itemactivity-section .integration-board .itemview-board-actions .form-input.form-search .form-control,
        .itemactivity-section .integration-board .integration-board-actions .form-input.form-search .form-control,
        .integration-section .itemview-board .itemview-board-actions .form-input.form-search .form-control,
        .integration-section .itemview-board .integration-board-actions .form-input.form-search .form-control,
        .integration-section .itemactivity-board .itemview-board-actions .form-input.form-search .form-control,
        .integration-section .itemactivity-board .integration-board-actions .form-input.form-search .form-control,
        .integration-section .integration-board .itemview-board-actions .form-input.form-search .form-control,
        .integration-section .integration-board .integration-board-actions .form-input.form-search .form-control {
          height: 32px;
          max-height: 32px;
          padding: 4px 12px;
          font-size: 14px;
          border-radius: 8px;
          min-width: 300px; }
    .itemview-section .itemview-board .itemactivity-board-empty,
    .itemview-section .itemview-board .itemview-board-empty,
    .itemview-section .itemview-board .integration-board-empty,
    .itemview-section .itemactivity-board .itemactivity-board-empty,
    .itemview-section .itemactivity-board .itemview-board-empty,
    .itemview-section .itemactivity-board .integration-board-empty,
    .itemview-section .integration-board .itemactivity-board-empty,
    .itemview-section .integration-board .itemview-board-empty,
    .itemview-section .integration-board .integration-board-empty,
    .itemactivity-section .itemview-board .itemactivity-board-empty,
    .itemactivity-section .itemview-board .itemview-board-empty,
    .itemactivity-section .itemview-board .integration-board-empty,
    .itemactivity-section .itemactivity-board .itemactivity-board-empty,
    .itemactivity-section .itemactivity-board .itemview-board-empty,
    .itemactivity-section .itemactivity-board .integration-board-empty,
    .itemactivity-section .integration-board .itemactivity-board-empty,
    .itemactivity-section .integration-board .itemview-board-empty,
    .itemactivity-section .integration-board .integration-board-empty,
    .integration-section .itemview-board .itemactivity-board-empty,
    .integration-section .itemview-board .itemview-board-empty,
    .integration-section .itemview-board .integration-board-empty,
    .integration-section .itemactivity-board .itemactivity-board-empty,
    .integration-section .itemactivity-board .itemview-board-empty,
    .integration-section .itemactivity-board .integration-board-empty,
    .integration-section .integration-board .itemactivity-board-empty,
    .integration-section .integration-board .itemview-board-empty,
    .integration-section .integration-board .integration-board-empty {
      height: inherit;
      min-height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      padding: 82px 24px;
      margin: 0 auto;
      opacity: 1; }
      .itemview-section .itemview-board .itemactivity-board-empty > i,
      .itemview-section .itemview-board .itemview-board-empty > i,
      .itemview-section .itemview-board .integration-board-empty > i,
      .itemview-section .itemactivity-board .itemactivity-board-empty > i,
      .itemview-section .itemactivity-board .itemview-board-empty > i,
      .itemview-section .itemactivity-board .integration-board-empty > i,
      .itemview-section .integration-board .itemactivity-board-empty > i,
      .itemview-section .integration-board .itemview-board-empty > i,
      .itemview-section .integration-board .integration-board-empty > i,
      .itemactivity-section .itemview-board .itemactivity-board-empty > i,
      .itemactivity-section .itemview-board .itemview-board-empty > i,
      .itemactivity-section .itemview-board .integration-board-empty > i,
      .itemactivity-section .itemactivity-board .itemactivity-board-empty > i,
      .itemactivity-section .itemactivity-board .itemview-board-empty > i,
      .itemactivity-section .itemactivity-board .integration-board-empty > i,
      .itemactivity-section .integration-board .itemactivity-board-empty > i,
      .itemactivity-section .integration-board .itemview-board-empty > i,
      .itemactivity-section .integration-board .integration-board-empty > i,
      .integration-section .itemview-board .itemactivity-board-empty > i,
      .integration-section .itemview-board .itemview-board-empty > i,
      .integration-section .itemview-board .integration-board-empty > i,
      .integration-section .itemactivity-board .itemactivity-board-empty > i,
      .integration-section .itemactivity-board .itemview-board-empty > i,
      .integration-section .itemactivity-board .integration-board-empty > i,
      .integration-section .integration-board .itemactivity-board-empty > i,
      .integration-section .integration-board .itemview-board-empty > i,
      .integration-section .integration-board .integration-board-empty > i {
        z-index: 10; }
      .itemview-section .itemview-board .itemactivity-board-empty > span,
      .itemview-section .itemview-board .itemview-board-empty > span,
      .itemview-section .itemview-board .integration-board-empty > span,
      .itemview-section .itemactivity-board .itemactivity-board-empty > span,
      .itemview-section .itemactivity-board .itemview-board-empty > span,
      .itemview-section .itemactivity-board .integration-board-empty > span,
      .itemview-section .integration-board .itemactivity-board-empty > span,
      .itemview-section .integration-board .itemview-board-empty > span,
      .itemview-section .integration-board .integration-board-empty > span,
      .itemactivity-section .itemview-board .itemactivity-board-empty > span,
      .itemactivity-section .itemview-board .itemview-board-empty > span,
      .itemactivity-section .itemview-board .integration-board-empty > span,
      .itemactivity-section .itemactivity-board .itemactivity-board-empty > span,
      .itemactivity-section .itemactivity-board .itemview-board-empty > span,
      .itemactivity-section .itemactivity-board .integration-board-empty > span,
      .itemactivity-section .integration-board .itemactivity-board-empty > span,
      .itemactivity-section .integration-board .itemview-board-empty > span,
      .itemactivity-section .integration-board .integration-board-empty > span,
      .integration-section .itemview-board .itemactivity-board-empty > span,
      .integration-section .itemview-board .itemview-board-empty > span,
      .integration-section .itemview-board .integration-board-empty > span,
      .integration-section .itemactivity-board .itemactivity-board-empty > span,
      .integration-section .itemactivity-board .itemview-board-empty > span,
      .integration-section .itemactivity-board .integration-board-empty > span,
      .integration-section .integration-board .itemactivity-board-empty > span,
      .integration-section .integration-board .itemview-board-empty > span,
      .integration-section .integration-board .integration-board-empty > span {
        position: absolute;
        height: 138px;
        width: 450px;
        padding: 24px 30px;
        font-size: 18px;
        font-weight: 300;
        color: #ABB2B9;
        z-index: 15; }
    .itemview-section .itemview-board .itemactivity-list,
    .itemview-section .itemview-board .itemviews-list,
    .itemview-section .itemview-board .integrations-list,
    .itemview-section .itemactivity-board .itemactivity-list,
    .itemview-section .itemactivity-board .itemviews-list,
    .itemview-section .itemactivity-board .integrations-list,
    .itemview-section .integration-board .itemactivity-list,
    .itemview-section .integration-board .itemviews-list,
    .itemview-section .integration-board .integrations-list,
    .itemactivity-section .itemview-board .itemactivity-list,
    .itemactivity-section .itemview-board .itemviews-list,
    .itemactivity-section .itemview-board .integrations-list,
    .itemactivity-section .itemactivity-board .itemactivity-list,
    .itemactivity-section .itemactivity-board .itemviews-list,
    .itemactivity-section .itemactivity-board .integrations-list,
    .itemactivity-section .integration-board .itemactivity-list,
    .itemactivity-section .integration-board .itemviews-list,
    .itemactivity-section .integration-board .integrations-list,
    .integration-section .itemview-board .itemactivity-list,
    .integration-section .itemview-board .itemviews-list,
    .integration-section .itemview-board .integrations-list,
    .integration-section .itemactivity-board .itemactivity-list,
    .integration-section .itemactivity-board .itemviews-list,
    .integration-section .itemactivity-board .integrations-list,
    .integration-section .integration-board .itemactivity-list,
    .integration-section .integration-board .itemviews-list,
    .integration-section .integration-board .integrations-list {
      width: 100%; }

.itemview-modal .common-modal-header .common-modal-icon,
.integration-modal .common-modal-header .common-modal-icon {
  border-radius: 12px; }

.itemview-modal .itemview-form .form-control,
.integration-modal .itemview-form .form-control {
  height: 38px;
  min-height: 38px;
  border-radius: 8px; }

.itemview-modal .itemview-form .replacement-field,
.integration-modal .itemview-form .replacement-field {
  width: 100%;
  padding: 4px 0 0;
  margin: 12px 0 8px !important;
  border-top: 1px solid #E0E6EC; }

.itemview-modal .itemview-form .input-replacements .input-replacement,
.integration-modal .itemview-form .input-replacements .input-replacement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px;
  position: relative; }
  .itemview-modal .itemview-form .input-replacements .input-replacement:last-of-type,
  .integration-modal .itemview-form .input-replacements .input-replacement:last-of-type {
    margin: 0; }
  .itemview-modal .itemview-form .input-replacements .input-replacement .btn.remove,
  .integration-modal .itemview-form .input-replacements .input-replacement .btn.remove {
    width: 38px; }
  .itemview-modal .itemview-form .input-replacements .input-replacement .form-field > label i,
  .integration-modal .itemview-form .input-replacements .input-replacement .form-field > label i {
    margin: 0 8px 0 0; }
  .itemview-modal .itemview-form .input-replacements .input-replacement .input-replacement-operator,
  .integration-modal .itemview-form .input-replacements .input-replacement .input-replacement-operator {
    padding: 0;
    margin: 0 0 0 12px; }
    .itemview-modal .itemview-form .input-replacements .input-replacement .input-replacement-operator .form-control,
    .integration-modal .itemview-form .input-replacements .input-replacement .input-replacement-operator .form-control {
      height: 40px;
      width: 100px;
      font-size: 14px; }

.itemview-modal .integration-form,
.integration-modal .integration-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 150px; }
  .itemview-modal .integration-form .form-control,
  .integration-modal .integration-form .form-control {
    height: 32px;
    min-height: 32px;
    border-radius: 8px; }
  .itemview-modal .integration-form .form-input,
  .integration-modal .integration-form .form-input {
    width: 220px; }
  .itemview-modal .integration-form .dataselect .form-input i,
  .integration-modal .integration-form .dataselect .form-input i {
    top: initial;
    bottom: 6px; }

.integration-select .dropdown .dropdown-menu {
  min-width: 15rem; }

.integration-select .integration-select-btn {
  height: 32px;
  border-radius: 8px;
  background-color: #008AFF;
  color: #fff;
  padding: 2px 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important; }
  .integration-select .integration-select-btn:hover, .integration-select .integration-select-btn:active, .integration-select .integration-select-btn:focus {
    background-color: #1863AE; }

.integration-select .integration-select-content {
  padding: 0; }
  .integration-select .integration-select-content .integration-select-header {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #BBC4CD;
    padding: 4px 8px; }
  .integration-select .integration-select-content .integration-select-items > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-size: 14px;
    color: #86909A;
    cursor: pointer; }
    .integration-select .integration-select-content .integration-select-items > div:not(.disabled):hover, .integration-select .integration-select-content .integration-select-items > div:not(.disabled):active, .integration-select .integration-select-content .integration-select-items > div:not(.disabled):focus {
      color: #515A63;
      font-weight: 700;
      background: #eff0f0;
      border-radius: 0; }
      .integration-select .integration-select-content .integration-select-items > div:not(.disabled):hover > b svg, .integration-select .integration-select-content .integration-select-items > div:not(.disabled):active > b svg, .integration-select .integration-select-content .integration-select-items > div:not(.disabled):focus > b svg {
        fill: #008AFF !important; }
    .integration-select .integration-select-content .integration-select-items > div.disabled > b {
      opacity: .5; }
    .integration-select .integration-select-content .integration-select-items > div.disabled > span {
      color: #BBC4CD; }
    .integration-select .integration-select-content .integration-select-items > div > b {
      padding: 8px 0 8px 12px; }
    .integration-select .integration-select-content .integration-select-items > div > span {
      font-size: 13px;
      padding: 8px 12px; }

.jpg-row.integration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none;
  max-width: 100%;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 8px;
  padding: 0 24px 24px 24px;
  margin: 0 0 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  cursor: default; }
  .jpg-row.integration:hover, .jpg-row.integration:active, .jpg-row.integration:focus {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fff;
    border-radius: 8px;
    text-decoration: none; }
  .jpg-row.integration .integration-switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 24px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600; }
    .jpg-row.integration .integration-switch > span {
      margin: 0 4px 0 0;
      color: #BBC4CD; }
      .jpg-row.integration .integration-switch > span.active {
        color: #4DD500; }
    .jpg-row.integration .integration-switch .btn.btn-icon {
      margin: 0 0 0 8px;
      height: 28px !important;
      width: 28px !important; }
  .jpg-row.integration .integration-constants {
    padding: 0 0 0 35% !important; }
    .jpg-row.integration .integration-constants .integration-constant {
      padding: 0 4px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 600;
      background: #EBECED;
      color: #707172;
      margin: 0 4px 4px 0;
      height: 22px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      cursor: pointer; }
      .jpg-row.integration .integration-constants .integration-constant > b {
        margin: 0 8px 0 0; }
      .jpg-row.integration .integration-constants .integration-constant:hover, .jpg-row.integration .integration-constants .integration-constant:active, .jpg-row.integration .integration-constants .integration-constant:focus {
        background: #BBC4CD;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0); }
  .jpg-row.integration .jpg-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .jpg-row.integration .jpg-content .h4 {
      color: #4F4F4F;
      height: 70px;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      border-bottom: 1px solid #E0E6EC;
      margin: 0 0 12px;
      font-size: 16px;
      padding: 0; }
      .jpg-row.integration .jpg-content .h4 > i {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        background: #E0E6EC;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 12px 0 0; }
      .jpg-row.integration .jpg-content .h4 textarea {
        background: transparent;
        border: 1px solid transparent;
        overflow: hidden;
        max-width: 50%;
        height: 32px;
        line-height: 32px;
        border-radius: 8px; }
        .jpg-row.integration .jpg-content .h4 textarea:hover, .jpg-row.integration .jpg-content .h4 textarea:active, .jpg-row.integration .jpg-content .h4 textarea:focus {
          cursor: text;
          background: transparent;
          border: 1px solid #BBC4CD; }
    .jpg-row.integration .jpg-content .spacer {
      display: block;
      margin: 12px 0;
      height: 12px; }
    .jpg-row.integration .jpg-content .dataselect .form-input.form-search .form-control {
      width: 100%;
      max-width: 100%; }
    .jpg-row.integration .jpg-content .dataselect .form-input .form-control {
      height: auto;
      max-height: 32px;
      min-height: 32px; }
    .jpg-row.integration .jpg-content .dataselect .dropdown .dropdown-menu {
      width: 65%;
      max-width: 65%;
      left: initial !important;
      right: 0 !important; }
    .jpg-row.integration .jpg-content .form-input-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .jpg-row.integration .jpg-content .form-input-container > .form-input,
      .jpg-row.integration .jpg-content .form-input-container > .dataselect {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .jpg-row.integration .jpg-content .form-input-container > .form-input .form-control,
        .jpg-row.integration .jpg-content .form-input-container > .form-input .dropdown .dropdown-menu,
        .jpg-row.integration .jpg-content .form-input-container > .dataselect .form-control,
        .jpg-row.integration .jpg-content .form-input-container > .dataselect .dropdown .dropdown-menu {
          width: -webkit-calc(65% - 16px);
          width: calc(65% - 16px);
          max-width: -webkit-calc(65% - 16px);
          max-width: calc(65% - 16px);
          min-width: -webkit-calc(65% - 16px);
          min-width: calc(65% - 16px); }
      .jpg-row.integration .jpg-content .form-input-container .form-input-action {
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #EBECED;
        border-radius: 8px;
        margin: 0 0 0 8px;
        cursor: pointer;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
        .jpg-row.integration .jpg-content .form-input-container .form-input-action:not(.disabled):hover, .jpg-row.integration .jpg-content .form-input-container .form-input-action:not(.disabled):active, .jpg-row.integration .jpg-content .form-input-container .form-input-action:not(.disabled):focus {
          background: #BBC4CD;
          -webkit-transform: translate3d(0, -2px, 0);
          transform: translate3d(0, -2px, 0); }
    .jpg-row.integration .jpg-content .form-input {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .jpg-row.integration .jpg-content .form-input label {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .jpg-row.integration .jpg-content .form-input i {
        top: 0; }
        .jpg-row.integration .jpg-content .form-input i svg {
          visibility: visible !important; }
      .jpg-row.integration .jpg-content .form-input .form-static,
      .jpg-row.integration .jpg-content .form-input .form-control {
        width: 65%;
        max-width: 65%;
        min-width: 65%;
        font-size: 14px;
        padding: 2px 12px;
        border-radius: 8px;
        background: transparent;
        color: #707172; }
      .jpg-row.integration .jpg-content .form-input textarea,
      .jpg-row.integration .jpg-content .form-input .form-static {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: 1px solid #ced4da;
        border-radius: 8px;
        padding: 2px 12px;
        background: transparent;
        color: #707172;
        height: 32px;
        max-height: 32px; }
        .jpg-row.integration .jpg-content .form-input textarea.missing.required,
        .jpg-row.integration .jpg-content .form-input .form-static.missing.required {
          border-color: #FF4450; }
        .jpg-row.integration .jpg-content .form-input textarea > i,
        .jpg-row.integration .jpg-content .form-input .form-static > i {
          position: initial; }
      .jpg-row.integration .jpg-content .form-input .form-info {
        border: none; }
      .jpg-row.integration .jpg-content .form-input .form-static {
        cursor: default; }
    .jpg-row.integration .jpg-content .btn.btn-icon {
      border: 1px solid #ABB2B9;
      width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background: transparent;
      cursor: pointer; }
      .jpg-row.integration .jpg-content .btn.btn-icon:not(:disabled):hover, .jpg-row.integration .jpg-content .btn.btn-icon:not(:disabled):active, .jpg-row.integration .jpg-content .btn.btn-icon:not(:disabled):focus {
        background: #ABB2B9 !important; }
    .jpg-row.integration .jpg-content .jpg-content-body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .jpg-row.integration .jpg-content .jpg-content-body > div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .jpg-row.integration .jpg-content .jpg-content-body > div > div {
          padding: 0;
          margin: 0 0 12px 0; }
          .jpg-row.integration .jpg-content .jpg-content-body > div > div:last-of-type {
            margin: 0; }
      .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0 0 12px; }
      .jpg-row.integration .jpg-content .jpg-content-body .integration-main {
        padding: 12px 12px 0 0; }
      .jpg-row.integration .jpg-content .jpg-content-body .integration-request {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 12px 0 0;
        z-index: 10; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          border-bottom: 1px solid #E0E6EC;
          position: relative; }
          .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .btn.btn-icon {
            position: absolute;
            right: 0; }
          .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .integration-request-tab {
            margin-right: 18px;
            display: block;
            height: 28px;
            color: #707172;
            font-size: 14px;
            font-weight: 500;
            -webkit-transition: color .2s ease;
            transition: color .2s ease;
            will-change: color;
            cursor: pointer;
            border-bottom: 3px solid transparent; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .integration-request-tab.active, .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .integration-request-tab:hover, .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .integration-request-tab:active, .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-tabs .integration-request-tab:focus {
              color: #008AFF;
              border-bottom: 3px solid #008AFF; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
          padding: 0 28px 0 0; }
          .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field {
            margin: 0 0 12px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: 100%;
            position: relative; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field:last-of-type {
              margin: 0; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field:hover .btn.btn-icon, .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field:active .btn.btn-icon, .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field:focus .btn.btn-icon {
              opacity: 1; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field > div {
              margin: 0 12px 0 0; }
              .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field > div:last-of-type {
                margin: 0; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .btn.btn-icon {
              position: absolute;
              right: -28px;
              opacity: 0; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .form-input,
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .selector-field {
              width: 50%;
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1; }
              .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .form-input > .selector-field,
              .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .selector-field > .selector-field {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -moz-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                width: 100%;
                margin: 8px 0 0 0; }
                .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .form-input > .selector-field:first-of-type,
                .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .selector-field > .selector-field:first-of-type {
                  margin: 0; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .form-input {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              width: 100%;
              padding: 0; }
              .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .form-input .form-control {
                width: 100%;
                min-width: 100%;
                max-width: 100%; }
            .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .dataselect {
              width: 120px; }
              .jpg-row.integration .jpg-content .jpg-content-body .integration-request .integration-request-fields .input-request-field .dataselect .form-input .form-control {
                height: 38px;
                min-height: 38px;
                line-height: 38px; }
      .jpg-row.integration .jpg-content .jpg-content-body .integration-columns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        z-index: 11; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > div {
          width: 50%; }
      .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .form-input,
      .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .dataselect,
      .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width > .form-input {
        padding: 0; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .form-input.form-url i,
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .dataselect.form-url i,
        .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width > .form-input.form-url i {
          left: 145px; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .form-input.form-url .form-control,
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .dataselect.form-url .form-control,
        .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width > .form-input.form-url .form-control {
          padding: 2px 12px 2px 32px; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .form-input label,
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .dataselect label,
        .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width > .form-input label {
          min-width: 140px;
          max-width: 140px;
          width: 100%; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .form-input .form-control,
        .jpg-row.integration .jpg-content .jpg-content-body .integration-columns > .form-input-container > .dataselect .form-control,
        .jpg-row.integration .jpg-content .jpg-content-body .form-input-container.full-width > .form-input .form-control {
          height: 32px;
          min-height: 32px;
          max-height: 32px;
          line-height: 32px;
          width: 100%;
          min-width: initial; }
      .jpg-row.integration .jpg-content .jpg-content-body .form-field i svg {
        visibility: visible; }
      .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field:hover i.remove, .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field:active i.remove, .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field:focus i.remove {
        opacity: 1; }
      .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field label i {
          margin: 0 4px 0 0;
          position: relative;
          display: initial;
          left: 0; }
      .jpg-row.integration .jpg-content .jpg-content-body .selector-field .form-field i.remove {
        width: 26px;
        height: 26px;
        margin-bottom: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 50%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.16);
        background: #ABB2B9;
        -ms-transform: scale(0.8) !important;
        -webkit-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
        z-index: 1000;
        opacity: 0;
        position: absolute;
        right: -12px;
        top: -12px; }
      .jpg-row.integration .jpg-content .jpg-content-body .integration-side {
        padding: 12px;
        background: #F2F6F8;
        height: auto;
        margin: 0 0 0 12px;
        border-radius: 12px; }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-side .selector-field {
          width: 65% !important;
          max-width: 65% !important;
          min-width: 65% !important; }
          .jpg-row.integration .jpg-content .jpg-content-body .integration-side .selector-field .form-field label {
            max-width: -webkit-calc(200px - 34px);
            max-width: calc(200px - 34px); }
        .jpg-row.integration .jpg-content .jpg-content-body .integration-side .form-action label {
          padding: 0 12px;
          font-size: 14px;
          margin-bottom: 4px;
          color: #88C6FF;
          font-weight: 600;
          cursor: pointer; }
          .jpg-row.integration .jpg-content .jpg-content-body .integration-side .form-action label:hover, .jpg-row.integration .jpg-content .jpg-content-body .integration-side .form-action label:active, .jpg-row.integration .jpg-content .jpg-content-body .integration-side .form-action label:focus {
            color: #008AFF; }

.section-modal .dataselect .form-select-item label {
  font-size: 14px !important; }

.section-modal .dataselect .form-input > i {
  top: initial;
  bottom: 6px; }

.section-modal .dataselect .form-input .form-control {
  height: auto;
  max-height: 32px !important;
  min-height: 32px;
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 8px; }

.message-editor {
  width: 100%; }

.qualification-modal .message-editor-field,
.evaluation-modal .message-editor-field {
  height: 100%; }

.qualification-modal .message-editor-title > label,
.evaluation-modal .message-editor-title > label {
  width: auto;
  padding: 0 12px 0 0; }

.qualification-modal .message-editor-title .form-input,
.evaluation-modal .message-editor-title .form-input {
  width: 100%; }

.qualification-modal .message-editor-container,
.evaluation-modal .message-editor-container {
  padding: 12px;
  background: #fff;
  border: 1px solid #E0E6EC;
  border-radius: 12px;
  width: 100%;
  height: 100%; }
  .qualification-modal .message-editor-container.has-title,
  .evaluation-modal .message-editor-container.has-title {
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px); }

.qualification-modal .message-editor,
.evaluation-modal .message-editor {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden auto;
  scrollbar-width: thin; }
  .qualification-modal .message-editor:hover::-webkit-scrollbar-thumb, .qualification-modal .message-editor:focus::-webkit-scrollbar-thumb, .qualification-modal .message-editor:active::-webkit-scrollbar-thumb,
  .evaluation-modal .message-editor:hover::-webkit-scrollbar-thumb,
  .evaluation-modal .message-editor:focus::-webkit-scrollbar-thumb,
  .evaluation-modal .message-editor:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .qualification-modal .message-editor.loading .canvas-content,
  .evaluation-modal .message-editor.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .qualification-modal .message-editor::-webkit-scrollbar-track,
  .evaluation-modal .message-editor::-webkit-scrollbar-track {
    background-color: transparent; }
  .qualification-modal .message-editor::-webkit-scrollbar,
  .evaluation-modal .message-editor::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .qualification-modal .message-editor::-webkit-scrollbar-thumb,
  .evaluation-modal .message-editor::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .qualification-modal .message-editor.hint .message-items .message-item,
  .evaluation-modal .message-editor.hint .message-items .message-item {
    border-radius: 8px;
    background: white;
    border: 1px solid #E0E6EC; }
    .qualification-modal .message-editor.hint .message-items .message-item.image,
    .evaluation-modal .message-editor.hint .message-items .message-item.image {
      border: none; }
  .qualification-modal .message-editor .message-items,
  .evaluation-modal .message-editor .message-items {
    width: 355px;
    height: auto;
    background: white;
    border-radius: 12px;
    padding: 8px; }
  .qualification-modal .message-editor .form-input-options,
  .evaluation-modal .message-editor .form-input-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 12px; }
    .qualification-modal .message-editor .form-input-options.horizontal,
    .evaluation-modal .message-editor .form-input-options.horizontal {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .qualification-modal .message-editor .form-input-options.vertical,
    .evaluation-modal .message-editor .form-input-options.vertical {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .qualification-modal .message-editor .form-input-options.vertical .form-badge,
      .evaluation-modal .message-editor .form-input-options.vertical .form-badge {
        width: 100%;
        padding: 8px 0 0; }
    .qualification-modal .message-editor .form-input-options label,
    .evaluation-modal .message-editor .form-input-options label {
      margin: 0;
      padding: 0 12px;
      font-size: 13px;
      font-weight: 500;
      color: #86909A; }
      .qualification-modal .message-editor .form-input-options label b,
      .evaluation-modal .message-editor .form-input-options label b {
        font-weight: 700;
        display: inline; }
    .qualification-modal .message-editor .form-input-options .form-badge span,
    .evaluation-modal .message-editor .form-input-options .form-badge span {
      display: inline-block;
      padding: 1px 6px;
      border-radius: 4px;
      margin: 0 2px;
      color: #86909A;
      background: transparent;
      border: 1px solid #ced4da;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      cursor: pointer; }
      .qualification-modal .message-editor .form-input-options .form-badge span.active,
      .evaluation-modal .message-editor .form-input-options .form-badge span.active {
        background: #e4e4e4;
        color: #515A63; }
      .qualification-modal .message-editor .form-input-options .form-badge span:hover, .qualification-modal .message-editor .form-input-options .form-badge span:active, .qualification-modal .message-editor .form-input-options .form-badge span:focus,
      .evaluation-modal .message-editor .form-input-options .form-badge span:hover,
      .evaluation-modal .message-editor .form-input-options .form-badge span:active,
      .evaluation-modal .message-editor .form-input-options .form-badge span:focus {
        color: #515A63;
        background: #e4e4e4;
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0); }

.qualification-modal .common-message-add .btn-icon.ghost,
.evaluation-modal .common-message-add .btn-icon.ghost {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important; }

.qualification-modal .common-message-add .messagetypes,
.evaluation-modal .common-message-add .messagetypes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  cursor: pointer; }
  .qualification-modal .common-message-add .messagetypes li,
  .evaluation-modal .common-message-add .messagetypes li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    color: #86909A;
    padding: 0 8px 0 0; }
    .qualification-modal .common-message-add .messagetypes li:hover, .qualification-modal .common-message-add .messagetypes li:active, .qualification-modal .common-message-add .messagetypes li:focus,
    .evaluation-modal .common-message-add .messagetypes li:hover,
    .evaluation-modal .common-message-add .messagetypes li:active,
    .evaluation-modal .common-message-add .messagetypes li:focus {
      color: #515A63;
      font-weight: 700;
      background: #eff0f0;
      border-radius: 0; }
      .qualification-modal .common-message-add .messagetypes li:hover b svg, .qualification-modal .common-message-add .messagetypes li:active b svg, .qualification-modal .common-message-add .messagetypes li:focus b svg,
      .evaluation-modal .common-message-add .messagetypes li:hover b svg,
      .evaluation-modal .common-message-add .messagetypes li:active b svg,
      .evaluation-modal .common-message-add .messagetypes li:focus b svg {
        fill: #008AFF !important; }
    .qualification-modal .common-message-add .messagetypes li b,
    .evaluation-modal .common-message-add .messagetypes li b {
      padding: 8px 0 8px 12px; }
    .qualification-modal .common-message-add .messagetypes li span,
    .evaluation-modal .common-message-add .messagetypes li span {
      font-size: 13px;
      padding: 8px 12px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      text-transform: initial; }

.message-editor .validation-error-items {
  width: 100%; }
  .message-editor .validation-error-items .validation-error-separator {
    margin: 8px 0;
    width: auto; }
  .message-editor .validation-error-items .message-items {
    padding-left: 0 !important; }
  .message-editor .validation-error-items .validation-error-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
    margin: 0 0 8px;
    font-weight: 600;
    color: #515A63; }
    .message-editor .validation-error-items .validation-error-header > i {
      margin: 0 8px 0 0; }

.message-editor .message-items {
  padding-left: 26px;
  width: 100%; }
  .message-editor .message-items .message-item {
    background: #F1F0F1;
    -webkit-transition: background 0.15s ease-in;
    transition: background 0.15s ease-in;
    margin-bottom: 4px;
    color: #707172;
    font-size: 13px;
    font-weight: 500;
    cursor: text;
    z-index: 10;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 18px; }
    .message-editor .message-items .message-item .message-image-var {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      width: 120px;
      height: 80px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background: #e4e4e4;
      border-radius: 18px; }
      .message-editor .message-items .message-item .message-image-var label {
        margin: 4px 0; }
    .message-editor .message-items .message-item .variable {
      display: inline-block;
      background: #ced4da;
      padding: 0 6px;
      border-radius: 8px;
      cursor: pointer; }
      .message-editor .message-items .message-item .variable:before {
        content: '$';
        display: inline-block;
        margin: 0 2px 0 0;
        font-size: 11px;
        font-weight: 700; }
    .message-editor .message-items .message-item:not(.editing).image {
      background: transparent;
      padding: 0; }
      .message-editor .message-items .message-item:not(.editing).image img.message-img {
        border-top-left-radius: 4px;
        border-top-right-radius: 18px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 18px;
        padding: 0;
        max-width: 150px;
        height: 80px;
        max-height: 80px;
        cursor: pointer; }
    .message-editor .message-items .message-item.editing {
      z-index: 10000001; }
    .message-editor .message-items .message-item.editing.image img.message-img {
      border-top-left-radius: 4px;
      border-top-right-radius: 18px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 18px;
      margin-bottom: 8px;
      max-width: 150px;
      height: 80px;
      max-height: 80px;
      cursor: pointer; }
    .message-editor .message-items .message-item.first {
      border-top-left-radius: 18px;
      border-bottom-left-radius: 4px; }
      .message-editor .message-items .message-item.first img.message-img {
        border-top-left-radius: 18px !important;
        border-bottom-left-radius: 4px !important; }
    .message-editor .message-items .message-item.last {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 18px; }
      .message-editor .message-items .message-item.last img.message-img {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 18px !important; }
    .message-editor .message-items .message-item.single {
      border-bottom-left-radius: 18px;
      border-top-left-radius: 18px; }
      .message-editor .message-items .message-item.single img.message-img {
        border-bottom-left-radius: 18px !important;
        border-top-left-radius: 18px !important; }
    .message-editor .message-items .message-item p {
      padding: 0;
      margin: 0; }
    .message-editor .message-items .message-item strong {
      font-weight: 700; }

.emojis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 24px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 220px;
  overflow: hidden;
  overflow-y: auto; }
  .emojis::-webkit-scrollbar-track {
    background-color: transparent; }
  .emojis::-webkit-scrollbar {
    width: 4px; }
  .emojis::-webkit-scrollbar-thumb {
    background-color: #ABB2B9;
    border-radius: 4px; }
  .emojis .emoji {
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .emojis .emoji:hover, .emojis .emoji:active, .emojis .emoji:focus {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }

.message-editor .graph-block-popup {
  position: relative; }
  .message-editor .graph-block-popup.option > .dropdown > .dropdown-menu {
    -webkit-transform: translate3d(0px, 12px, 0px) !important;
    transform: translate3d(0px, 12px, 0px) !important; }
  .message-editor .graph-block-popup.customfield-popup .graph-block-popup-content {
    min-height: 200px; }
  .message-editor .graph-block-popup.customfield-popup .graph-block-popup-body .graph-block-popup-vars {
    max-height: 300px; }
  .message-editor .graph-block-popup > .dropdown .dropdown-select {
    background: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0;
    padding: 0; }
  .message-editor .graph-block-popup > .dropdown .dropdown-menu {
    left: -10px !important;
    top: -10px !important;
    min-height: 100px;
    padding: 0;
    outline: none; }
  .message-editor .graph-block-popup > .dropdown.show > .dropdown-menu {
    -webkit-transform: translate3d(0px, 8px, 0px) !important;
    transform: translate3d(0px, 8px, 0px) !important; }
  .message-editor .graph-block-popup.graph-block-url-popup .graph-block-popup-body .form-input i {
    right: 4px;
    top: 24px; }
  .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content {
    min-width: 225px;
    max-width: 225px;
    width: 225px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-body {
      margin: 0;
      padding: 0;
      max-height: 325px;
      width: 225px;
      min-width: 225px; }
      .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-body.selector {
        margin: 12px 0; }
    .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source {
      height: 100%;
      min-height: 100px;
      padding: 8px 12px 0;
      cursor: initial; }
      .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-action {
        position: absolute;
        bottom: 0;
        width: 225px;
        left: 0;
        background: white;
        padding: 8px;
        border-radius: 12px 0 0 12px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-action > .btn {
          margin: 0 0 0 8px; }
      .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label {
        margin: 8px 12px 0;
        padding: 0;
        font-weight: 600;
        color: #008AFF;
        cursor: pointer;
        border-bottom: 1.5px solid transparent; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label i {
          margin: 0 0 0 4px; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label svg {
          fill: #008AFF !important; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .collections-source .collections-source-advanced > label:focus {
          border-bottom: 1.5px solid #008AFF; }
    .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview {
      background: #E0E6EC;
      width: 400px;
      display: block;
      height: 325px;
      border-radius: 0 18px 18px 0;
      color: #707172;
      font-size: 12px;
      font-weight: 500;
      position: relative; }
      .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container {
        padding: 0 12px;
        overflow: auto;
        height: 100%;
        margin: 12px 0; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer {
          overflow: hidden;
          overflow-y: auto;
          height: -webkit-calc(100% - 67px);
          height: calc(100% - 67px); }
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer::-webkit-scrollbar-track {
            background-color: transparent; }
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer::-webkit-scrollbar {
            width: 4px;
            border-radius: 4px; }
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer::-webkit-scrollbar-thumb {
            background-color: #ABB2B9;
            border-radius: 4px; }
        .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          margin: 0 0 12px;
          padding: 0 0 8px;
          border-bottom: 1px solid #BBC4CD; }
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label {
            font-size: 13px;
            font-weight: 600; }
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label,
          .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn {
            margin: 0;
            margin-right: 8px;
            border-radius: 6px; }
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.disabled,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.disabled {
              background-color: #BBC4CD !important;
              border-color: #BBC4CD !important; }
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.root,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.root {
              background: #a365fd;
              border-color: #a365fd; }
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.root:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.root:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.root:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.root:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.root:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.root:focus {
                background: #7f4ec6;
                border-color: #7f4ec6; }
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.label, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.text, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.richtext,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.label,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.text,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.richtext {
              background: #3dc7a6;
              border-color: #3dc7a6; }
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.label:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.label:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.label:focus, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.text:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.text:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.text:focus, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.richtext:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.richtext:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.richtext:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.label:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.label:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.label:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.text:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.text:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.text:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.richtext:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.richtext:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.richtext:focus {
                background: #33a78b;
                border-color: #33a78b; }
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.value, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.image,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.value,
            .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.image {
              background: #4ccdff;
              border-color: #4ccdff; }
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.value:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.value:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.value:focus, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.image:hover, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.image:active, .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar label.image:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.value:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.value:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.value:focus,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.image:hover,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.image:active,
              .message-editor .graph-block-popup.graph-block-dataset-popup .graph-block-popup-content .graph-block-popup-preview .file-viewer-container .file-viewer-statusbar .btn.image:focus {
                background: #3dadd8;
                border-color: #3dadd8; }
  .message-editor .graph-block-popup .graph-block-popup-content {
    min-width: 250px;
    max-width: 250px;
    width: 250px;
    border-radius: 18px;
    background: #fff;
    border: 0;
    opacity: 1;
    min-height: 100px; }
  .message-editor .graph-block-popup .graph-block-popup-blocktype .graph-block-popup-body {
    margin: 12px 0;
    padding: 0;
    max-height: 372px; }
  .message-editor .graph-block-popup .graph-block-popup-blocktype ul.blocktypes {
    padding: 12px 0; }
    .message-editor .graph-block-popup .graph-block-popup-blocktype ul.blocktypes li {
      padding: 0 12px; }
      .message-editor .graph-block-popup .graph-block-popup-blocktype ul.blocktypes li.blocktypes-action {
        border-bottom: 1px solid #e4e4e4;
        background: transparent !important; }
      .message-editor .graph-block-popup .graph-block-popup-blocktype ul.blocktypes li i {
        margin: 0;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
  .message-editor .graph-block-popup .graph-block-popup-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 12px 8px; }
    .message-editor .graph-block-popup .graph-block-popup-action > button {
      margin-left: 8px !important; }
  .message-editor .graph-block-popup .graph-block-popup-body {
    padding: 12px;
    font-size: 13px;
    font-weight: 500;
    color: #707172;
    max-height: 360px;
    overflow: hidden;
    overflow-y: auto; }
    .message-editor .graph-block-popup .graph-block-popup-body::-webkit-scrollbar-track {
      background-color: transparent; }
    .message-editor .graph-block-popup .graph-block-popup-body::-webkit-scrollbar {
      width: 4px; }
    .message-editor .graph-block-popup .graph-block-popup-body::-webkit-scrollbar-thumb {
      background-color: #ABB2B9;
      border-radius: 4px; }
    .message-editor .graph-block-popup .graph-block-popup-body p {
      margin-bottom: 8px; }
    .message-editor .graph-block-popup .graph-block-popup-body .separator {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-flow: row;
      flex-flow: row;
      white-space: nowrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #86909A;
      font-size: 10px;
      padding: 18px 0;
      margin: 0;
      border: 0;
      width: 100%; }
      .message-editor .graph-block-popup .graph-block-popup-body .separator hr {
        width: 30%;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible;
        border: 0;
        border-top: 1px solid #bbb;
        margin: 8px; }
        .message-editor .graph-block-popup .graph-block-popup-body .separator hr:nth-child(1) {
          margin-right: 1em; }
        .message-editor .graph-block-popup .graph-block-popup-body .separator hr:nth-child(2) {
          margin-left: 1em; }
    .message-editor .graph-block-popup .graph-block-popup-body .emojis {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      font-size: 24px;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-height: 220px;
      overflow: hidden;
      overflow-y: auto; }
      .message-editor .graph-block-popup .graph-block-popup-body .emojis::-webkit-scrollbar-track {
        background-color: transparent; }
      .message-editor .graph-block-popup .graph-block-popup-body .emojis::-webkit-scrollbar {
        width: 4px; }
      .message-editor .graph-block-popup .graph-block-popup-body .emojis::-webkit-scrollbar-thumb {
        background-color: #ABB2B9;
        border-radius: 4px; }
      .message-editor .graph-block-popup .graph-block-popup-body .emojis .emoji {
        margin-right: 8px;
        margin-bottom: 8px;
        cursor: pointer;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .message-editor .graph-block-popup .graph-block-popup-body .emojis .emoji:hover, .message-editor .graph-block-popup .graph-block-popup-body .emojis .emoji:active, .message-editor .graph-block-popup .graph-block-popup-body .emojis .emoji:focus {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
    .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0;
      padding: 0;
      cursor: pointer; }
      .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        cursor: pointer;
        color: #86909A; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):hover, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):focus, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):active, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled).active {
          color: #515A63;
          font-weight: 700;
          background: #eff0f0;
          border-radius: 0; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):hover b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):focus b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):active b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li:not(.disabled).active b svg {
            fill: #008AFF !important; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li b {
          padding: 8px 0 0; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li span {
          font-size: 12px;
          padding: 8px 12px;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li span label {
            margin-bottom: 4px; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li span p {
            margin: 0;
            font-size: 12px; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge {
          background: #ABB2B9;
          color: #fff;
          border-radius: 12px;
          padding: 2px 8px;
          font-weight: 600;
          font-size: 9px;
          text-transform: uppercase;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 20px;
          line-height: 20px;
          margin: 8px 0; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.basic, .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.soon {
            background: #008AFF;
            font-weight: 700; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.starter {
            background: #FF6B33; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.pro {
            background: #FF4450; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.vip {
            background: #9248FF; }
    .message-editor .graph-block-popup .graph-block-popup-body ul.collections {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin: 0;
      padding: 0;
      cursor: pointer; }
      .message-editor .graph-block-popup .graph-block-popup-body ul.collections li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        cursor: pointer;
        color: #86909A; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):hover, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):focus, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):active, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing).active {
          color: #515A63;
          font-weight: 700;
          background: #eff0f0;
          border-radius: 0; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):hover b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):focus b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing):active b svg, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li:not(.disabled):not(.editing).active b svg {
            fill: #008AFF !important; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.collections li.editing {
          padding: 0 12px; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.collections li.collections-action {
          border-bottom: 1px solid #e4e4e4;
          background: transparent !important; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li.collections-action > b {
            width: 40px;
            height: 40px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.collections li span {
          font-size: 14px;
          padding: 8px 8px 8px 0;
          min-height: 40px;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
          -moz-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li span label {
            margin-bottom: 4px; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li span p {
            margin: 0;
            font-size: 12px; }
        .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge {
          background: #ABB2B9;
          color: #fff;
          border-radius: 12px;
          padding: 2px 8px;
          font-weight: 600;
          font-size: 9px;
          text-transform: uppercase;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          height: 20px;
          line-height: 20px;
          margin: 8px 0; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge.basic, .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge.soon {
            background: #008AFF;
            font-weight: 700; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge.starter {
            background: #FF6B33; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge.pro {
            background: #FF4450; }
          .message-editor .graph-block-popup .graph-block-popup-body ul.collections li .collections-badge.vip {
            background: #9248FF; }
    .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-height: 130px;
      overflow: hidden;
      overflow-y: auto;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 0 12px 0 0; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars::-webkit-scrollbar-track {
        background-color: transparent; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars::-webkit-scrollbar {
        width: 4px; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars::-webkit-scrollbar-thumb {
        background-color: #ABB2B9;
        border-radius: 4px; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars > div {
        width: 100%; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var {
        background-color: #F2F6F8;
        border-radius: 8px;
        padding: 4px 12px 0 4px !important;
        min-height: 28px;
        line-height: normal;
        width: 100%;
        margin: 0 0 8px;
        cursor: pointer; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var:hover, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var:focus, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var:active {
          background-color: #E0E6EC; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var label {
          position: relative;
          padding: 0 8px;
          cursor: pointer;
          display: block;
          word-break: break-word; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-vars .graph-block-popup-var label b {
            position: absolute;
            left: -12px;
            font-weight: 700;
            font-size: 12px;
            height: inherit; }
    .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-label {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      color: #707172;
      font-size: 13px;
      font-weight: 600;
      margin: 12px 0 4px 0;
      padding: 0 8px; }
    .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables {
        max-height: 100px;
        overflow: hidden;
        overflow-y: auto;
        margin: 0 8px;
        border-top: 1px solid #ced4da; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables:not(.active) {
          display: none; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables > .graph-block-popup-label {
          margin: 4px 0;
          font-size: 10px;
          text-transform: uppercase;
          color: #86909A; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables::-webkit-scrollbar-track {
          background-color: transparent; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables::-webkit-scrollbar {
          width: 4px; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables::-webkit-scrollbar-thumb {
          background-color: #ABB2B9;
          border-radius: 4px; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          overflow: hidden;
          overflow-y: auto;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          padding: 0 12px 0 0; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .form-input {
            border: 1px solid #ced4da !important;
            border-radius: 18px;
            margin: 0 0 8px; }
            .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .form-input input {
              padding: 4px; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars > div {
            width: 100%; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var {
            background-color: transparent;
            border-radius: 8px;
            padding: 0 12px !important;
            height: 28px;
            line-height: 28px;
            width: 100%;
            margin: 0 0 8px;
            cursor: pointer; }
            .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var:hover, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var:focus, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var:active {
              background-color: #BBC4CD; }
            .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var label {
              position: relative;
              padding: 0 8px;
              cursor: pointer; }
              .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-condition-variables .graph-block-popup-condition-vars .graph-block-popup-var label b {
                position: absolute;
                left: 0;
                font-weight: 700;
                font-size: 12px;
                height: inherit; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter {
        border: 1px solid #E4E4E4;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 0;
        width: 100%;
        border-radius: 8px;
        position: relative; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators {
        position: absolute;
        right: 6px;
        left: initial;
        top: 2px;
        z-index: 10; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .dropdown-menu {
          max-width: initial !important;
          width: auto !important;
          min-width: auto !important;
          min-height: auto !important;
          max-height: 70px;
          top: -12px !important;
          left: -12px !important;
          overflow: hidden;
          overflow-y: auto;
          border-radius: 12px; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operator.button {
          font-size: 12px;
          font-weight: 600;
          padding: 2px 6px;
          border-radius: 18px;
          color: white;
          margin: 0;
          min-width: 38px;
          width: auto;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list {
          padding: 4px 8px 4px 0;
          margin: 0;
          color: white;
          background-color: #ABB2B9; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list li {
            display: block;
            padding: 2px 12px;
            cursor: pointer;
            background-color: transparent;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            text-align: center;
            white-space: nowrap;
            font-size: 13px;
            font-weight: 600;
            line-height: 22px; }
            .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list li.selected, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list li:hover, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list li:active, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .operators .operators-list li:focus {
              background-color: #BBC4CD; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty):hover i.close, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty):active i.close, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty):focus i.close {
        opacity: 1; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) i.close {
        position: absolute;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        background: #ABB2B9;
        cursor: pointer;
        right: -8px;
        top: -16px;
        opacity: 0;
        width: 24px;
        height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 16px;
        cursor: pointer;
        z-index: 8; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .condition-value,
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .filter-value {
        width: 100%; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .condition-value .form-input,
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .filter-value .form-input {
          padding: 0; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .condition-value .form-input input,
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .filter-value .form-input input {
          text-align: center;
          font-size: 16px;
          font-weight: 500;
          width: 100%;
          height: 48px;
          min-height: 48px; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .form-input:not(.operators) {
        padding: 0 8px !important;
        border: 0;
        background: transparent;
        width: 100%; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .form-input:not(.operators) input {
          border: 0;
          outline: 0;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          border-radius: 0;
          background: transparent; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .graph-block-popup-filter-label {
        padding: 0;
        margin: 0;
        width: 100%;
        background: #EBECED;
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        font-weight: 600;
        position: relative; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-filters .graph-block-popup-filter:not(.empty) .graph-block-popup-filter-label > b {
          position: absolute;
          /* left: 10px; */
          /* top: 7px; */
          font-weight: 700;
          font-size: 12px;
          top: 0;
          left: 0;
          height: 32px;
          line-height: 32px;
          text-align: right;
          width: 18px; }
    .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-widget {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 0 0 20px; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-widget .widget-action {
        margin: 10px 20px 10px 0; }
    .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code {
      background-color: #F2F6F8;
      border-radius: 8px;
      padding: 2px 8px 2px 16px !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 2px 0; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field strong {
          font-weight: 700; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field span {
          padding: 0 8px; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.custom {
          position: relative; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.custom:hover i.close, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.custom:active i.close, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.custom:focus i.close {
            opacity: 1; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.custom i.close {
            position: absolute;
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            transform: scale(0.8);
            background: #ABB2B9;
            cursor: pointer;
            right: -8px;
            top: -8px;
            opacity: 0; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field.full-width label {
          width: 100%; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label {
          width: 100px;
          text-align: right;
          font-weight: 600;
          position: relative; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label > b {
            position: absolute;
            left: -8px;
            font-weight: 700;
            font-size: 12px;
            height: inherit; }
        .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label {
          padding: 0 !important;
          margin: 0;
          height: 22px;
          line-height: 22px; }
          .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input input, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label input {
            margin: 0 !important;
            padding: 0 8px !important;
            background: transparent;
            border: 0;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            height: 22px;
            font-size: 13px;
            text-align: left;
            display: block;
            color: #707172;
            cursor: text;
            border-radius: 4px; }
            .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input input:hover, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input input:active, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field .form-input input:focus, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label input:hover, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label input:active, .message-editor .graph-block-popup .graph-block-popup-body .graph-block-popup-code .graph-block-popup-field label input:focus {
              background-color: #E0E6EC !important;
              outline: none;
              -webkit-box-shadow: none;
              box-shadow: none; }
    .message-editor .graph-block-popup .graph-block-popup-body .custom-checkbox .form-input {
      padding: 0 !important; }
    .message-editor .graph-block-popup .graph-block-popup-body .form-input {
      padding: 4px 0 12px !important; }
      .message-editor .graph-block-popup .graph-block-popup-body .form-input i {
        right: 4px;
        top: 34px; }
      .message-editor .graph-block-popup .graph-block-popup-body .form-input label {
        font-size: 13px; }
      .message-editor .graph-block-popup .graph-block-popup-body .form-input .form-control {
        font-size: 13px;
        height: 32px;
        max-height: 32px; }
  .message-editor .graph-block-popup .graph-block-popup-header {
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px 0 -webkit-calc(38px + 12px);
    padding: 0 12px 0 calc(38px + 12px);
    font-size: 14px;
    font-weight: 500;
    color: #515A63;
    border-bottom: 1px solid #E0E6EC;
    position: relative; }
    .message-editor .graph-block-popup .graph-block-popup-header.search {
      border: none;
      padding: 12px 12px 0 14px; }
      .message-editor .graph-block-popup .graph-block-popup-header.search .form-input i {
        top: 8px; }
    .message-editor .graph-block-popup .graph-block-popup-header.without-icon {
      padding: 0 12px 0 12px; }
    .message-editor .graph-block-popup .graph-block-popup-header > b, .message-editor .graph-block-popup .graph-block-popup-header > u {
      position: absolute;
      left: 20px;
      top: 8px;
      line-height: 18px; }
    .message-editor .graph-block-popup .graph-block-popup-header label {
      padding: 0;
      margin: 0; }
      .message-editor .graph-block-popup .graph-block-popup-header label textarea {
        display: block; }

.qualification-modal .input-replacements,
.qualification-modal .input-validations,
.evaluation-modal .input-replacements,
.evaluation-modal .input-validations,
.concat-modal .input-replacements,
.concat-modal .input-validations {
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  padding: 8px; }
  .qualification-modal .input-replacements:hover::-webkit-scrollbar-thumb, .qualification-modal .input-replacements:focus::-webkit-scrollbar-thumb, .qualification-modal .input-replacements:active::-webkit-scrollbar-thumb,
  .qualification-modal .input-validations:hover::-webkit-scrollbar-thumb,
  .qualification-modal .input-validations:focus::-webkit-scrollbar-thumb,
  .qualification-modal .input-validations:active::-webkit-scrollbar-thumb,
  .evaluation-modal .input-replacements:hover::-webkit-scrollbar-thumb,
  .evaluation-modal .input-replacements:focus::-webkit-scrollbar-thumb,
  .evaluation-modal .input-replacements:active::-webkit-scrollbar-thumb,
  .evaluation-modal .input-validations:hover::-webkit-scrollbar-thumb,
  .evaluation-modal .input-validations:focus::-webkit-scrollbar-thumb,
  .evaluation-modal .input-validations:active::-webkit-scrollbar-thumb,
  .concat-modal .input-replacements:hover::-webkit-scrollbar-thumb,
  .concat-modal .input-replacements:focus::-webkit-scrollbar-thumb,
  .concat-modal .input-replacements:active::-webkit-scrollbar-thumb,
  .concat-modal .input-validations:hover::-webkit-scrollbar-thumb,
  .concat-modal .input-validations:focus::-webkit-scrollbar-thumb,
  .concat-modal .input-validations:active::-webkit-scrollbar-thumb {
    background-color: #BBC4CD; }
  .qualification-modal .input-replacements.loading .canvas-content,
  .qualification-modal .input-validations.loading .canvas-content,
  .evaluation-modal .input-replacements.loading .canvas-content,
  .evaluation-modal .input-validations.loading .canvas-content,
  .concat-modal .input-replacements.loading .canvas-content,
  .concat-modal .input-validations.loading .canvas-content {
    -webkit-filter: blur(0.1em);
    filter: blur(0.1em); }
  .qualification-modal .input-replacements::-webkit-scrollbar-track,
  .qualification-modal .input-validations::-webkit-scrollbar-track,
  .evaluation-modal .input-replacements::-webkit-scrollbar-track,
  .evaluation-modal .input-validations::-webkit-scrollbar-track,
  .concat-modal .input-replacements::-webkit-scrollbar-track,
  .concat-modal .input-validations::-webkit-scrollbar-track {
    background-color: transparent; }
  .qualification-modal .input-replacements::-webkit-scrollbar,
  .qualification-modal .input-validations::-webkit-scrollbar,
  .evaluation-modal .input-replacements::-webkit-scrollbar,
  .evaluation-modal .input-validations::-webkit-scrollbar,
  .concat-modal .input-replacements::-webkit-scrollbar,
  .concat-modal .input-validations::-webkit-scrollbar {
    border-radius: 6px;
    width: 4px; }
  .qualification-modal .input-replacements::-webkit-scrollbar-thumb,
  .qualification-modal .input-validations::-webkit-scrollbar-thumb,
  .evaluation-modal .input-replacements::-webkit-scrollbar-thumb,
  .evaluation-modal .input-validations::-webkit-scrollbar-thumb,
  .concat-modal .input-replacements::-webkit-scrollbar-thumb,
  .concat-modal .input-validations::-webkit-scrollbar-thumb {
    background-color: #E0E6EC;
    border-radius: 6px; }
  .qualification-modal .input-replacements .input-replacement .form-field,
  .qualification-modal .input-validations .input-replacement .form-field,
  .evaluation-modal .input-replacements .input-replacement .form-field,
  .evaluation-modal .input-validations .input-replacement .form-field,
  .concat-modal .input-replacements .input-replacement .form-field,
  .concat-modal .input-validations .input-replacement .form-field {
    max-width: -webkit-calc(100% - 58px);
    max-width: calc(100% - 58px); }
    .qualification-modal .input-replacements .input-replacement .form-field > label,
    .qualification-modal .input-validations .input-replacement .form-field > label,
    .evaluation-modal .input-replacements .input-replacement .form-field > label,
    .evaluation-modal .input-validations .input-replacement .form-field > label,
    .concat-modal .input-replacements .input-replacement .form-field > label,
    .concat-modal .input-validations .input-replacement .form-field > label {
      width: 100%; }
  .qualification-modal .input-replacements .input-replacement,
  .qualification-modal .input-replacements .input-validation,
  .qualification-modal .input-validations .input-replacement,
  .qualification-modal .input-validations .input-validation,
  .evaluation-modal .input-replacements .input-replacement,
  .evaluation-modal .input-replacements .input-validation,
  .evaluation-modal .input-validations .input-replacement,
  .evaluation-modal .input-validations .input-validation,
  .concat-modal .input-replacements .input-replacement,
  .concat-modal .input-replacements .input-validation,
  .concat-modal .input-validations .input-replacement,
  .concat-modal .input-validations .input-validation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%; }
    .qualification-modal .input-replacements .input-replacement:hover .btn-icon.remove, .qualification-modal .input-replacements .input-replacement:active .btn-icon.remove, .qualification-modal .input-replacements .input-replacement:focus .btn-icon.remove,
    .qualification-modal .input-replacements .input-validation:hover .btn-icon.remove,
    .qualification-modal .input-replacements .input-validation:active .btn-icon.remove,
    .qualification-modal .input-replacements .input-validation:focus .btn-icon.remove,
    .qualification-modal .input-validations .input-replacement:hover .btn-icon.remove,
    .qualification-modal .input-validations .input-replacement:active .btn-icon.remove,
    .qualification-modal .input-validations .input-replacement:focus .btn-icon.remove,
    .qualification-modal .input-validations .input-validation:hover .btn-icon.remove,
    .qualification-modal .input-validations .input-validation:active .btn-icon.remove,
    .qualification-modal .input-validations .input-validation:focus .btn-icon.remove,
    .evaluation-modal .input-replacements .input-replacement:hover .btn-icon.remove,
    .evaluation-modal .input-replacements .input-replacement:active .btn-icon.remove,
    .evaluation-modal .input-replacements .input-replacement:focus .btn-icon.remove,
    .evaluation-modal .input-replacements .input-validation:hover .btn-icon.remove,
    .evaluation-modal .input-replacements .input-validation:active .btn-icon.remove,
    .evaluation-modal .input-replacements .input-validation:focus .btn-icon.remove,
    .evaluation-modal .input-validations .input-replacement:hover .btn-icon.remove,
    .evaluation-modal .input-validations .input-replacement:active .btn-icon.remove,
    .evaluation-modal .input-validations .input-replacement:focus .btn-icon.remove,
    .evaluation-modal .input-validations .input-validation:hover .btn-icon.remove,
    .evaluation-modal .input-validations .input-validation:active .btn-icon.remove,
    .evaluation-modal .input-validations .input-validation:focus .btn-icon.remove,
    .concat-modal .input-replacements .input-replacement:hover .btn-icon.remove,
    .concat-modal .input-replacements .input-replacement:active .btn-icon.remove,
    .concat-modal .input-replacements .input-replacement:focus .btn-icon.remove,
    .concat-modal .input-replacements .input-validation:hover .btn-icon.remove,
    .concat-modal .input-replacements .input-validation:active .btn-icon.remove,
    .concat-modal .input-replacements .input-validation:focus .btn-icon.remove,
    .concat-modal .input-validations .input-replacement:hover .btn-icon.remove,
    .concat-modal .input-validations .input-replacement:active .btn-icon.remove,
    .concat-modal .input-validations .input-replacement:focus .btn-icon.remove,
    .concat-modal .input-validations .input-validation:hover .btn-icon.remove,
    .concat-modal .input-validations .input-validation:active .btn-icon.remove,
    .concat-modal .input-validations .input-validation:focus .btn-icon.remove {
      opacity: 1; }
    .qualification-modal .input-replacements .input-replacement > div,
    .qualification-modal .input-replacements .input-validation > div,
    .qualification-modal .input-validations .input-replacement > div,
    .qualification-modal .input-validations .input-validation > div,
    .evaluation-modal .input-replacements .input-replacement > div,
    .evaluation-modal .input-replacements .input-validation > div,
    .evaluation-modal .input-validations .input-replacement > div,
    .evaluation-modal .input-validations .input-validation > div,
    .concat-modal .input-replacements .input-replacement > div,
    .concat-modal .input-replacements .input-validation > div,
    .concat-modal .input-validations .input-replacement > div,
    .concat-modal .input-validations .input-validation > div {
      width: 100%;
      margin: 0 8px 8px 0 !important; }
      .qualification-modal .input-replacements .input-replacement > div .form-input,
      .qualification-modal .input-replacements .input-validation > div .form-input,
      .qualification-modal .input-validations .input-replacement > div .form-input,
      .qualification-modal .input-validations .input-validation > div .form-input,
      .evaluation-modal .input-replacements .input-replacement > div .form-input,
      .evaluation-modal .input-replacements .input-validation > div .form-input,
      .evaluation-modal .input-validations .input-replacement > div .form-input,
      .evaluation-modal .input-validations .input-validation > div .form-input,
      .concat-modal .input-replacements .input-replacement > div .form-input,
      .concat-modal .input-replacements .input-validation > div .form-input,
      .concat-modal .input-validations .input-replacement > div .form-input,
      .concat-modal .input-validations .input-validation > div .form-input {
        width: 100%; }
    .qualification-modal .input-replacements .input-replacement .common-modal-field .form-input .form-control,
    .qualification-modal .input-replacements .input-validation .common-modal-field .form-input .form-control,
    .qualification-modal .input-validations .input-replacement .common-modal-field .form-input .form-control,
    .qualification-modal .input-validations .input-validation .common-modal-field .form-input .form-control,
    .evaluation-modal .input-replacements .input-replacement .common-modal-field .form-input .form-control,
    .evaluation-modal .input-replacements .input-validation .common-modal-field .form-input .form-control,
    .evaluation-modal .input-validations .input-replacement .common-modal-field .form-input .form-control,
    .evaluation-modal .input-validations .input-validation .common-modal-field .form-input .form-control,
    .concat-modal .input-replacements .input-replacement .common-modal-field .form-input .form-control,
    .concat-modal .input-replacements .input-validation .common-modal-field .form-input .form-control,
    .concat-modal .input-validations .input-replacement .common-modal-field .form-input .form-control,
    .concat-modal .input-validations .input-validation .common-modal-field .form-input .form-control {
      padding: 4px 22px 4px 8px !important; }
    .qualification-modal .input-replacements .input-replacement .btn-icon.remove,
    .qualification-modal .input-replacements .input-validation .btn-icon.remove,
    .qualification-modal .input-validations .input-replacement .btn-icon.remove,
    .qualification-modal .input-validations .input-validation .btn-icon.remove,
    .evaluation-modal .input-replacements .input-replacement .btn-icon.remove,
    .evaluation-modal .input-replacements .input-validation .btn-icon.remove,
    .evaluation-modal .input-validations .input-replacement .btn-icon.remove,
    .evaluation-modal .input-validations .input-validation .btn-icon.remove,
    .concat-modal .input-replacements .input-replacement .btn-icon.remove,
    .concat-modal .input-replacements .input-validation .btn-icon.remove,
    .concat-modal .input-validations .input-replacement .btn-icon.remove,
    .concat-modal .input-validations .input-validation .btn-icon.remove {
      opacity: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 22px;
      height: 32px;
      margin: 0 8px 8px 0; }
      .qualification-modal .input-replacements .input-replacement .btn-icon.remove:hover svg, .qualification-modal .input-replacements .input-replacement .btn-icon.remove:active svg, .qualification-modal .input-replacements .input-replacement .btn-icon.remove:focus svg,
      .qualification-modal .input-replacements .input-validation .btn-icon.remove:hover svg,
      .qualification-modal .input-replacements .input-validation .btn-icon.remove:active svg,
      .qualification-modal .input-replacements .input-validation .btn-icon.remove:focus svg,
      .qualification-modal .input-validations .input-replacement .btn-icon.remove:hover svg,
      .qualification-modal .input-validations .input-replacement .btn-icon.remove:active svg,
      .qualification-modal .input-validations .input-replacement .btn-icon.remove:focus svg,
      .qualification-modal .input-validations .input-validation .btn-icon.remove:hover svg,
      .qualification-modal .input-validations .input-validation .btn-icon.remove:active svg,
      .qualification-modal .input-validations .input-validation .btn-icon.remove:focus svg,
      .evaluation-modal .input-replacements .input-replacement .btn-icon.remove:hover svg,
      .evaluation-modal .input-replacements .input-replacement .btn-icon.remove:active svg,
      .evaluation-modal .input-replacements .input-replacement .btn-icon.remove:focus svg,
      .evaluation-modal .input-replacements .input-validation .btn-icon.remove:hover svg,
      .evaluation-modal .input-replacements .input-validation .btn-icon.remove:active svg,
      .evaluation-modal .input-replacements .input-validation .btn-icon.remove:focus svg,
      .evaluation-modal .input-validations .input-replacement .btn-icon.remove:hover svg,
      .evaluation-modal .input-validations .input-replacement .btn-icon.remove:active svg,
      .evaluation-modal .input-validations .input-replacement .btn-icon.remove:focus svg,
      .evaluation-modal .input-validations .input-validation .btn-icon.remove:hover svg,
      .evaluation-modal .input-validations .input-validation .btn-icon.remove:active svg,
      .evaluation-modal .input-validations .input-validation .btn-icon.remove:focus svg,
      .concat-modal .input-replacements .input-replacement .btn-icon.remove:hover svg,
      .concat-modal .input-replacements .input-replacement .btn-icon.remove:active svg,
      .concat-modal .input-replacements .input-replacement .btn-icon.remove:focus svg,
      .concat-modal .input-replacements .input-validation .btn-icon.remove:hover svg,
      .concat-modal .input-replacements .input-validation .btn-icon.remove:active svg,
      .concat-modal .input-replacements .input-validation .btn-icon.remove:focus svg,
      .concat-modal .input-validations .input-replacement .btn-icon.remove:hover svg,
      .concat-modal .input-validations .input-replacement .btn-icon.remove:active svg,
      .concat-modal .input-validations .input-replacement .btn-icon.remove:focus svg,
      .concat-modal .input-validations .input-validation .btn-icon.remove:hover svg,
      .concat-modal .input-validations .input-validation .btn-icon.remove:active svg,
      .concat-modal .input-validations .input-validation .btn-icon.remove:focus svg {
        fill: #515A63 !important; }
    .qualification-modal .input-replacements .input-replacement .input-validation-connector,
    .qualification-modal .input-replacements .input-validation .input-validation-connector,
    .qualification-modal .input-validations .input-replacement .input-validation-connector,
    .qualification-modal .input-validations .input-validation .input-validation-connector,
    .evaluation-modal .input-replacements .input-replacement .input-validation-connector,
    .evaluation-modal .input-replacements .input-validation .input-validation-connector,
    .evaluation-modal .input-validations .input-replacement .input-validation-connector,
    .evaluation-modal .input-validations .input-validation .input-validation-connector,
    .concat-modal .input-replacements .input-replacement .input-validation-connector,
    .concat-modal .input-replacements .input-validation .input-validation-connector,
    .concat-modal .input-validations .input-replacement .input-validation-connector,
    .concat-modal .input-validations .input-validation .input-validation-connector {
      margin: 0;
      background: #F2F5F7;
      padding: 4px 12px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase; }

.message-add {
  width: 200px;
  max-width: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  overflow: hidden;
  z-index: 100; }
  .message-add.opened {
    overflow: initial; }
  .message-add.opened, .message-add:hover, .message-add:active, .message-add:focus {
    max-width: 200px; }
    .message-add.opened .message-add-actions, .message-add:hover .message-add-actions, .message-add:active .message-add-actions, .message-add:focus .message-add-actions {
      -webkit-transform: translate(4px, 0);
      -ms-transform: translate(4px, 0);
      transform: translate(4px, 0);
      opacity: 1; }
  .message-add .message-add-actions {
    width: 184px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    -webkit-transform: translate(-184px, 0);
    -ms-transform: translate(-184px, 0);
    transform: translate(-184px, 0); }
  .message-add .message-add-button {
    min-width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    background: #E0E6EC !important;
    border-radius: 4px !important;
    color: #86909A !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 8px;
    font-weight: 600;
    margin: 0 4px;
    cursor: pointer;
    white-space: nowrap; }
    .message-add .message-add-button:hover, .message-add .message-add-button:active, .message-add .message-add-button:focus {
      -webkit-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important; }
    .message-add .message-add-button.plus {
      margin: 0;
      z-index: 10; }

.entity-add .entity-add-button {
  background: transparent !important;
  border: none !important; }

.entity-add-popup .dropdown-menu,
.message-add .dropdown-menu,
.entity-add .dropdown-menu {
  min-width: 13rem !important; }

.entity-add-popup .graph-block-popup-content .title,
.message-add .graph-block-popup-content .title,
.entity-add .graph-block-popup-content .title {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0 12px;
  width: 100%;
  font-weight: 600;
  color: #ABB2B9;
  margin: 0; }

.entity-add-popup .graph-block-popup-body,
.message-add .graph-block-popup-body,
.entity-add .graph-block-popup-body {
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: #707172; }
  .entity-add-popup .graph-block-popup-body .entity-selector,
  .entity-add-popup .graph-block-popup-body ul.blocktypes,
  .message-add .graph-block-popup-body .entity-selector,
  .message-add .graph-block-popup-body ul.blocktypes,
  .entity-add .graph-block-popup-body .entity-selector,
  .entity-add .graph-block-popup-body ul.blocktypes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    cursor: pointer;
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto; }
    .entity-add-popup .graph-block-popup-body .entity-selector::-webkit-scrollbar-track,
    .entity-add-popup .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-track,
    .message-add .graph-block-popup-body .entity-selector::-webkit-scrollbar-track,
    .message-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-track,
    .entity-add .graph-block-popup-body .entity-selector::-webkit-scrollbar-track,
    .entity-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-track {
      background-color: transparent; }
    .entity-add-popup .graph-block-popup-body .entity-selector::-webkit-scrollbar,
    .entity-add-popup .graph-block-popup-body ul.blocktypes::-webkit-scrollbar,
    .message-add .graph-block-popup-body .entity-selector::-webkit-scrollbar,
    .message-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar,
    .entity-add .graph-block-popup-body .entity-selector::-webkit-scrollbar,
    .entity-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar {
      width: 4px; }
    .entity-add-popup .graph-block-popup-body .entity-selector::-webkit-scrollbar-thumb,
    .entity-add-popup .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-thumb,
    .message-add .graph-block-popup-body .entity-selector::-webkit-scrollbar-thumb,
    .message-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-thumb,
    .entity-add .graph-block-popup-body .entity-selector::-webkit-scrollbar-thumb,
    .entity-add .graph-block-popup-body ul.blocktypes::-webkit-scrollbar-thumb {
      background-color: #ABB2B9;
      border-radius: 4px; }
    .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-items,
    .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-items,
    .message-add .graph-block-popup-body .entity-selector .entity-selector-items,
    .message-add .graph-block-popup-body ul.blocktypes .entity-selector-items,
    .entity-add .graph-block-popup-body .entity-selector .entity-selector-items,
    .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-items {
      width: 100%; }
    .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-section,
    .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-section,
    .message-add .graph-block-popup-body .entity-selector .entity-selector-section,
    .message-add .graph-block-popup-body ul.blocktypes .entity-selector-section,
    .entity-add .graph-block-popup-body .entity-selector .entity-selector-section,
    .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-section {
      margin: 12px 8px;
      text-transform: capitalize;
      padding: 0 4px;
      border-radius: 4px;
      font-size: 12px;
      font-weight: 600;
      color: #BBC4CD;
      height: 22px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-section > span,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-section > span,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-section > span,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-section > span,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-section > span,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-section > span {
        border-radius: 4px;
        padding: 0 8px; }
    .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action,
    .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action,
    .message-add .graph-block-popup-body .entity-selector .blocktypes-action,
    .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action,
    .entity-add .graph-block-popup-body .entity-selector .blocktypes-action,
    .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action {
      padding: 0 8px 8px; }
      .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action:hover, .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action:focus, .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action:active,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action:hover,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action:focus,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action:active,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action:hover,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action:focus,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action:active,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action:hover,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action:focus,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action:active,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action:hover,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action:focus,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action:active,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action:hover,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action:focus,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action:active {
        background: transparent !important; }
      .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action b,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action b,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action b,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action b,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action b,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action b {
        padding: 0;
        width: 42px;
        height: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action b:hover svg, .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action b:focus svg, .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action b:active svg,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action b:hover svg,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action b:focus svg,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action b:active svg,
        .message-add .graph-block-popup-body .entity-selector .blocktypes-action b:hover svg,
        .message-add .graph-block-popup-body .entity-selector .blocktypes-action b:focus svg,
        .message-add .graph-block-popup-body .entity-selector .blocktypes-action b:active svg,
        .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:hover svg,
        .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:focus svg,
        .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:active svg,
        .entity-add .graph-block-popup-body .entity-selector .blocktypes-action b:hover svg,
        .entity-add .graph-block-popup-body .entity-selector .blocktypes-action b:focus svg,
        .entity-add .graph-block-popup-body .entity-selector .blocktypes-action b:active svg,
        .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:hover svg,
        .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:focus svg,
        .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action b:active svg {
          fill: #008AFF !important; }
      .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action .form-input,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action .form-input,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action .form-input,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input {
        padding: 0 !important; }
        .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action .form-input i,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input i,
        .message-add .graph-block-popup-body .entity-selector .blocktypes-action .form-input i,
        .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input i,
        .entity-add .graph-block-popup-body .entity-selector .blocktypes-action .form-input i,
        .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-input i {
          top: 0;
          height: 32px;
          right: 4px; }
      .entity-add-popup .graph-block-popup-body .entity-selector .blocktypes-action .form-control,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .blocktypes-action .form-control,
      .message-add .graph-block-popup-body .entity-selector .blocktypes-action .form-control,
      .message-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-control,
      .entity-add .graph-block-popup-body .entity-selector .blocktypes-action .form-control,
      .entity-add .graph-block-popup-body ul.blocktypes .blocktypes-action .form-control {
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        height: 32px;
        max-height: 32px;
        cursor: text !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important; }
    .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):hover b svg, .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):focus b svg, .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):active b svg, .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action).active b svg,
    .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):hover b svg,
    .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):focus b svg,
    .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):active b svg,
    .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action).active b svg,
    .message-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):hover b svg,
    .message-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):focus b svg,
    .message-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):active b svg,
    .message-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action).active b svg,
    .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):hover b svg,
    .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):focus b svg,
    .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):active b svg,
    .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action).active b svg,
    .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):hover b svg,
    .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):focus b svg,
    .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action):active b svg,
    .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):not(.blocktypes-action).active b svg,
    .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):hover b svg,
    .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):focus b svg,
    .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action):active b svg,
    .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):not(.blocktypes-action).active b svg {
      fill: #008AFF !important; }
    .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item,
    .entity-add-popup .graph-block-popup-body .entity-selector li,
    .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item,
    .entity-add-popup .graph-block-popup-body ul.blocktypes li,
    .message-add .graph-block-popup-body .entity-selector .entity-selector-item,
    .message-add .graph-block-popup-body .entity-selector li,
    .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item,
    .message-add .graph-block-popup-body ul.blocktypes li,
    .entity-add .graph-block-popup-body .entity-selector .entity-selector-item,
    .entity-add .graph-block-popup-body .entity-selector li,
    .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item,
    .entity-add .graph-block-popup-body ul.blocktypes li {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      cursor: pointer;
      color: #86909A;
      padding: 0 8px 0 0; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):hover, .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):focus, .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):active, .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled).active,
      .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):hover,
      .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):focus,
      .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled):active,
      .entity-add-popup .graph-block-popup-body .entity-selector li:not(.disabled).active,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):hover,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):focus,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):active,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled).active,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):hover,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):focus,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled):active,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li:not(.disabled).active,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):hover,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):focus,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):active,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled).active,
      .message-add .graph-block-popup-body .entity-selector li:not(.disabled):hover,
      .message-add .graph-block-popup-body .entity-selector li:not(.disabled):focus,
      .message-add .graph-block-popup-body .entity-selector li:not(.disabled):active,
      .message-add .graph-block-popup-body .entity-selector li:not(.disabled).active,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):hover,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):focus,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):active,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled).active,
      .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):hover,
      .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):focus,
      .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled):active,
      .message-add .graph-block-popup-body ul.blocktypes li:not(.disabled).active,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):hover,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):focus,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled):active,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item:not(.disabled).active,
      .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):hover,
      .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):focus,
      .entity-add .graph-block-popup-body .entity-selector li:not(.disabled):active,
      .entity-add .graph-block-popup-body .entity-selector li:not(.disabled).active,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):hover,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):focus,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled):active,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item:not(.disabled).active,
      .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):hover,
      .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):focus,
      .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled):active,
      .entity-add .graph-block-popup-body ul.blocktypes li:not(.disabled).active {
        color: #515A63;
        font-weight: 700;
        background: #eff0f0;
        border-radius: 0; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item.loading span,
      .entity-add-popup .graph-block-popup-body .entity-selector li.loading span,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li.loading span,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item.loading span,
      .message-add .graph-block-popup-body .entity-selector li.loading span,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span,
      .message-add .graph-block-popup-body ul.blocktypes li.loading span,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item.loading span,
      .entity-add .graph-block-popup-body .entity-selector li.loading span,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span,
      .entity-add .graph-block-popup-body ul.blocktypes li.loading span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item.loading span > i,
        .entity-add-popup .graph-block-popup-body .entity-selector li.loading span > i,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span > i,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li.loading span > i,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item.loading span > i,
        .message-add .graph-block-popup-body .entity-selector li.loading span > i,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span > i,
        .message-add .graph-block-popup-body ul.blocktypes li.loading span > i,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item.loading span > i,
        .entity-add .graph-block-popup-body .entity-selector li.loading span > i,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item.loading span > i,
        .entity-add .graph-block-popup-body ul.blocktypes li.loading span > i {
          margin: 0 6px 0 0; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item b,
      .entity-add-popup .graph-block-popup-body .entity-selector li b,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item b,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li b,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item b,
      .message-add .graph-block-popup-body .entity-selector li b,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item b,
      .message-add .graph-block-popup-body ul.blocktypes li b,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item b,
      .entity-add .graph-block-popup-body .entity-selector li b,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item b,
      .entity-add .graph-block-popup-body ul.blocktypes li b {
        padding: 8px 0 8px 8px;
        width: 36px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item hr,
      .entity-add-popup .graph-block-popup-body .entity-selector li hr,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item hr,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li hr,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item hr,
      .message-add .graph-block-popup-body .entity-selector li hr,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item hr,
      .message-add .graph-block-popup-body ul.blocktypes li hr,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item hr,
      .entity-add .graph-block-popup-body .entity-selector li hr,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item hr,
      .entity-add .graph-block-popup-body ul.blocktypes li hr {
        padding: 0;
        margin: 6px 6px 6px 12px;
        width: 100%;
        background: none;
        border-bottom: none; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item span,
      .entity-add-popup .graph-block-popup-body .entity-selector li span,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item span,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li span,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item span,
      .message-add .graph-block-popup-body .entity-selector li span,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item span,
      .message-add .graph-block-popup-body ul.blocktypes li span,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item span,
      .entity-add .graph-block-popup-body .entity-selector li span,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item span,
      .entity-add .graph-block-popup-body ul.blocktypes li span {
        font-size: 13px;
        padding: 8px 12px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item span label,
        .entity-add-popup .graph-block-popup-body .entity-selector li span label,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item span label,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li span label,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item span label,
        .message-add .graph-block-popup-body .entity-selector li span label,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item span label,
        .message-add .graph-block-popup-body ul.blocktypes li span label,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item span label,
        .entity-add .graph-block-popup-body .entity-selector li span label,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item span label,
        .entity-add .graph-block-popup-body ul.blocktypes li span label {
          margin-bottom: 4px; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item span p,
        .entity-add-popup .graph-block-popup-body .entity-selector li span p,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item span p,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li span p,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item span p,
        .message-add .graph-block-popup-body .entity-selector li span p,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item span p,
        .message-add .graph-block-popup-body ul.blocktypes li span p,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item span p,
        .entity-add .graph-block-popup-body .entity-selector li span p,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item span p,
        .entity-add .graph-block-popup-body ul.blocktypes li span p {
          margin: 0;
          font-size: 12px; }
      .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge,
      .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge,
      .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge,
      .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge,
      .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge,
      .message-add .graph-block-popup-body .entity-selector li .blocktype-badge,
      .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge,
      .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge,
      .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge,
      .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge,
      .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge,
      .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge {
        background: #ABB2B9;
        color: #fff;
        border-radius: 12px;
        padding: 2px 8px;
        font-weight: 600;
        font-size: 9px;
        text-transform: uppercase;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 20px;
        line-height: 20px;
        margin: 8px 0; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.basic, .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.soon,
        .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge.basic,
        .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge.soon,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.basic,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.soon,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.basic,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.soon,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.basic,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.soon,
        .message-add .graph-block-popup-body .entity-selector li .blocktype-badge.basic,
        .message-add .graph-block-popup-body .entity-selector li .blocktype-badge.soon,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.basic,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.soon,
        .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.basic,
        .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.soon,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.basic,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.soon,
        .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge.basic,
        .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge.soon,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.basic,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.soon,
        .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.basic,
        .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.soon {
          background: #008AFF;
          font-weight: 700; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.starter,
        .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge.starter,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.starter,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.starter,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.starter,
        .message-add .graph-block-popup-body .entity-selector li .blocktype-badge.starter,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.starter,
        .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.starter,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.starter,
        .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge.starter,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.starter,
        .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.starter {
          background: #FF6B33; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.pro,
        .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge.pro,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.pro,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.pro,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.pro,
        .message-add .graph-block-popup-body .entity-selector li .blocktype-badge.pro,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.pro,
        .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.pro,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.pro,
        .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge.pro,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.pro,
        .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.pro {
          background: #FF4450; }
        .entity-add-popup .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.vip,
        .entity-add-popup .graph-block-popup-body .entity-selector li .blocktype-badge.vip,
        .entity-add-popup .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.vip,
        .entity-add-popup .graph-block-popup-body ul.blocktypes li .blocktype-badge.vip,
        .message-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.vip,
        .message-add .graph-block-popup-body .entity-selector li .blocktype-badge.vip,
        .message-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.vip,
        .message-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.vip,
        .entity-add .graph-block-popup-body .entity-selector .entity-selector-item .blocktype-badge.vip,
        .entity-add .graph-block-popup-body .entity-selector li .blocktype-badge.vip,
        .entity-add .graph-block-popup-body ul.blocktypes .entity-selector-item .blocktype-badge.vip,
        .entity-add .graph-block-popup-body ul.blocktypes li .blocktype-badge.vip {
          background: #9248FF; }

.common-modal .entity-add .graph-block-popup-body ul.blocktypes {
  max-height: 30vh; }

.common-modal .entity-add .graph-block-popup-body .entity-selector {
  max-height: 30vh; }

.form-avatar-selector2 {
  width: 100%; }
  .form-avatar-selector2 .form-avatar-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    .form-avatar-selector2 .form-avatar-container .form-avatar-icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      overflow: hidden auto;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-width: 100%;
      max-height: 250px; }
      .form-avatar-selector2 .form-avatar-container .form-avatar-icons::-webkit-scrollbar-track {
        background-color: transparent; }
      .form-avatar-selector2 .form-avatar-container .form-avatar-icons::-webkit-scrollbar {
        border-radius: 4px;
        width: 4px; }
      .form-avatar-selector2 .form-avatar-container .form-avatar-icons::-webkit-scrollbar-thumb {
        background-color: #86909A;
        border-radius: 4px; }
    .form-avatar-selector2 .form-avatar-container .form-avatar-upload {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .form-avatar-selector2 .form-avatar-container .form-avatar-upload label {
        font-size: 16px;
        text-align: center; }
  .form-avatar-selector2 .form-input-error {
    color: #FF4450;
    font-weight: 600; }

.form-icon-selector {
  width: 100%; }
  .form-icon-selector .form-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
    .form-icon-selector .form-icon-container .form-attr-icons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      overflow: hidden auto;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      max-height: 250px; }
      .form-icon-selector .form-icon-container .form-attr-icons::-webkit-scrollbar-track {
        background-color: transparent; }
      .form-icon-selector .form-icon-container .form-attr-icons::-webkit-scrollbar {
        border-radius: 4px;
        width: 4px; }
      .form-icon-selector .form-icon-container .form-attr-icons::-webkit-scrollbar-thumb {
        background-color: #86909A;
        border-radius: 4px; }

.common-fields-popup .dropdown .dropdown-menu {
  padding: 12px;
  left: initial;
  right: 0;
  width: 250px;
  min-width: 250px; }

.common-fields-popup .common-fields-menu {
  width: 230px;
  min-width: 230px;
  padding: 0;
  max-height: 350px;
  overflow: hidden auto; }
  .common-fields-popup .common-fields-menu::-webkit-scrollbar-track {
    background-color: transparent; }
  .common-fields-popup .common-fields-menu::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px; }
  .common-fields-popup .common-fields-menu::-webkit-scrollbar-thumb {
    background-color: #86909A;
    border-radius: 4px; }
  .common-fields-popup .common-fields-menu .common-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .common-fields-popup .common-fields-menu .common-icons .btn {
      width: -webkit-calc(50% - 8px);
      width: calc(50% - 8px);
      margin: 0 8px 8px 0;
      height: 92px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .common-fields-popup .common-fields-menu .common-icons .btn:not(.disabled):hover span, .common-fields-popup .common-fields-menu .common-icons .btn:not(.disabled):active span, .common-fields-popup .common-fields-menu .common-icons .btn:not(.disabled):focus span {
        color: #fff; }
      .common-fields-popup .common-fields-menu .common-icons .btn.disabled {
        background: #E0E6EC; }
      .common-fields-popup .common-fields-menu .common-icons .btn span {
        font-size: 12px;
        font-weight: 600;
        color: #86909A;
        margin: 6px 0 0;
        cursor: pointer; }
  .common-fields-popup .common-fields-menu .common-field-header {
    font-size: 12px;
    font-weight: 600;
    color: #ABB2B9;
    width: 100%;
    display: block;
    text-transform: uppercase;
    margin: 0 0 8px;
    padding: 0 8px; }
  .common-fields-popup .common-fields-menu .common-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 4px 8px;
    border-radius: 4px;
    background: transparent;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer; }
    .common-fields-popup .common-fields-menu .common-field b {
      margin: 0 8px 0 0; }
    .common-fields-popup .common-fields-menu .common-field label {
      margin: 4px 0 0 0;
      font-size: 14px;
      font-weight: 600;
      color: #707172;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      cursor: pointer;
      font-style: normal; }
    .common-fields-popup .common-fields-menu .common-field.action {
      padding: 12px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .common-fields-popup .common-fields-menu .common-field:not(.action):hover, .common-fields-popup .common-fields-menu .common-field:not(.action):focus, .common-fields-popup .common-fields-menu .common-field:not(.action):active {
      background: #E0E6EC; }

.jpg-row.profile,
.jpg-row.itemview,
.jpg-row.survey,
.jpg-row.attr,
.jpg-row.qualification,
.jpg-row.interaction,
.jpg-row.evaluation,
.jpg-row.calculation,
.jpg-row.itemactivity,
.jpg-row.respondent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none;
  max-width: 100%;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  margin: 0 0 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative; }
  .jpg-row.profile:hover, .jpg-row.profile:active, .jpg-row.profile:focus,
  .jpg-row.itemview:hover,
  .jpg-row.itemview:active,
  .jpg-row.itemview:focus,
  .jpg-row.survey:hover,
  .jpg-row.survey:active,
  .jpg-row.survey:focus,
  .jpg-row.attr:hover,
  .jpg-row.attr:active,
  .jpg-row.attr:focus,
  .jpg-row.qualification:hover,
  .jpg-row.qualification:active,
  .jpg-row.qualification:focus,
  .jpg-row.interaction:hover,
  .jpg-row.interaction:active,
  .jpg-row.interaction:focus,
  .jpg-row.evaluation:hover,
  .jpg-row.evaluation:active,
  .jpg-row.evaluation:focus,
  .jpg-row.calculation:hover,
  .jpg-row.calculation:active,
  .jpg-row.calculation:focus,
  .jpg-row.itemactivity:hover,
  .jpg-row.itemactivity:active,
  .jpg-row.itemactivity:focus,
  .jpg-row.respondent:hover,
  .jpg-row.respondent:active,
  .jpg-row.respondent:focus {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    background: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    background: #E0E6EC; }
    .jpg-row.profile:hover.sortable i.drag-handle, .jpg-row.profile:active.sortable i.drag-handle, .jpg-row.profile:focus.sortable i.drag-handle,
    .jpg-row.itemview:hover.sortable i.drag-handle,
    .jpg-row.itemview:active.sortable i.drag-handle,
    .jpg-row.itemview:focus.sortable i.drag-handle,
    .jpg-row.survey:hover.sortable i.drag-handle,
    .jpg-row.survey:active.sortable i.drag-handle,
    .jpg-row.survey:focus.sortable i.drag-handle,
    .jpg-row.attr:hover.sortable i.drag-handle,
    .jpg-row.attr:active.sortable i.drag-handle,
    .jpg-row.attr:focus.sortable i.drag-handle,
    .jpg-row.qualification:hover.sortable i.drag-handle,
    .jpg-row.qualification:active.sortable i.drag-handle,
    .jpg-row.qualification:focus.sortable i.drag-handle,
    .jpg-row.interaction:hover.sortable i.drag-handle,
    .jpg-row.interaction:active.sortable i.drag-handle,
    .jpg-row.interaction:focus.sortable i.drag-handle,
    .jpg-row.evaluation:hover.sortable i.drag-handle,
    .jpg-row.evaluation:active.sortable i.drag-handle,
    .jpg-row.evaluation:focus.sortable i.drag-handle,
    .jpg-row.calculation:hover.sortable i.drag-handle,
    .jpg-row.calculation:active.sortable i.drag-handle,
    .jpg-row.calculation:focus.sortable i.drag-handle,
    .jpg-row.itemactivity:hover.sortable i.drag-handle,
    .jpg-row.itemactivity:active.sortable i.drag-handle,
    .jpg-row.itemactivity:focus.sortable i.drag-handle,
    .jpg-row.respondent:hover.sortable i.drag-handle,
    .jpg-row.respondent:active.sortable i.drag-handle,
    .jpg-row.respondent:focus.sortable i.drag-handle {
      -webkit-transform: translateX(-24px);
      -ms-transform: translateX(-24px);
      transform: translateX(-24px);
      opacity: 1; }
  .jpg-row.profile.hidden,
  .jpg-row.itemview.hidden,
  .jpg-row.survey.hidden,
  .jpg-row.attr.hidden,
  .jpg-row.qualification.hidden,
  .jpg-row.interaction.hidden,
  .jpg-row.evaluation.hidden,
  .jpg-row.calculation.hidden,
  .jpg-row.itemactivity.hidden,
  .jpg-row.respondent.hidden {
    background: rgba(0, 0, 0, 0.03); }
  .jpg-row.profile.dropdown-open,
  .jpg-row.itemview.dropdown-open,
  .jpg-row.survey.dropdown-open,
  .jpg-row.attr.dropdown-open,
  .jpg-row.qualification.dropdown-open,
  .jpg-row.interaction.dropdown-open,
  .jpg-row.evaluation.dropdown-open,
  .jpg-row.calculation.dropdown-open,
  .jpg-row.itemactivity.dropdown-open,
  .jpg-row.respondent.dropdown-open {
    z-index: 1000; }
  .jpg-row.profile h4,
  .jpg-row.itemview h4,
  .jpg-row.survey h4,
  .jpg-row.attr h4,
  .jpg-row.qualification h4,
  .jpg-row.interaction h4,
  .jpg-row.evaluation h4,
  .jpg-row.calculation h4,
  .jpg-row.itemactivity h4,
  .jpg-row.respondent h4 {
    font-weight: 600;
    margin: 4px 0; }
  .jpg-row.profile i.drag-handle,
  .jpg-row.itemview i.drag-handle,
  .jpg-row.survey i.drag-handle,
  .jpg-row.attr i.drag-handle,
  .jpg-row.qualification i.drag-handle,
  .jpg-row.interaction i.drag-handle,
  .jpg-row.evaluation i.drag-handle,
  .jpg-row.calculation i.drag-handle,
  .jpg-row.itemactivity i.drag-handle,
  .jpg-row.respondent i.drag-handle {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0; }
  .jpg-row.profile .dropdown .dropdown-select,
  .jpg-row.itemview .dropdown .dropdown-select,
  .jpg-row.survey .dropdown .dropdown-select,
  .jpg-row.attr .dropdown .dropdown-select,
  .jpg-row.qualification .dropdown .dropdown-select,
  .jpg-row.interaction .dropdown .dropdown-select,
  .jpg-row.evaluation .dropdown .dropdown-select,
  .jpg-row.calculation .dropdown .dropdown-select,
  .jpg-row.itemactivity .dropdown .dropdown-select,
  .jpg-row.respondent .dropdown .dropdown-select {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important; }
  .jpg-row.profile.profile .jpg-content,
  .jpg-row.itemview.profile .jpg-content,
  .jpg-row.survey.profile .jpg-content,
  .jpg-row.attr.profile .jpg-content,
  .jpg-row.qualification.profile .jpg-content,
  .jpg-row.interaction.profile .jpg-content,
  .jpg-row.evaluation.profile .jpg-content,
  .jpg-row.calculation.profile .jpg-content,
  .jpg-row.itemactivity.profile .jpg-content,
  .jpg-row.respondent.profile .jpg-content {
    max-width: 50%; }
  .jpg-row.profile .profile-icon,
  .jpg-row.itemview .profile-icon,
  .jpg-row.survey .profile-icon,
  .jpg-row.attr .profile-icon,
  .jpg-row.qualification .profile-icon,
  .jpg-row.interaction .profile-icon,
  .jpg-row.evaluation .profile-icon,
  .jpg-row.calculation .profile-icon,
  .jpg-row.itemactivity .profile-icon,
  .jpg-row.respondent .profile-icon {
    margin-right: 12px; }
  .jpg-row.profile .respondent-icon,
  .jpg-row.itemview .respondent-icon,
  .jpg-row.survey .respondent-icon,
  .jpg-row.attr .respondent-icon,
  .jpg-row.qualification .respondent-icon,
  .jpg-row.interaction .respondent-icon,
  .jpg-row.evaluation .respondent-icon,
  .jpg-row.calculation .respondent-icon,
  .jpg-row.itemactivity .respondent-icon,
  .jpg-row.respondent .respondent-icon {
    margin-right: 12px; }
  .jpg-row.profile .alternative-icon,
  .jpg-row.itemview .alternative-icon,
  .jpg-row.survey .alternative-icon,
  .jpg-row.attr .alternative-icon,
  .jpg-row.qualification .alternative-icon,
  .jpg-row.interaction .alternative-icon,
  .jpg-row.evaluation .alternative-icon,
  .jpg-row.calculation .alternative-icon,
  .jpg-row.itemactivity .alternative-icon,
  .jpg-row.respondent .alternative-icon {
    margin-right: 12px; }
  .jpg-row.profile .attr-icon,
  .jpg-row.itemview .attr-icon,
  .jpg-row.survey .attr-icon,
  .jpg-row.attr .attr-icon,
  .jpg-row.qualification .attr-icon,
  .jpg-row.interaction .attr-icon,
  .jpg-row.evaluation .attr-icon,
  .jpg-row.calculation .attr-icon,
  .jpg-row.itemactivity .attr-icon,
  .jpg-row.respondent .attr-icon {
    margin-right: 12px; }
  .jpg-row.profile .profile-subscription,
  .jpg-row.itemview .profile-subscription,
  .jpg-row.survey .profile-subscription,
  .jpg-row.attr .profile-subscription,
  .jpg-row.qualification .profile-subscription,
  .jpg-row.interaction .profile-subscription,
  .jpg-row.evaluation .profile-subscription,
  .jpg-row.calculation .profile-subscription,
  .jpg-row.itemactivity .profile-subscription,
  .jpg-row.respondent .profile-subscription {
    background: #abb2b9;
    color: #fff;
    border-radius: 12px;
    padding: 2px 8px;
    font-weight: 600;
    font-size: 9px;
    text-transform: uppercase;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 4px; }
  .jpg-row.profile .profile-stats,
  .jpg-row.itemview .profile-stats,
  .jpg-row.survey .profile-stats,
  .jpg-row.attr .profile-stats,
  .jpg-row.qualification .profile-stats,
  .jpg-row.interaction .profile-stats,
  .jpg-row.evaluation .profile-stats,
  .jpg-row.calculation .profile-stats,
  .jpg-row.itemactivity .profile-stats,
  .jpg-row.respondent .profile-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 12px;
    width: 40% !important;
    height: -webkit-calc(100% - 24px) !important;
    height: calc(100% - 24px) !important; }
    .jpg-row.profile .profile-stats .profile-stat,
    .jpg-row.itemview .profile-stats .profile-stat,
    .jpg-row.survey .profile-stats .profile-stat,
    .jpg-row.attr .profile-stats .profile-stat,
    .jpg-row.qualification .profile-stats .profile-stat,
    .jpg-row.interaction .profile-stats .profile-stat,
    .jpg-row.evaluation .profile-stats .profile-stat,
    .jpg-row.calculation .profile-stats .profile-stat,
    .jpg-row.itemactivity .profile-stats .profile-stat,
    .jpg-row.respondent .profile-stats .profile-stat {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      border-left: 1px solid #ced4da;
      width: 50%;
      height: 100%;
      padding: 0 0 0 12px; }
      .jpg-row.profile .profile-stats .profile-stat label,
      .jpg-row.itemview .profile-stats .profile-stat label,
      .jpg-row.survey .profile-stats .profile-stat label,
      .jpg-row.attr .profile-stats .profile-stat label,
      .jpg-row.qualification .profile-stats .profile-stat label,
      .jpg-row.interaction .profile-stats .profile-stat label,
      .jpg-row.evaluation .profile-stats .profile-stat label,
      .jpg-row.calculation .profile-stats .profile-stat label,
      .jpg-row.itemactivity .profile-stats .profile-stat label,
      .jpg-row.respondent .profile-stats .profile-stat label {
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: 10px;
        text-transform: uppercase;
        color: #ABB2B9;
        font-weight: 700; }
      .jpg-row.profile .profile-stats .profile-stat span,
      .jpg-row.itemview .profile-stats .profile-stat span,
      .jpg-row.survey .profile-stats .profile-stat span,
      .jpg-row.attr .profile-stats .profile-stat span,
      .jpg-row.qualification .profile-stats .profile-stat span,
      .jpg-row.interaction .profile-stats .profile-stat span,
      .jpg-row.evaluation .profile-stats .profile-stat span,
      .jpg-row.calculation .profile-stats .profile-stat span,
      .jpg-row.itemactivity .profile-stats .profile-stat span,
      .jpg-row.respondent .profile-stats .profile-stat span {
        font-size: 16px;
        text-transform: uppercase;
        color: #707172;
        font-weight: 300; }
  .jpg-row.profile .alternative-type,
  .jpg-row.itemview .alternative-type,
  .jpg-row.survey .alternative-type,
  .jpg-row.attr .alternative-type,
  .jpg-row.qualification .alternative-type,
  .jpg-row.interaction .alternative-type,
  .jpg-row.evaluation .alternative-type,
  .jpg-row.calculation .alternative-type,
  .jpg-row.itemactivity .alternative-type,
  .jpg-row.respondent .alternative-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .jpg-row.profile .alternative-type i,
    .jpg-row.itemview .alternative-type i,
    .jpg-row.survey .alternative-type i,
    .jpg-row.attr .alternative-type i,
    .jpg-row.qualification .alternative-type i,
    .jpg-row.interaction .alternative-type i,
    .jpg-row.evaluation .alternative-type i,
    .jpg-row.calculation .alternative-type i,
    .jpg-row.itemactivity .alternative-type i,
    .jpg-row.respondent .alternative-type i {
      width: auto !important;
      height: auto !important;
      margin: 4px 8px 4px 0; }
  .jpg-row.profile .jpg-respondents,
  .jpg-row.itemview .jpg-respondents,
  .jpg-row.survey .jpg-respondents,
  .jpg-row.attr .jpg-respondents,
  .jpg-row.qualification .jpg-respondents,
  .jpg-row.interaction .jpg-respondents,
  .jpg-row.evaluation .jpg-respondents,
  .jpg-row.calculation .jpg-respondents,
  .jpg-row.itemactivity .jpg-respondents,
  .jpg-row.respondent .jpg-respondents {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 8px 0 0; }
    .jpg-row.profile .jpg-respondents > i,
    .jpg-row.itemview .jpg-respondents > i,
    .jpg-row.survey .jpg-respondents > i,
    .jpg-row.attr .jpg-respondents > i,
    .jpg-row.qualification .jpg-respondents > i,
    .jpg-row.interaction .jpg-respondents > i,
    .jpg-row.evaluation .jpg-respondents > i,
    .jpg-row.calculation .jpg-respondents > i,
    .jpg-row.itemactivity .jpg-respondents > i,
    .jpg-row.respondent .jpg-respondents > i {
      margin: 0 2px 0 0; }
    .jpg-row.profile .jpg-respondents > div,
    .jpg-row.itemview .jpg-respondents > div,
    .jpg-row.survey .jpg-respondents > div,
    .jpg-row.attr .jpg-respondents > div,
    .jpg-row.qualification .jpg-respondents > div,
    .jpg-row.interaction .jpg-respondents > div,
    .jpg-row.evaluation .jpg-respondents > div,
    .jpg-row.calculation .jpg-respondents > div,
    .jpg-row.itemactivity .jpg-respondents > div,
    .jpg-row.respondent .jpg-respondents > div {
      color: #86909A;
      font-size: 12px;
      font-weight: 500; }
  .jpg-row.profile .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.itemview .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.survey .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.attr .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.qualification .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.interaction .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.calculation .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .type.profile,
  .jpg-row.respondent .jpg-infobar .jpg-infobar-side .type.profile {
    color: #6ab3bc; }
  .jpg-row.profile .jpg-content,
  .jpg-row.itemview .jpg-content,
  .jpg-row.survey .jpg-content,
  .jpg-row.attr .jpg-content,
  .jpg-row.qualification .jpg-content,
  .jpg-row.interaction .jpg-content,
  .jpg-row.evaluation .jpg-content,
  .jpg-row.calculation .jpg-content,
  .jpg-row.itemactivity .jpg-content,
  .jpg-row.respondent .jpg-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .jpg-row.profile .jpg-content.survey i,
    .jpg-row.itemview .jpg-content.survey i,
    .jpg-row.survey .jpg-content.survey i,
    .jpg-row.attr .jpg-content.survey i,
    .jpg-row.qualification .jpg-content.survey i,
    .jpg-row.interaction .jpg-content.survey i,
    .jpg-row.evaluation .jpg-content.survey i,
    .jpg-row.calculation .jpg-content.survey i,
    .jpg-row.itemactivity .jpg-content.survey i,
    .jpg-row.respondent .jpg-content.survey i {
      width: 32px;
      height: 32px; }
    .jpg-row.profile .jpg-content i,
    .jpg-row.itemview .jpg-content i,
    .jpg-row.survey .jpg-content i,
    .jpg-row.attr .jpg-content i,
    .jpg-row.qualification .jpg-content i,
    .jpg-row.interaction .jpg-content i,
    .jpg-row.evaluation .jpg-content i,
    .jpg-row.calculation .jpg-content i,
    .jpg-row.itemactivity .jpg-content i,
    .jpg-row.respondent .jpg-content i {
      width: 24px;
      height: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .jpg-row.profile .jpg-content i svg,
      .jpg-row.itemview .jpg-content i svg,
      .jpg-row.survey .jpg-content i svg,
      .jpg-row.attr .jpg-content i svg,
      .jpg-row.qualification .jpg-content i svg,
      .jpg-row.interaction .jpg-content i svg,
      .jpg-row.evaluation .jpg-content i svg,
      .jpg-row.calculation .jpg-content i svg,
      .jpg-row.itemactivity .jpg-content i svg,
      .jpg-row.respondent .jpg-content i svg {
        visibility: hidden; }
      .jpg-row.profile .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.itemview .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.survey .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.attr .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.qualification .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.interaction .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.evaluation .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.calculation .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.itemactivity .jpg-content i .dropdown .dropdown-toggle,
      .jpg-row.respondent .jpg-content i .dropdown .dropdown-toggle {
        background-color: transparent !important; }
      .jpg-row.profile .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.itemview .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.survey .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.attr .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.qualification .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.interaction .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.evaluation .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.calculation .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.itemactivity .jpg-content i .dropdown .dropdown-menu,
      .jpg-row.respondent .jpg-content i .dropdown .dropdown-menu {
        z-index: 1000 !important;
        border-radius: 8px; }
    .jpg-row.profile .jpg-content h4,
    .jpg-row.itemview .jpg-content h4,
    .jpg-row.survey .jpg-content h4,
    .jpg-row.attr .jpg-content h4,
    .jpg-row.qualification .jpg-content h4,
    .jpg-row.interaction .jpg-content h4,
    .jpg-row.evaluation .jpg-content h4,
    .jpg-row.calculation .jpg-content h4,
    .jpg-row.itemactivity .jpg-content h4,
    .jpg-row.respondent .jpg-content h4 {
      font-size: 16px;
      font-weight: 600;
      color: #707172;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0 0 4px; }
    .jpg-row.profile .jpg-content .jpg-content-row,
    .jpg-row.itemview .jpg-content .jpg-content-row,
    .jpg-row.survey .jpg-content .jpg-content-row,
    .jpg-row.attr .jpg-content .jpg-content-row,
    .jpg-row.qualification .jpg-content .jpg-content-row,
    .jpg-row.interaction .jpg-content .jpg-content-row,
    .jpg-row.evaluation .jpg-content .jpg-content-row,
    .jpg-row.calculation .jpg-content .jpg-content-row,
    .jpg-row.itemactivity .jpg-content .jpg-content-row,
    .jpg-row.respondent .jpg-content .jpg-content-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
      font-size: 12px;
      font-weight: 500;
      color: #ABB2B9; }
      .jpg-row.profile .jpg-content .jpg-content-row .main,
      .jpg-row.itemview .jpg-content .jpg-content-row .main,
      .jpg-row.survey .jpg-content .jpg-content-row .main,
      .jpg-row.attr .jpg-content .jpg-content-row .main,
      .jpg-row.qualification .jpg-content .jpg-content-row .main,
      .jpg-row.interaction .jpg-content .jpg-content-row .main,
      .jpg-row.evaluation .jpg-content .jpg-content-row .main,
      .jpg-row.calculation .jpg-content .jpg-content-row .main,
      .jpg-row.itemactivity .jpg-content .jpg-content-row .main,
      .jpg-row.respondent .jpg-content .jpg-content-row .main {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .jpg-row.profile .jpg-content .jpg-content-row .side,
      .jpg-row.itemview .jpg-content .jpg-content-row .side,
      .jpg-row.survey .jpg-content .jpg-content-row .side,
      .jpg-row.attr .jpg-content .jpg-content-row .side,
      .jpg-row.qualification .jpg-content .jpg-content-row .side,
      .jpg-row.interaction .jpg-content .jpg-content-row .side,
      .jpg-row.evaluation .jpg-content .jpg-content-row .side,
      .jpg-row.calculation .jpg-content .jpg-content-row .side,
      .jpg-row.itemactivity .jpg-content .jpg-content-row .side,
      .jpg-row.respondent .jpg-content .jpg-content-row .side {
        margin: 0 0 0 4px; }
    .jpg-row.profile .jpg-content .jpg-content-body,
    .jpg-row.itemview .jpg-content .jpg-content-body,
    .jpg-row.survey .jpg-content .jpg-content-body,
    .jpg-row.attr .jpg-content .jpg-content-body,
    .jpg-row.qualification .jpg-content .jpg-content-body,
    .jpg-row.interaction .jpg-content .jpg-content-body,
    .jpg-row.evaluation .jpg-content .jpg-content-body,
    .jpg-row.calculation .jpg-content .jpg-content-body,
    .jpg-row.itemactivity .jpg-content .jpg-content-body,
    .jpg-row.respondent .jpg-content .jpg-content-body {
      font-size: 12px;
      font-weight: 500;
      color: #ABB2B9;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%; }
      .jpg-row.profile .jpg-content .jpg-content-body.info,
      .jpg-row.itemview .jpg-content .jpg-content-body.info,
      .jpg-row.survey .jpg-content .jpg-content-body.info,
      .jpg-row.attr .jpg-content .jpg-content-body.info,
      .jpg-row.qualification .jpg-content .jpg-content-body.info,
      .jpg-row.interaction .jpg-content .jpg-content-body.info,
      .jpg-row.evaluation .jpg-content .jpg-content-body.info,
      .jpg-row.calculation .jpg-content .jpg-content-body.info,
      .jpg-row.itemactivity .jpg-content .jpg-content-body.info,
      .jpg-row.respondent .jpg-content .jpg-content-body.info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 4px 0 0; }
        .jpg-row.profile .jpg-content .jpg-content-body.info > div,
        .jpg-row.itemview .jpg-content .jpg-content-body.info > div,
        .jpg-row.survey .jpg-content .jpg-content-body.info > div,
        .jpg-row.attr .jpg-content .jpg-content-body.info > div,
        .jpg-row.qualification .jpg-content .jpg-content-body.info > div,
        .jpg-row.interaction .jpg-content .jpg-content-body.info > div,
        .jpg-row.evaluation .jpg-content .jpg-content-body.info > div,
        .jpg-row.calculation .jpg-content .jpg-content-body.info > div,
        .jpg-row.itemactivity .jpg-content .jpg-content-body.info > div,
        .jpg-row.respondent .jpg-content .jpg-content-body.info > div {
          margin: 0 0 0 6px; }
        .jpg-row.profile .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.itemview .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.survey .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.attr .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.qualification .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.interaction .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.evaluation .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.calculation .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.itemactivity .jpg-content .jpg-content-body.info > div:first-of-type,
        .jpg-row.respondent .jpg-content .jpg-content-body.info > div:first-of-type {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          margin: 0; }
      .jpg-row.profile .jpg-content .jpg-content-body > div,
      .jpg-row.itemview .jpg-content .jpg-content-body > div,
      .jpg-row.survey .jpg-content .jpg-content-body > div,
      .jpg-row.attr .jpg-content .jpg-content-body > div,
      .jpg-row.qualification .jpg-content .jpg-content-body > div,
      .jpg-row.interaction .jpg-content .jpg-content-body > div,
      .jpg-row.evaluation .jpg-content .jpg-content-body > div,
      .jpg-row.calculation .jpg-content .jpg-content-body > div,
      .jpg-row.itemactivity .jpg-content .jpg-content-body > div,
      .jpg-row.respondent .jpg-content .jpg-content-body > div {
        margin-right: 4px; }
        .jpg-row.profile .jpg-content .jpg-content-body > div.stat,
        .jpg-row.itemview .jpg-content .jpg-content-body > div.stat,
        .jpg-row.survey .jpg-content .jpg-content-body > div.stat,
        .jpg-row.attr .jpg-content .jpg-content-body > div.stat,
        .jpg-row.qualification .jpg-content .jpg-content-body > div.stat,
        .jpg-row.interaction .jpg-content .jpg-content-body > div.stat,
        .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat,
        .jpg-row.calculation .jpg-content .jpg-content-body > div.stat,
        .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat,
        .jpg-row.respondent .jpg-content .jpg-content-body > div.stat {
          font-weight: 600;
          font-size: 13px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
          -moz-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          line-height: 14px;
          margin-top: 6px;
          width: 100%; }
          .jpg-row.profile .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.itemview .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.survey .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.attr .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.qualification .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.interaction .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.calculation .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat span,
          .jpg-row.respondent .jpg-content .jpg-content-body > div.stat span {
            white-space: nowrap; }
          .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat,
          .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat {
            width: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
            .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span,
            .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              margin: 0 0 0 4px; }
              .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span b,
              .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span b {
                display: block;
                margin: 0 4px; }
              .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span i,
              .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span i {
                width: 12px;
                height: 12px;
                border-radius: 12px;
                display: block;
                margin: 0 4px;
                background: #BBC4CD; }
              .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i,
              .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span.job i {
                background: #38A0FF; }
              .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i,
              .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span.pain i {
                background: #FF4450; }
              .jpg-row.profile .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.itemview .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.survey .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.attr .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.qualification .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.interaction .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.evaluation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.calculation .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.itemactivity .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i,
              .jpg-row.respondent .jpg-content .jpg-content-body > div.stat .jpg-stat > span.gain i {
                background: #4DD500; }
  .jpg-row.profile .jpg-infobar,
  .jpg-row.itemview .jpg-infobar,
  .jpg-row.survey .jpg-infobar,
  .jpg-row.attr .jpg-infobar,
  .jpg-row.qualification .jpg-infobar,
  .jpg-row.interaction .jpg-infobar,
  .jpg-row.evaluation .jpg-infobar,
  .jpg-row.calculation .jpg-infobar,
  .jpg-row.itemactivity .jpg-infobar,
  .jpg-row.respondent .jpg-infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: absolute;
    top: 12px;
    right: 0; }
    .jpg-row.profile .jpg-infobar .jpg-infobar-main,
    .jpg-row.itemview .jpg-infobar .jpg-infobar-main,
    .jpg-row.survey .jpg-infobar .jpg-infobar-main,
    .jpg-row.attr .jpg-infobar .jpg-infobar-main,
    .jpg-row.qualification .jpg-infobar .jpg-infobar-main,
    .jpg-row.interaction .jpg-infobar .jpg-infobar-main,
    .jpg-row.evaluation .jpg-infobar .jpg-infobar-main,
    .jpg-row.calculation .jpg-infobar .jpg-infobar-main,
    .jpg-row.itemactivity .jpg-infobar .jpg-infobar-main,
    .jpg-row.respondent .jpg-infobar .jpg-infobar-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row.profile .jpg-infobar .jpg-infobar-main img,
      .jpg-row.itemview .jpg-infobar .jpg-infobar-main img,
      .jpg-row.survey .jpg-infobar .jpg-infobar-main img,
      .jpg-row.attr .jpg-infobar .jpg-infobar-main img,
      .jpg-row.qualification .jpg-infobar .jpg-infobar-main img,
      .jpg-row.interaction .jpg-infobar .jpg-infobar-main img,
      .jpg-row.evaluation .jpg-infobar .jpg-infobar-main img,
      .jpg-row.calculation .jpg-infobar .jpg-infobar-main img,
      .jpg-row.itemactivity .jpg-infobar .jpg-infobar-main img,
      .jpg-row.respondent .jpg-infobar .jpg-infobar-main img {
        margin-right: 4px; }
      .jpg-row.profile .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.itemview .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.survey .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.attr .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.qualification .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.interaction .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.evaluation .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.calculation .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.itemactivity .jpg-infobar .jpg-infobar-main > div,
      .jpg-row.respondent .jpg-infobar .jpg-infobar-main > div {
        color: #ABB2B9;
        font-size: 12px; }
    .jpg-row.profile .jpg-infobar .jpg-infobar-side,
    .jpg-row.itemview .jpg-infobar .jpg-infobar-side,
    .jpg-row.survey .jpg-infobar .jpg-infobar-side,
    .jpg-row.attr .jpg-infobar .jpg-infobar-side,
    .jpg-row.qualification .jpg-infobar .jpg-infobar-side,
    .jpg-row.interaction .jpg-infobar .jpg-infobar-side,
    .jpg-row.evaluation .jpg-infobar .jpg-infobar-side,
    .jpg-row.calculation .jpg-infobar .jpg-infobar-side,
    .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side,
    .jpg-row.respondent .jpg-infobar .jpg-infobar-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 12px; }
      .jpg-row.profile .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.itemview .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.survey .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.attr .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.qualification .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.interaction .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.calculation .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .type,
      .jpg-row.respondent .jpg-infobar .jpg-infobar-side .type {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: #BBC4CD;
        margin-left: 12px;
        line-height: normal; }
        .jpg-row.profile .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.itemview .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.survey .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.attr .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.qualification .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.interaction .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.calculation .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .type.published,
        .jpg-row.respondent .jpg-infobar .jpg-infobar-side .type.published {
          color: #26B592; }
        .jpg-row.profile .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.itemview .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.survey .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.attr .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.qualification .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.interaction .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.calculation .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .type.active,
        .jpg-row.respondent .jpg-infobar .jpg-infobar-side .type.active {
          color: #26B592; }
      .jpg-row.profile .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.itemview .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.survey .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.attr .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.qualification .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.interaction .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.calculation .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .replies,
      .jpg-row.respondent .jpg-infobar .jpg-infobar-side .replies {
        color: #ABB2B9;
        font-size: 12px;
        margin-left: 8px;
        white-space: nowrap; }
      .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon,
      .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon {
        border: 1px solid #ABB2B9;
        width: 28px;
        height: 28px;
        border-radius: 38px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
        .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:hover, .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:active, .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:focus,
        .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:hover,
        .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:active,
        .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:focus {
          border: 1px solid #ABB2B9 !important;
          background: #ABB2B9 !important; }
          .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg, .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:active > svg, .jpg-row.profile .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.survey .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.attr .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.itemactivity .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg,
          .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:hover > svg,
          .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:active > svg,
          .jpg-row.respondent .jpg-infobar .jpg-infobar-side .btn-icon:focus > svg {
            fill: white !important; }

.jpg-row-container {
  margin: 0 0 12px; }
  .jpg-row-container .jpg-row-items .editable-list {
    max-height: inherit; }
  .jpg-row-container.toggled .jpg-row-toggle {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .jpg-row-container.toggled .jpg-row-toggle > i {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
  .jpg-row-container .jpg-row-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 38px;
    cursor: pointer;
    margin: -4px 24px 0 24px;
    border-radius: 8px;
    background: #F9FBFC;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
    -webkit-transition: all .1s linear;
    transition: all .1s linear; }
    .jpg-row-container .jpg-row-toggle:hover > label, .jpg-row-container .jpg-row-toggle:active > label, .jpg-row-container .jpg-row-toggle:focus > label {
      color: #86909A; }
    .jpg-row-container .jpg-row-toggle:hover > i svg, .jpg-row-container .jpg-row-toggle:active > i svg, .jpg-row-container .jpg-row-toggle:focus > i svg {
      fill: #86909A !important; }
    .jpg-row-container .jpg-row-toggle > i {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    .jpg-row-container .jpg-row-toggle > label {
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      color: #ABB2B9;
      margin: 0 8px 0 0;
      cursor: pointer; }

.jpg-row.calculation {
  -webkit-transition: none !important;
  transition: none !important; }
  .jpg-row.calculation:hover, .jpg-row.calculation:active, .jpg-row.calculation:focus {
    z-index: 100; }
    .jpg-row.calculation:hover .jpg-infobar .jpg-infobar-side .btn-icon, .jpg-row.calculation:active .jpg-infobar .jpg-infobar-side .btn-icon, .jpg-row.calculation:focus .jpg-infobar .jpg-infobar-side .btn-icon {
      opacity: 1; }
    .jpg-row.calculation:hover .calculation-preview, .jpg-row.calculation:active .calculation-preview, .jpg-row.calculation:focus .calculation-preview {
      background: transparent; }
    .jpg-row.calculation:hover.sortable i.drag-handle, .jpg-row.calculation:active.sortable i.drag-handle, .jpg-row.calculation:focus.sortable i.drag-handle {
      background: #e0e6ec;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 4px;
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      -webkit-transform: translateX(-28px);
      -ms-transform: translateX(-28px);
      transform: translateX(-28px); }
      .jpg-row.calculation:hover.sortable i.drag-handle > svg, .jpg-row.calculation:active.sortable i.drag-handle > svg, .jpg-row.calculation:focus.sortable i.drag-handle > svg {
        fill: #86909A !important; }
  .jpg-row.calculation .jpg-infobar .jpg-infobar-side .btn-icon {
    opacity: 0;
    margin: 0 0 0 8px; }
  .jpg-row.calculation .jpg-content .jpg-content-body {
    margin: 6px 0 0;
    position: relative; }
    .jpg-row.calculation .jpg-content .jpg-content-body .calculation-tags > span {
      margin: 0 8px 0 0; }
    .jpg-row.calculation .jpg-content .jpg-content-body .calculation-preview {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    .jpg-row.calculation .jpg-content .jpg-content-body .calculation-labels {
      position: absolute;
      left: -40px; }
    .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status > div {
        margin: 0 8px 0 0; }
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format b {
        margin: 0 0 0 4px; }
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-unit b {
        margin: 0 4px 0 0; }
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-default,
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format,
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-unit {
        border-radius: 6px;
        min-width: 24px;
        width: auto;
        height: 24px;
        line-height: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid #ced4da;
        font-weight: 600;
        padding: 0 6px;
        color: #ABB2B9; }
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-default .aggregation,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format .aggregation,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-unit .aggregation {
          font-weight: 700;
          color: #515A63;
          margin: 0 2px; }
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-default label.depends,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format label.depends,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-unit label.depends {
          margin: 0;
          color: #707172; }
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-default > label,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format > label,
        .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-unit > label {
          padding: 0;
          margin: 0; }
      .jpg-row.calculation .jpg-content .jpg-content-body .calculation-status .calculation-format {
        text-transform: uppercase; }
  .jpg-row.calculation .calculation-icon {
    min-width: 24px;
    min-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    margin: 0 12px 0 0;
    background: #E0E6EC; }
  .jpg-row.calculation .calculation-highlight,
  .jpg-row.calculation .calculation-conditions {
    min-height: 28px;
    width: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ABB2B9; }
  .jpg-row.calculation .calculation-preview {
    width: 100%;
    min-height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #F9FBFC;
    padding: 4px 8px;
    border-radius: 8px; }
    .jpg-row.calculation .calculation-preview div, .jpg-row.calculation .calculation-preview span, .jpg-row.calculation .calculation-preview i, .jpg-row.calculation .calculation-preview b, .jpg-row.calculation .calculation-preview label {
      display: inline-block !important;
      float: left !important;
      text-align: center !important; }
    .jpg-row.calculation .calculation-preview .equation-preview {
      font-size: 13px; }

.jpg-row.itemactivity.inactive .canvas-icon {
  opacity: 0.5; }

.jpg-row.itemactivity.inactive .jpg-content h4 {
  color: #ABB2B9; }

.jpg-row.itemactivity .canvas-icon {
  min-width: 24px;
  min-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 12px 0 0;
  background: #E0E6EC; }

.jpg-row.itemactivity .custom-checkbox label {
  font-size: 10px;
  text-transform: uppercase; }

.calculation-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 300;
  margin: 0 0 12px; }
  .calculation-tags > span {
    padding: 0 4px;
    height: 20px;
    line-height: 20px; }
  .calculation-tags.tagcloud > span {
    margin: 0 8px 8px 0; }

.jpg-row.interaction,
.jpg-row.itemview,
.jpg-row.evaluation,
.jpg-row.qualification {
  -webkit-transition: none !important;
  transition: none !important; }
  .jpg-row.interaction:hover .jpg-infobar .jpg-infobar-side .btn-icon, .jpg-row.interaction:active .jpg-infobar .jpg-infobar-side .btn-icon, .jpg-row.interaction:focus .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.itemview:hover .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.itemview:active .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.itemview:focus .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.evaluation:hover .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.evaluation:active .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.evaluation:focus .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.qualification:hover .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.qualification:active .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.qualification:focus .jpg-infobar .jpg-infobar-side .btn-icon {
    opacity: 1; }
  .jpg-row.interaction:hover.sortable i.drag-handle, .jpg-row.interaction:active.sortable i.drag-handle, .jpg-row.interaction:focus.sortable i.drag-handle,
  .jpg-row.itemview:hover.sortable i.drag-handle,
  .jpg-row.itemview:active.sortable i.drag-handle,
  .jpg-row.itemview:focus.sortable i.drag-handle,
  .jpg-row.evaluation:hover.sortable i.drag-handle,
  .jpg-row.evaluation:active.sortable i.drag-handle,
  .jpg-row.evaluation:focus.sortable i.drag-handle,
  .jpg-row.qualification:hover.sortable i.drag-handle,
  .jpg-row.qualification:active.sortable i.drag-handle,
  .jpg-row.qualification:focus.sortable i.drag-handle {
    background: #e0e6ec;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-28px);
    -ms-transform: translateX(-28px);
    transform: translateX(-28px); }
    .jpg-row.interaction:hover.sortable i.drag-handle > svg, .jpg-row.interaction:active.sortable i.drag-handle > svg, .jpg-row.interaction:focus.sortable i.drag-handle > svg,
    .jpg-row.itemview:hover.sortable i.drag-handle > svg,
    .jpg-row.itemview:active.sortable i.drag-handle > svg,
    .jpg-row.itemview:focus.sortable i.drag-handle > svg,
    .jpg-row.evaluation:hover.sortable i.drag-handle > svg,
    .jpg-row.evaluation:active.sortable i.drag-handle > svg,
    .jpg-row.evaluation:focus.sortable i.drag-handle > svg,
    .jpg-row.qualification:hover.sortable i.drag-handle > svg,
    .jpg-row.qualification:active.sortable i.drag-handle > svg,
    .jpg-row.qualification:focus.sortable i.drag-handle > svg {
      fill: #86909A !important; }
  .jpg-row.interaction .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.itemview .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.evaluation .jpg-infobar .jpg-infobar-side .btn-icon,
  .jpg-row.qualification .jpg-infobar .jpg-infobar-side .btn-icon {
    opacity: 0;
    margin: 0 0 0 8px; }
  .jpg-row.interaction .interaction-type b,
  .jpg-row.interaction .itemview-type b,
  .jpg-row.interaction .evaluation-type b,
  .jpg-row.interaction .qualification-type b,
  .jpg-row.itemview .interaction-type b,
  .jpg-row.itemview .itemview-type b,
  .jpg-row.itemview .evaluation-type b,
  .jpg-row.itemview .qualification-type b,
  .jpg-row.evaluation .interaction-type b,
  .jpg-row.evaluation .itemview-type b,
  .jpg-row.evaluation .evaluation-type b,
  .jpg-row.evaluation .qualification-type b,
  .jpg-row.qualification .interaction-type b,
  .jpg-row.qualification .itemview-type b,
  .jpg-row.qualification .evaluation-type b,
  .jpg-row.qualification .qualification-type b {
    margin: 0 4px 0 0; }
  .jpg-row.interaction .interaction-icon,
  .jpg-row.interaction .itemview-icon,
  .jpg-row.interaction .evaluation-icon,
  .jpg-row.interaction .qualification-icon,
  .jpg-row.itemview .interaction-icon,
  .jpg-row.itemview .itemview-icon,
  .jpg-row.itemview .evaluation-icon,
  .jpg-row.itemview .qualification-icon,
  .jpg-row.evaluation .interaction-icon,
  .jpg-row.evaluation .itemview-icon,
  .jpg-row.evaluation .evaluation-icon,
  .jpg-row.evaluation .qualification-icon,
  .jpg-row.qualification .interaction-icon,
  .jpg-row.qualification .itemview-icon,
  .jpg-row.qualification .evaluation-icon,
  .jpg-row.qualification .qualification-icon {
    min-width: 24px;
    min-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 12px 0 0;
    background: #E0E6EC; }
  .jpg-row.interaction .itemview-icon,
  .jpg-row.itemview .itemview-icon,
  .jpg-row.evaluation .itemview-icon,
  .jpg-row.qualification .itemview-icon {
    background: #BBC4CD; }
  .jpg-row.interaction .jpg-content-body.info > div, .jpg-row.interaction .jpg-content-body.info > svg, .jpg-row.interaction .jpg-content-body.info > button, .jpg-row.interaction .jpg-content-body.info > img,
  .jpg-row.itemview .jpg-content-body.info > div,
  .jpg-row.itemview .jpg-content-body.info > svg,
  .jpg-row.itemview .jpg-content-body.info > button,
  .jpg-row.itemview .jpg-content-body.info > img,
  .jpg-row.evaluation .jpg-content-body.info > div,
  .jpg-row.evaluation .jpg-content-body.info > svg,
  .jpg-row.evaluation .jpg-content-body.info > button,
  .jpg-row.evaluation .jpg-content-body.info > img,
  .jpg-row.qualification .jpg-content-body.info > div,
  .jpg-row.qualification .jpg-content-body.info > svg,
  .jpg-row.qualification .jpg-content-body.info > button,
  .jpg-row.qualification .jpg-content-body.info > img {
    margin: 0 0 0 8px; }
    .jpg-row.interaction .jpg-content-body.info > div.icon, .jpg-row.interaction .jpg-content-body.info > svg.icon, .jpg-row.interaction .jpg-content-body.info > button.icon, .jpg-row.interaction .jpg-content-body.info > img.icon,
    .jpg-row.itemview .jpg-content-body.info > div.icon,
    .jpg-row.itemview .jpg-content-body.info > svg.icon,
    .jpg-row.itemview .jpg-content-body.info > button.icon,
    .jpg-row.itemview .jpg-content-body.info > img.icon,
    .jpg-row.evaluation .jpg-content-body.info > div.icon,
    .jpg-row.evaluation .jpg-content-body.info > svg.icon,
    .jpg-row.evaluation .jpg-content-body.info > button.icon,
    .jpg-row.evaluation .jpg-content-body.info > img.icon,
    .jpg-row.qualification .jpg-content-body.info > div.icon,
    .jpg-row.qualification .jpg-content-body.info > svg.icon,
    .jpg-row.qualification .jpg-content-body.info > button.icon,
    .jpg-row.qualification .jpg-content-body.info > img.icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .jpg-row.interaction .jpg-content-body.info > div.icon > svg, .jpg-row.interaction .jpg-content-body.info > svg.icon > svg, .jpg-row.interaction .jpg-content-body.info > button.icon > svg, .jpg-row.interaction .jpg-content-body.info > img.icon > svg,
      .jpg-row.itemview .jpg-content-body.info > div.icon > svg,
      .jpg-row.itemview .jpg-content-body.info > svg.icon > svg,
      .jpg-row.itemview .jpg-content-body.info > button.icon > svg,
      .jpg-row.itemview .jpg-content-body.info > img.icon > svg,
      .jpg-row.evaluation .jpg-content-body.info > div.icon > svg,
      .jpg-row.evaluation .jpg-content-body.info > svg.icon > svg,
      .jpg-row.evaluation .jpg-content-body.info > button.icon > svg,
      .jpg-row.evaluation .jpg-content-body.info > img.icon > svg,
      .jpg-row.qualification .jpg-content-body.info > div.icon > svg,
      .jpg-row.qualification .jpg-content-body.info > svg.icon > svg,
      .jpg-row.qualification .jpg-content-body.info > button.icon > svg,
      .jpg-row.qualification .jpg-content-body.info > img.icon > svg {
        margin: 0 0 0 1px; }

.jpg-row.respondent .respondent-importance .form-range {
  padding: 0 8px; }

.jpg-row.respondent .respondent-importance .form-range i {
  width: 4px;
  height: 4px;
  margin: 0 4px 0 0; }
  .jpg-row.respondent .respondent-importance .form-range i:last-of-type {
    margin: 0; }
  .jpg-row.respondent .respondent-importance .form-range i.important1 {
    border-color: #E0E6EC; }
    .jpg-row.respondent .respondent-importance .form-range i.important1.filled {
      background: #66B6FF;
      border-color: #66B6FF; }
  .jpg-row.respondent .respondent-importance .form-range i.important2 {
    border-color: #E0E6EC; }
    .jpg-row.respondent .respondent-importance .form-range i.important2.filled {
      background: #52ACFF;
      border-color: #52ACFF; }
  .jpg-row.respondent .respondent-importance .form-range i.important3 {
    border-color: #E0E6EC; }
    .jpg-row.respondent .respondent-importance .form-range i.important3.filled {
      background: #008AFF;
      border-color: #008AFF; }

.section-group {
  border-left: 2px solid #E0E6EC;
  padding: 0 0 0 12px;
  margin: 0; }
  .section-group:hover, .section-group:active, .section-group:focus {
    border-left: 2px solid #008AFF; }

.section-navigation {
  width: 100%; }
  .section-navigation .section-row {
    margin: 0; }
  .section-navigation .section-group {
    margin: 8px 0 0;
    border-left: 2px solid transparent !important; }
  .section-navigation .section-conditions {
    padding: 4px 8px;
    border: 1px solid #E0E6EC;
    width: -webkit-calc(100% - 18px);
    width: calc(100% - 18px);
    border-radius: 8px;
    margin: 8px 0 8px 18px;
    background: #F9FAFA; }
    .section-navigation .section-conditions .condition-expression {
      min-height: initial; }
      .section-navigation .section-conditions .condition-expression .field {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        background: #E0E6EC; }
      .section-navigation .section-conditions .condition-expression .operator {
        height: 14px;
        line-height: 14px;
        font-size: 10px; }
      .section-navigation .section-conditions .condition-expression .value {
        height: 26px;
        line-height: 26px;
        font-size: 13px; }

.section-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 12px;
  z-index: 100; }
  .section-row.active {
    z-index: 101; }
  .section-row.end {
    margin: 12px 0; }
    .section-row.end > i, .section-row.end > label {
      display: none; }
  .section-row.main > label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0; }
  .section-row.detailed > label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 40px;
    min-width: 100px; }
    .section-row.detailed > label > span {
      font-size: 13px; }
    .section-row.detailed > label .section-info {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background: rgba(0, 0, 0, 0.22);
      opacity: .5;
      border-radius: 4px;
      padding: 0 4px; }
      .section-row.detailed > label .section-info > label {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        margin: 0;
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .section-row.detailed > label .section-info span i {
        margin: 0 0 0 2px; }
  .section-row:not(.main) > label {
    cursor: pointer; }
    .section-row:not(.main) > label:hover, .section-row:not(.main) > label:active, .section-row:not(.main) > label:focus {
      -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
      transform: translate(0, -2px);
      -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12); }
  .section-row > i {
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .section-row > label {
    text-transform: capitalize;
    padding: 0 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #BBC4CD;
    margin: 0 8px;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.form-input.form-input-style .form-input-style-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 12px; }
  .form-input.form-input-style .form-input-style-size > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 12px 0 0;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    min-width: 100px; }
    .form-input.form-input-style .form-input-style-size > span.active {
      opacity: 1; }
    .form-input.form-input-style .form-input-style-size > span:hover, .form-input.form-input-style .form-input-style-size > span:active, .form-input.form-input-style .form-input-style-size > span:focus {
      opacity: 1;
      -webkit-transform: translate3d(0, -2px, 0);
      transform: translate3d(0, -2px, 0); }
    .form-input.form-input-style .form-input-style-size > span.large {
      height: 54px;
      font-size: 16px;
      font-weight: 600;
      padding: 12px 24px; }
      .form-input.form-input-style .form-input-style-size > span.large.rectangle {
        border-radius: 4px !important; }
      .form-input.form-input-style .form-input-style-size > span.large.rounded {
        border-radius: 14px !important; }
      .form-input.form-input-style .form-input-style-size > span.large.uppercase {
        text-transform: uppercase; }
    .form-input.form-input-style .form-input-style-size > span.normal {
      height: 34px;
      font-size: 14px;
      font-weight: 500;
      padding: 4px 24px;
      border-radius: 18px; }
      .form-input.form-input-style .form-input-style-size > span.normal.rectangle {
        border-radius: 4px !important; }
      .form-input.form-input-style .form-input-style-size > span.normal.rounded {
        border-radius: 18px !important; }
      .form-input.form-input-style .form-input-style-size > span.normal.uppercase {
        text-transform: uppercase; }

.form-input.form-input-style .form-input-style-horizontal {
  height: 34px;
  line-height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
  background: white;
  border-radius: 18px;
  overflow: hidden; }
  .form-input.form-input-style .form-input-style-horizontal > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33%;
    border-right: 1px solid #e4e4e4;
    font-size: 10px;
    text-transform: uppercase;
    color: #86909A;
    font-weight: 700;
    padding: 8px 12px;
    cursor: pointer; }
    .form-input.form-input-style .form-input-style-horizontal > span.left {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .form-input.form-input-style .form-input-style-horizontal > span.right {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
    .form-input.form-input-style .form-input-style-horizontal > span:last-of-type {
      border-right: none; }
    .form-input.form-input-style .form-input-style-horizontal > span.disabled {
      background: #e4e4e4 !important;
      color: #ABB2B9 !important; }
    .form-input.form-input-style .form-input-style-horizontal > span:not(.active):not(.disabled):hover, .form-input.form-input-style .form-input-style-horizontal > span:not(.active):not(.disabled):active, .form-input.form-input-style .form-input-style-horizontal > span:not(.active):not(.disabled):focus {
      color: inherit; }

.message-card {
  padding: 8px;
  border-radius: 12px;
  margin-bottom: 8px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.06);
  display: table;
  background: #fff;
  min-height: 80px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 100;
  width: 100%;
  position: relative; }
  .message-card.hover {
    z-index: 120; }
  .message-card.active {
    z-index: 110;
    background: #eaeef2 !important;
    border: 1px solid #38a0ff;
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
  .message-card.hover, .message-card:hover, .message-card:active, .message-card:focus {
    cursor: pointer;
    background: #F9FAFA;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); }
    .message-card.hover .message-card-actions, .message-card:hover .message-card-actions, .message-card:active .message-card-actions, .message-card:focus .message-card-actions {
      opacity: 1; }
  .message-card .message-card-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
    .message-card .message-card-actions > div {
      margin: 0 0 0 8px; }
    .message-card .message-card-actions .message-add-button {
      background: none !important;
      padding: 0 !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      border: none; }
    .message-card .message-card-actions .btn-icon {
      background: none !important;
      padding: 0 !important;
      -webkit-transform: none !important;
      -ms-transform: none !important;
      transform: none !important;
      border: 1px solid #ABB2B9;
      width: 28px;
      height: 28px;
      border-radius: 38px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .message-card .message-card-actions .btn-icon:hover, .message-card .message-card-actions .btn-icon:active, .message-card .message-card-actions .btn-icon:focus {
        border: 1px solid #ABB2B9 !important;
        background: #ABB2B9 !important; }
        .message-card .message-card-actions .btn-icon:hover > svg, .message-card .message-card-actions .btn-icon:active > svg, .message-card .message-card-actions .btn-icon:focus > svg {
          fill: white !important; }
  .message-card .message-card-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .message-card .message-card-title > i {
      width: 20px;
      height: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 24px;
      min-height: 24px;
      border-radius: 50%;
      margin: 0 12px 0 0;
      background: #E0E6EC; }
      .message-card .message-card-title > i svg {
        opacity: 1; }
    .message-card .message-card-title label {
      font-size: 14px;
      font-weight: 600;
      color: #475059;
      margin: 0;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 0; }
  .message-card .message-card-content p, .message-card .message-card-content .message-item {
    font-size: 13px;
    font-weight: 300;
    color: #707172;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0; }
  .message-card .message-card-content .message-item {
    padding: 2px;
    margin: 2px 0; }
    .message-card .message-card-content .message-item .variable {
      display: inline-block;
      background: #ced4da;
      padding: 0 6px;
      border-radius: 8px;
      cursor: pointer; }
      .message-card .message-card-content .message-item .variable:before {
        content: '$';
        display: inline-block;
        margin: 0 2px 0 0;
        font-size: 11px;
        font-weight: 700; }
  .message-card .message-card-infobar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%; }
    .message-card .message-card-infobar .type {
      font-size: 10px;
      text-transform: uppercase;
      font-weight: 600;
      color: #BBC4CD; }
    .message-card .message-card-infobar .unit {
      font-size: 12px;
      font-weight: 300;
      color: #86909A;
      border: 1px solid #BBC4CD;
      border-radius: 4px;
      padding: 0 2px; }
    .message-card .message-card-infobar .message-card-infobar-main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .message-card .message-card-infobar .message-card-infobar-side {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .message-card .message-card-infobar .message-card-infobar-side > span {
        margin: 0 0 0 6px; }

#PopupContainer,
.popup-wrapper {
  height: 100%; }

.popup-container {
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.36);
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.36); }
  .popup-container.preview {
    background: #fff; }
    .popup-container.preview .popup-chat-start {
      height: auto;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 0 8px; }
  .popup-container .popup-header {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    font-weight: 700;
    color: #212326;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20pt;
    font-size: 0.85em;
    padding: 0 30pt;
    background: transparent; }
    .popup-container .popup-header.empty {
      border: 0; }
    .popup-container .popup-header.preview {
      background: transparent;
      font-weight: 700;
      color: #212326;
      height: auto; }
  .popup-container .popup-chat-start .chat-container {
    position: relative;
    background: #fff;
    padding: 8px 8px 8px 56px;
    height: auto;
    width: 100%; }
    .popup-container .popup-chat-start .chat-container .chat-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      position: absolute;
      top: 8px;
      left: 8px; }
    .popup-container .popup-chat-start .chat-container .chat-message {
      padding: 12px;
      font-size: 14px;
      font-weight: 500;
      color: #212326;
      background: #f1f0f1;
      border-radius: 22px;
      display: inline-block; }
      .popup-container .popup-chat-start .chat-container .chat-message p {
        margin: 0; }
  .popup-container .popup-chat .chat-container {
    padding-top: 18px; }
  .popup-container .popup-chat,
  .popup-container .popup-chat-start {
    position: relative;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 870px) {
      .popup-container .popup-chat,
      .popup-container .popup-chat-start {
        width: 100%; } }
    @media only screen and (max-width: 576px) {
      .popup-container .popup-chat,
      .popup-container .popup-chat-start {
        height: 100%;
        margin-top: 0;
        padding: 0; } }

html, body, .page {
  background: transparent;
  height: 100%;
  min-height: auto; }